/*! tailwindcss v4.2.2 | 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)))) {
    *, :before, :after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: 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-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-contain-size: initial;
      --tw-contain-layout: initial;
      --tw-contain-paint: initial;
      --tw-contain-style: initial;
      --tw-content: "";
    }
  }
}

@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, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

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

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

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

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -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 {
    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;
  }

  :focus-visible:is(.show-focus:focus, button, [data-dismissable-layer] button:focus, :not([class*="focus-within"] > *)) {
    outline-width: var(--focus-outline-width);
    outline-offset: var(--focus-outline-offset);
    outline-color: var(--focus-outline-color, currentColor);
    outline-style: var(--focus-outline-style, solid);
    border-radius: inherit;
  }

  a {
    cursor: pointer;
  }

  ::placeholder {
    color: var(--theme-color-gray-500);
  }

  :where(.dark, .dark *)::placeholder {
    color: var(--theme-color-gray-400);
  }

  [type="checkbox"] {
    --focus-outline-offset: -1.85px;
  }

  *, :after, :before, ::backdrop {
    border-color: var(--color-gray-300, currentColor);
  }

  ::file-selector-button {
    border-color: var(--color-gray-300, currentColor);
  }

  [data-contrast="increased"] :is(), [data-contrast="increased"] :is(*) {
    border-color: var(--color-gray-500, currentColor);
  }

  .dark *, .dark :after, .dark :before, .dark ::backdrop {
    border-color: var(--color-gray-700, currentColor);
  }

  .dark ::file-selector-button {
    border-color: var(--color-gray-700, currentColor);
  }
}

@layer addon-theme, addon-utilities;

@layer components {
  .content-card {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--theme-color-content-border);
    min-height: 100%;
    padding-inline: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 6);
  }

  @media (min-width: 40rem) {
    .content-card {
      border-radius: var(--radius-2xl);
      border-top-right-radius: var(--radius-xl);
      border-bottom-right-radius: var(--radius-xl);
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .content-card {
      padding-inline: calc(var(--spacing) * 12);
    }
  }

  .content-card:where(.dark, .dark *) {
    border-block-style: var(--tw-border-style);
    border-block-width: 0;
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  @media (min-width: 40rem) {
    .content-card:where(.dark, .dark *) {
      border-radius: 0;
    }
  }

  .content-card {
    background: var(--theme-color-content-bg);
  }

  @media (min-width: 40rem) {
    .nav-closed .content-card {
      border-radius: var(--radius-xl);
    }
  }

  .dark :is(.nav-closed .content-card) {
    border: 0;
  }
}

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

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

  .\@container\/live-preview {
    container: live-preview / inline-size;
  }

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

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

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

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

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

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

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

  .bg-architectural-lines:not(:has(.page-tree-branch)):before {
    content: "";
    pointer-events: none;
    background-image: url("./architectural-lines-Dtgwmj4T.svg");
    background-size: 100%;
    position: absolute;
    inset: 0;
  }

  @media not all and (min-width: 1300px) {
    .bg-architectural-lines:not(:has(.page-tree-branch)):before {
      background-position-y: 130%;
    }
  }

  @media not all and (max-width: 2000px) {
    .bg-architectural-lines:not(:has(.page-tree-branch)):before {
      opacity: .7;
    }
  }

  .dark .bg-architectural-lines:not(:has(.page-tree-branch)):before {
    filter: invert();
    margin-top: calc(var(--spacing) * -2);
  }

  .bg-architectural-lines:not(:has(.page-tree-branch)) [data-ui-panel] > * {
    z-index: var(--z-index-above);
    position: relative;
  }

  .bg-architectural-lines:not(:has(.page-tree-branch)) [data-ui-panel]:after {
    --height: 1px;
    --line-color: #f2f2f2;
    content: "";
    pointer-events: none;
    height: var(--height);
    border-image: conic-gradient(var(--line-color) 0 0) fill 0//0 100vw;
    inset: 0;
    top: calc(50% - var(--height));
    position: absolute;
  }

  .dark :is(.bg-architectural-lines:not(:has(.page-tree-branch)) [data-ui-panel]):after {
    --line-color: #252527;
  }

  .bg-architectural-lines:not(:has(.page-tree-branch)) footer button:only-child {
    position: relative;
  }

  .bg-architectural-lines:not(:has(.page-tree-branch)) footer button:only-child:before, .bg-architectural-lines:not(:has(.page-tree-branch)) footer button:only-child:after {
    content: "";
    pointer-events: none;
    opacity: .06;
    aspect-ratio: 1;
    border: 1px solid #000;
    border-radius: 50%;
    width: 60%;
    position: absolute;
    inset: 50% 0 0 50%;
    transform: translate(-50%, -50%);
  }

  .bg-architectural-lines:not(:has(.page-tree-branch)) footer button:only-child:before {
    width: 45%;
  }

  .bg-checkerboard {
    position: relative;
  }

  .bg-checkerboard:before {
    border-radius: inherit;
    content: "";
    pointer-events: none;
    background-color: var(--checkerboard-light-color);
    background-image: var(--checkerboard-light);
    transition: opacity .2s ease-in-out;
    position: absolute;
    inset: 0;
  }

  .dark .bg-checkerboard:before {
    background-color: var(--checkerboard-dark-color);
    background-image: var(--checkerboard-dark);
  }

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

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

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .invisible\! {
    visibility: hidden !important;
  }

  .visible {
    visibility: visible;
  }

  .mask-bg {
    z-index: var(--z-index-above);
  }

  .mask-bg:before {
    --cover: 3rem;
    --height-offset: .3rem;
    content: "";
    opacity: .75;
    z-index: var(--z-index-below);
    width: calc(150% + var(--cover));
    height: calc(100% + var(--height-offset) * 2);
    top: calc(0% - var(--height-offset));
    background: radial-gradient(circle at center, var(--theme-color-content-bg) 0%,transparent 80%);
    border-radius: 1.5rem 0 0 1.5rem;
    position: absolute;
  }

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

  .little-dot {
    border-radius: 7px;
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    display: inline-block;
    position: relative;
  }

  .absolute {
    position: absolute;
  }

  .absolute\! {
    position: absolute !important;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .static\! {
    position: static !important;
  }

  .sticky {
    position: sticky;
  }

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

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

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

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

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

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

  .-start-7 {
    inset-inline-start: calc(var(--spacing) * -7);
  }

  .start {
    inset-inline-start: var(--spacing);
  }

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

  .end {
    inset-inline-end: var(--spacing);
  }

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

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

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

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

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

  .-top-\[2px\] {
    top: -2px;
  }

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

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

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

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

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

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

  .top-1\/6 {
    top: 16.6667%;
  }

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

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

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

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

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

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

  .top-\[0\.5px\] {
    top: .5px;
  }

  .top-\[30\%\] {
    top: 30%;
  }

  .top-\[100px\] {
    top: 100px;
  }

  .top-px {
    top: 1px;
  }

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

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

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

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

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

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

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

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

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

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

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

  .left-2\.25 {
    left: calc(var(--spacing) * 2.25);
  }

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

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

  .mask-bg--left:before {
    left: calc(.5rem - var(--cover));
  }

  .mask-bg--left-small:before {
    left: calc(-.75rem - var(--cover));
  }

  .isolate {
    isolation: isolate;
  }

  .z-\(--z-index-above\) {
    z-index: var(--z-index-above);
  }

  .z-\(--z-index-modal\) {
    z-index: var(--z-index-modal);
  }

  .z-\(--z-index-portal\) {
    z-index: var(--z-index-portal);
  }

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

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

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

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

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

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

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

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

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

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

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

  .container {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m-auto {
    margin: auto;
  }

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

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

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

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

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

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

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

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

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

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

  .prose {
    color: var(--prose-body);
    max-width: 65ch;
    font-size: var(--text-base);
    line-height: var(--leading-normal);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) > :first-child {
    margin-block-start: 0;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) > :last-child {
    margin-block-end: 0;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) p, .prose:not([class~="not-prose"], [class~="not-prose"] *) ol, .prose:not([class~="not-prose"], [class~="not-prose"] *) li {
    letter-spacing: -.01em;
    font-optical-sizing: auto;
    font-family: inter, sans-serif;
    font-weight: 425;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) p {
    margin-block: var(--prose-spacing-2xl);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) .lead {
    font-size: 1.1em;
  }

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

  .prose:not([class~="not-prose"], [class~="not-prose"] *) strong {
    color: var(--prose-bold);
    font-weight: var(--prose-font-weight-semibold);
  }

  a :is(.prose:not([class~="not-prose"], [class~="not-prose"] *) strong), blockquote :is(.prose:not([class~="not-prose"], [class~="not-prose"] *) strong), thead th :is(.prose:not([class~="not-prose"], [class~="not-prose"] *) strong) {
    color: inherit;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) blockquote {
    font-weight: var(--prose-font-weight-medium);
    color: var(--prose-quotes);
    border-inline-start-width: var(--prose-spacing-xs);
    border-inline-start-color: var(--prose-quote-borders);
    quotes: "“" "”" "‘" "’";
    margin-block: 1.6em;
    padding-inline-start: var(--prose-spacing-xl);
    font-style: italic;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) blockquote p:before {
    content: open-quote;
  }

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

  .prose:not([class~="not-prose"], [class~="not-prose"] *) hr {
    border-color: var(--prose-hr);
    border-top-width: 1px;
    margin-block: 3em;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) hr + * {
    margin-block-start: 0;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) h1, .prose:not([class~="not-prose"], [class~="not-prose"] *) h2, .prose:not([class~="not-prose"], [class~="not-prose"] *) h3, .prose:not([class~="not-prose"], [class~="not-prose"] *) h4, .prose:not([class~="not-prose"], [class~="not-prose"] *) h5, .prose:not([class~="not-prose"], [class~="not-prose"] *) h6 {
    margin-block: 0 var(--prose-spacing-md);
    color: var(--prose-headings);
  }

  :is(.prose:not([class~="not-prose"], [class~="not-prose"] *) h1, .prose:not([class~="not-prose"], [class~="not-prose"] *) h2, .prose:not([class~="not-prose"], [class~="not-prose"] *) h3, .prose:not([class~="not-prose"], [class~="not-prose"] *) h4, .prose:not([class~="not-prose"], [class~="not-prose"] *) h5, .prose:not([class~="not-prose"], [class~="not-prose"] *) h6) strong {
    font-weight: var(--prose-font-weight-bold);
    color: inherit;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) h2, .prose:not([class~="not-prose"], [class~="not-prose"] *) h3, .prose:not([class~="not-prose"], [class~="not-prose"] *) h4 {
    font-weight: var(--prose-font-weight-medium);
  }

  :is(.prose:not([class~="not-prose"], [class~="not-prose"] *) h2, .prose:not([class~="not-prose"], [class~="not-prose"] *) h3, .prose:not([class~="not-prose"], [class~="not-prose"] *) h4) + * {
    margin-block-start: 0;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) h5, .prose:not([class~="not-prose"], [class~="not-prose"] *) h6 {
    font-weight: var(--prose-font-weight-normal);
    line-height: var(--leading-normal);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) h1 {
    margin-block: 0 var(--prose-spacing-xl);
    font-size: 1.75em;
    font-weight: var(--prose-font-weight-bold);
    letter-spacing: var(--prose-letter-spacing-tight);
    line-height: var(--leading-normal);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) h1 strong {
    font-weight: var(--prose-font-weight-heavy);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) h2 {
    font-size: 1.35em;
    font-weight: var(--prose-font-weight-bold);
    line-height: var(--leading-normal);
    letter-spacing: var(--prose-letter-spacing-tight);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) h3 {
    font-size: 1.15em;
    line-height: var(--leading-normal);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) h4 {
    line-height: var(--leading-normal);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) h6 {
    font-size: var(--prose-font-size-sm);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) ol, .prose:not([class~="not-prose"], [class~="not-prose"] *) ul {
    padding-inline-start: 1.625em;
  }

  :is(.prose:not([class~="not-prose"], [class~="not-prose"] *) ol, .prose:not([class~="not-prose"], [class~="not-prose"] *) ul) > li::marker {
    color: var(--prose-counters);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) :where(ul, ol) :where(ul, ol) {
    margin-block: var(--prose-spacing-lg);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) li {
    margin-block: var(--prose-spacing-md);
  }

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

  .prose:not([class~="not-prose"], [class~="not-prose"] *) ol > li {
    font-weight: var(--prose-font-weight-normal);
    padding-inline-start: var(--prose-spacing-sm);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) ol > li p {
    margin-block: var(--prose-spacing-md);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) ol > li p:first-child {
    margin-block-start: var(--prose-spacing-2xl);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) ol > li p:last-child {
    margin-block-end: var(--prose-spacing-2xl);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) ol > li > p {
    margin-block-start: var(--prose-spacing-2xl);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) ul {
    list-style-type: disc;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) ul > li {
    padding-inline-start: var(--prose-spacing-sm);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) dl {
    margin-block: var(--prose-spacing-2xl);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) dt {
    color: var(--prose-headings);
    font-weight: var(--prose-font-weight-semibold);
    margin-block-start: var(--prose-spacing-2xl);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) dd {
    margin-block-start: var(--prose-spacing-md);
    padding-inline-start: 1.625em;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) picture, .prose:not([class~="not-prose"], [class~="not-prose"] *) img, .prose:not([class~="not-prose"], [class~="not-prose"] *) video {
    margin-block: var(--prose-spacing-5xl);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) picture {
    display: block;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) figure > *, .prose:not([class~="not-prose"], [class~="not-prose"] *) picture > img {
    margin-block: 0;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) figure {
    margin-block-end: 2rem;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) figcaption {
    color: var(--prose-captions);
    font-size: var(--prose-font-size-sm);
    margin-block-start: .825em;
    line-height: 1.5;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) kbd {
    font-weight: var(--prose-font-weight-medium);
    color: var(--prose-kbd);
    box-shadow: 0 0 0 1px oklch(from var(--prose-kbd-shadows) l c h / 10%), 0 2px 0 oklch(from var(--prose-kbd-shadows) l c h / 10%);
    font-family: inherit;
    font-size: var(--prose-font-size-sm);
    border-radius: var(--prose-border-radius-sm);
    padding: .1875em var(--prose-spacing-sm);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) code {
    color: var(--prose-code);
    font-weight: var(--prose-font-weight-semibold);
    font-size: var(--prose-font-size-sm);
  }

  a :is(.prose:not([class~="not-prose"], [class~="not-prose"] *) code) {
    color: inherit;
  }

  h2 :is(.prose:not([class~="not-prose"], [class~="not-prose"] *) code) {
    font-size: var(--prose-font-size-sm);
  }

  h3 :is(.prose:not([class~="not-prose"], [class~="not-prose"] *) code) {
    font-size: var(--prose-font-size-base);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) pre {
    color: var(--prose-pre-code);
    background-color: var(--prose-pre-bg);
    font-weight: var(--prose-font-weight-normal);
    font-size: var(--prose-font-size-sm);
    margin-block: var(--prose-spacing-4xl);
    border-radius: var(--radius-md);
    padding: .825em 1.25em;
    line-height: 1.75;
    overflow-x: auto;
  }

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

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

  .prose:not([class~="not-prose"], [class~="not-prose"] *) table {
    table-layout: auto;
    width: 100%;
    margin-block: var(--prose-spacing-5xl);
    font-size: var(--prose-font-size-sm);
    line-height: 1.75;
  }

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

  .prose:not([class~="not-prose"], [class~="not-prose"] *) thead th {
    color: var(--prose-headings);
    font-weight: var(--prose-font-weight-semibold);
    vertical-align: bottom;
    padding-inline: var(--prose-spacing-md);
    padding-block-end: var(--prose-spacing-md);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) thead th:first-child {
    padding-inline-start: 0;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) thead th:last-child {
    padding-inline-end: 0;
  }

  :is(.prose:not([class~="not-prose"], [class~="not-prose"] *) tbody, .prose:not([class~="not-prose"], [class~="not-prose"] *) tfoot) td {
    padding: var(--prose-spacing-md);
  }

  :is(.prose:not([class~="not-prose"], [class~="not-prose"] *) tbody, .prose:not([class~="not-prose"], [class~="not-prose"] *) tfoot) td:last-child {
    padding-inline-end: 0;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) tbody tr {
    border-bottom-width: 1px;
    border-bottom-color: var(--prose-td-borders);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) tbody tr:last-child {
    border-bottom-width: 0;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) tbody td {
    vertical-align: baseline;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) tbody td:first-child, .prose:not([class~="not-prose"], [class~="not-prose"] *) tbody td:last-child {
    padding-inline-start: 0;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) tfoot {
    border-top-width: 1px;
    border-top-color: var(--prose-th-borders);
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) tfoot td {
    vertical-align: top;
  }

  .prose:not([class~="not-prose"], [class~="not-prose"] *) th, .prose:not([class~="not-prose"], [class~="not-prose"] *) td {
    text-align: start;
  }

  .prose-sm {
    font-size: var(--text-sm);
    line-height: 1.75;
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) [class~="lead"] {
    font-size: var(--prose-font-size-2xl);
    margin-block: var(--prose-spacing-lg);
    line-height: 1.5;
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) blockquote {
    margin-block-end: var(--prose-spacing-2xl);
    padding-inline-start: var(--prose-spacing-xl);
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) hr {
    margin-block-end: 2.85714em;
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) h1 {
    margin-block: 0 .8rem;
    font-size: 2.15em;
    line-height: 1.2;
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) h2 {
    font-size: var(--prose-font-size-4xl);
    margin-block: 1.6rem .8rem;
    line-height: 1.4;
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) h3 {
    font-size: var(--prose-font-size-2xl);
    margin-block: var(--prose-spacing-3xl) var(--prose-spacing-md);
    line-height: 1.55556;
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) h4 {
    margin-block: var(--prose-spacing-3xl) var(--prose-spacing-md);
    line-height: 1.5;
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) ol, .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) ul {
    margin-block: var(--prose-spacing-2xl);
    padding-inline-start: var(--prose-spacing-3xl);
  }

  :is(.prose-sm:not([class~="not-prose"], [class~="not-prose"] *) ol, .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) ul) > li {
    padding-inline-start: .428571em;
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) :where(ul, ol) :where(ul, ol) {
    margin-block: var(--prose-spacing-md);
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) li {
    margin-block: var(--prose-spacing-xs);
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) > ul > li p {
    margin-block: .5em;
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) > ul > li > p, .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) > ul > li > p:first-child {
    margin-block-start: var(--prose-spacing-2xl);
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) > ul > li > p:last-child, .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) > ol > li > p:last-child {
    margin-block-end: var(--prose-spacing-2xl);
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) dd {
    margin-block-start: var(--prose-spacing-xs);
    padding-inline-start: var(--prose-spacing-3xl);
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) picture, .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) img, .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) video, .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) figure {
    margin-block: var(--prose-spacing-4xl);
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) figcaption {
    font-size: var(--prose-font-size-xs);
    margin-block-start: var(--prose-spacing-md);
    line-height: 1.33333;
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) kbd {
    border-radius: var(--prose-border-radius-sm);
    padding: .15em .35em;
    font-size: .825em;
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) code {
    font-size: var(--prose-font-size-xs);
  }

  h2 :is(.prose-sm:not([class~="not-prose"], [class~="not-prose"] *) code) {
    font-size: var(--prose-font-size-base);
  }

  h3 :is(.prose-sm:not([class~="not-prose"], [class~="not-prose"] *) code) {
    font-size: var(--prose-font-size-sm);
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) pre {
    font-size: var(--prose-font-size-xs);
    margin-block: var(--prose-spacing-3xl);
    border-radius: var(--radius-sm);
    padding: .5em 1em;
    line-height: 1.5em;
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) table {
    font-size: var(--prose-font-size-xs);
    line-height: var(--leading-normal);
  }

  .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) thead th {
    padding-inline: var(--prose-spacing-xl);
  }

  :is(.prose-sm:not([class~="not-prose"], [class~="not-prose"] *) tbody, .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) tfoot) td {
    padding: var(--prose-spacing-md) var(--prose-spacing-xl);
  }

  :is(.prose-sm:not([class~="not-prose"], [class~="not-prose"] *) tbody, .prose-sm:not([class~="not-prose"], [class~="not-prose"] *) tfoot) td:first-child {
    padding-inline-start: 0;
  }

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

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

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

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

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

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

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

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

  .my-auto {
    margin-block: auto;
  }

  .-ms-0\.25 {
    margin-inline-start: calc(var(--spacing) * -.25);
  }

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

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

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

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

  .ms-0\.25\! {
    margin-inline-start: calc(var(--spacing) * .25) !important;
  }

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

  .ms-1\.5 {
    margin-inline-start: calc(var(--spacing) * 1.5);
  }

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

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

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

  .ms-auto {
    margin-inline-start: auto;
  }

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

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

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

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

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

  .me-3 {
    margin-inline-end: calc(var(--spacing) * 3);
  }

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

  .me-6 {
    margin-inline-end: calc(var(--spacing) * 6);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .\!loading {
    text-align: center !important;
    padding: 20px 0 !important;
  }

  .\!loading .icon {
    margin-bottom: 5px !important;
    display: block !important;
  }

  .loading {
    text-align: center;
    padding: 20px 0;
  }

  .loading .icon {
    margin-bottom: 5px;
    display: block;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .st-text-trim-start {
    text-box: trim-start;
  }

  .st-text-trim-start:has(svg), .st-text-trim-start:has( + svg) {
    display: flex;
  }

  .form-group :has( > .st-text-trim-start) .st-text-trim-start {
    text-box: unset;
  }

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

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

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .hidden\! {
    display: none !important;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

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

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

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

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

  .\!size-min {
    width: min-content !important;
    height: min-content !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[1\.25rem\] {
    height: 1.25rem;
  }

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

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

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

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

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

  .h-\[65\%\] {
    height: 65%;
  }

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

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

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

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

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

  .max-h-\[21rem\] {
    max-height: 21rem;
  }

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

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

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

  .max-h-\[calc\(var\(--reka-combobox-content-available-height\)-2rem\)\] {
    max-height: calc(var(--reka-combobox-content-available-height) - 2rem);
  }

  .max-h-\[calc\(var\(--reka-dropdown-menu-content-available-height\,300px\)-16px\)\] {
    max-height: calc(var(--reka-dropdown-menu-content-available-height, 300px) - 16px);
  }

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

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

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

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

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

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

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

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

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

  .min-h-\[2\.5rem\] {
    min-height: 2.5rem;
  }

  .min-h-\[2\.25px\] {
    min-height: 2.25px;
  }

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

  .min-h-\[7\.5rem\] {
    min-height: 7.5rem;
  }

  .min-h-\[45vh\] {
    min-height: 45vh;
  }

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

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

  .min-h-\[calc\(100vh-3\.5rem\)\] {
    min-height: calc(100vh - 3.5rem);
  }

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

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

  .st-custom-scrollbar {
    --sb-size: 3px;
    --sb-thumb-color: var(--color-gray-400);
  }

  .st-custom-scrollbar:where(.dark, .dark *) {
    --sb-thumb-color: var(--color-gray-500);
  }

  .st-custom-scrollbar {
    --sb-track-color: transparent;
    scrollbar-color: var(--sb-thumb-color), var(--sb-track-color);
  }

  .st-custom-scrollbar::-webkit-scrollbar {
    width: var(--sb-size);
  }

  .st-custom-scrollbar::-webkit-scrollbar-track {
    background: var(--sb-track-color);
  }

  .st-custom-scrollbar::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 2px;
  }

  .input-text {
    width: 100%;
    padding: calc(var(--spacing) * 2);
    color: var(--theme-color-gray-900);
  }

  .input-text:where(.dark, .dark *) {
    color: var(--theme-color-gray-100);
  }

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

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

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

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

  .w-1\/4 {
    width: 25%;
  }

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

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

  .w-3\/4 {
    width: 75%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-24\! {
    width: calc(var(--spacing) * 24) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[420px\]\! {
    width: 420px !important;
  }

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

  .w-\[var\(--reka-tabs-indicator-size\)\] {
    width: var(--reka-tabs-indicator-size);
  }

  .w-auto {
    width: auto;
  }

  .w-auto\! {
    width: auto !important;
  }

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

  .w-full {
    width: 100%;
  }

  .w-full\! {
    width: 100% !important;
  }

  .w-px {
    width: 1px;
  }

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

  .max-w-3\/4 {
    max-width: 75%;
  }

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

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

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

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

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

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

  .max-w-60\! {
    max-width: calc(var(--spacing) * 60) !important;
  }

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

  .max-w-\[95vw\] {
    max-width: 95vw;
  }

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

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

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

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

  .max-w-\[min\(90vw\,48rem\)\] {
    max-width: min(90vw, 48rem);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .flex-1 {
    flex: 1;
  }

  .flex-none {
    flex: none;
  }

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

  .shrink {
    flex-shrink: 1;
  }

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

  .grow {
    flex-grow: 1;
  }

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

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

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

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

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

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

  .-translate-x-4 {
    --tw-translate-x: calc(1rem * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[var\(--reka-tabs-indicator-position\)\] {
    --tw-translate-x: var(--reka-tabs-indicator-position);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-24 {
    --tw-translate-y: calc(6rem * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[1px\], .translate-y-px, .translate-y-px {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

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

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

  .rotate-45 {
    rotate: 45deg;
  }

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

  .animate-in {
    animation: var(--tw-duration, .15s) var(--tw-ease, ease) enter;
  }

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

  .animate-pulse-on-appearance {
    animation: .4s cubic-bezier(.34, 1.56, .64, 1) pulse-on-appearance;
  }

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

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

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-help {
    cursor: help;
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

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

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-x {
    resize: horizontal;
  }

  .resize-y {
    resize: vertical;
  }

  .appearance-none {
    appearance: none;
  }

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

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

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

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

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

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

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

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

  .grid-cols-\[1fr_5fr\] {
    grid-template-columns: 1fr 5fr;
  }

  .grid-cols-\[1fr_320px\] {
    grid-template-columns: 1fr 320px;
  }

  .grid-cols-\[3fr_2fr\] {
    grid-template-columns: 3fr 2fr;
  }

  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }

  .grid-cols-\[repeat\(auto-fill\,minmax\(180px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }

  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

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

  .content-center {
    align-content: center;
  }

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

  .items-end {
    align-items: flex-end;
  }

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

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

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

  .justify-end {
    justify-content: flex-end;
  }

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

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

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

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

  .gap-2\! {
    gap: calc(var(--spacing) * 2) !important;
  }

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

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

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

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

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

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

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

  .gap-\[1px\] {
    gap: 1px;
  }

  .gap-\[8px\] {
    gap: 8px;
  }

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-12 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }

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

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

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

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-6 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
  }

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

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }

  :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-gray-200 > :not(:last-child)), :where(.divide-gray-200\/80 > :not(:last-child)) {
    border-color: var(--theme-color-gray-200);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-gray-200\/80 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--theme-color-gray-200) 80%, transparent);
    }
  }

  :where(.divide-gray-800\/10 > :not(:last-child)) {
    border-color: var(--theme-color-gray-800);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-gray-800\/10 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--theme-color-gray-800) 10%, transparent);
    }
  }

  .self-center {
    align-self: center;
  }

  .self-start {
    align-self: flex-start;
  }

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-scroll {
    overflow: scroll;
  }

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

  .overflow-x-clip {
    overflow-x: clip;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-scroll {
    overflow-y: scroll;
  }

  .overflow-y-visible {
    overflow-y: visible;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-\[0\.1875rem\] {
    border-radius: .1875rem;
  }

  .rounded-\[50\%\] {
    border-radius: 50%;
  }

  .rounded-\[calc\(var\(--radius-lg\)-1px\)\] {
    border-radius: calc(var(--radius-lg) - 1px);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

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

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-s-lg {
    border-start-start-radius: var(--radius-lg);
    border-end-start-radius: var(--radius-lg);
  }

  .rounded-s-xl {
    border-start-start-radius: var(--radius-xl);
    border-end-start-radius: var(--radius-xl);
  }

  .rounded-e-lg {
    border-start-end-radius: var(--radius-lg);
    border-end-end-radius: var(--radius-lg);
  }

  .rounded-e-sm {
    border-start-end-radius: var(--radius-sm);
    border-end-end-radius: var(--radius-sm);
  }

  .rounded-ee-\[calc\(var\(--radius-lg\)-1px\)\] {
    border-end-end-radius: calc(var(--radius-lg) - 1px);
  }

  .rounded-es-\[calc\(var\(--radius-lg\)-1px\)\] {
    border-end-start-radius: calc(var(--radius-lg) - 1px);
  }

  .rounded-es-xl {
    border-end-start-radius: var(--radius-xl);
  }

  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }

  .rounded-t-\[calc\(var\(--radius-lg\)-1px\)\] {
    border-top-left-radius: calc(var(--radius-lg) - 1px);
    border-top-right-radius: calc(var(--radius-lg) - 1px);
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }

  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }

  .rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }

  .rounded-l-xl {
    border-top-left-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .rounded-tl-xl {
    border-top-left-radius: var(--radius-xl);
  }

  .rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .rounded-r-4xl {
    border-top-right-radius: var(--radius-4xl);
    border-bottom-right-radius: var(--radius-4xl);
  }

  .rounded-r-lg {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }

  .rounded-tr-xl {
    border-top-right-radius: var(--radius-xl);
  }

  .rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-b-\[calc\(var\(--radius-lg\)-1px\)\] {
    border-bottom-right-radius: calc(var(--radius-lg) - 1px);
    border-bottom-left-radius: calc(var(--radius-lg) - 1px);
  }

  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }

  .rounded-b-md {
    border-bottom-right-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .rounded-br-xl {
    border-bottom-right-radius: var(--radius-xl);
  }

  .rounded-bl-xl {
    border-bottom-left-radius: var(--radius-xl);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-y-0 {
    border-block-style: var(--tw-border-style);
    border-block-width: 0;
  }

  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }

  .border-s-0 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  .border-s-2 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
  }

  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .border-t-0\! {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0 !important;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .border-l-1 {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-amber-200 {
    border-color: var(--color-amber-200);
  }

  .border-amber-400 {
    border-color: var(--color-amber-400);
  }

  .border-black {
    border-color: var(--color-black);
  }

  .border-blue-200 {
    border-color: var(--color-blue-200);
  }

  .border-blue-300 {
    border-color: var(--color-blue-300);
  }

  .border-blue-400 {
    border-color: var(--color-blue-400);
  }

  .border-blue-500 {
    border-color: var(--color-blue-500);
  }

  .border-cyan-400 {
    border-color: var(--color-cyan-400);
  }

  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }

  .border-emerald-400 {
    border-color: var(--color-emerald-400);
  }

  .border-fuchsia-300 {
    border-color: var(--color-fuchsia-300);
  }

  .border-gray-200, .border-gray-200\/80 {
    border-color: var(--theme-color-gray-200);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-gray-200\/80 {
      border-color: color-mix(in oklab, var(--theme-color-gray-200) 80%, transparent);
    }
  }

  .border-gray-300, .border-gray-300\/60 {
    border-color: var(--theme-color-gray-300);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-gray-300\/60 {
      border-color: color-mix(in oklab, var(--theme-color-gray-300) 60%, transparent);
    }
  }

  .border-gray-400, .border-gray-400\/60 {
    border-color: var(--theme-color-gray-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-gray-400\/60 {
      border-color: color-mix(in oklab, var(--theme-color-gray-400) 60%, transparent);
    }
  }

  .border-gray-400\/75 {
    border-color: var(--theme-color-gray-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-gray-400\/75 {
      border-color: color-mix(in oklab, var(--theme-color-gray-400) 75%, transparent);
    }
  }

  .border-gray-600 {
    border-color: var(--theme-color-gray-600);
  }

  .border-gray-800 {
    border-color: var(--theme-color-gray-800);
  }

  .border-gray-900 {
    border-color: var(--theme-color-gray-900);
  }

  .border-green-200 {
    border-color: var(--color-green-200);
  }

  .border-green-400 {
    border-color: var(--color-green-400);
  }

  .border-green-500 {
    border-color: var(--color-green-500);
  }

  .border-indigo-300 {
    border-color: var(--color-indigo-300);
  }

  .border-inherit {
    border-color: inherit;
  }

  .border-lime-400 {
    border-color: var(--color-lime-400);
  }

  .border-orange-400 {
    border-color: var(--color-orange-400);
  }

  .border-pink-300 {
    border-color: var(--color-pink-300);
  }

  .border-primary-border {
    border-color: var(--color-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary-border {
      border-color: color-mix(in oklch, var(--color-primary) 100%, black 20%);
    }
  }

  .border-purple-200 {
    border-color: var(--color-purple-200);
  }

  .border-purple-300 {
    border-color: var(--color-purple-300);
  }

  .border-purple-500 {
    border-color: var(--color-purple-500);
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-red-400 {
    border-color: var(--color-red-400);
  }

  .border-red-500 {
    border-color: var(--color-red-500);
  }

  .border-red-600 {
    border-color: var(--color-red-600);
  }

  .border-rose-300 {
    border-color: var(--color-rose-300);
  }

  .border-sky-300 {
    border-color: var(--color-sky-300);
  }

  .border-teal-400 {
    border-color: var(--color-teal-400);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-ui-accent-bg {
    border-color: var(--theme-color-ui-accent-bg);
  }

  .border-ui-accent-bg\! {
    border-color: var(--theme-color-ui-accent-bg) !important;
  }

  .border-violet-300 {
    border-color: var(--color-violet-300);
  }

  .border-yellow-200 {
    border-color: var(--color-yellow-200);
  }

  .border-yellow-400 {
    border-color: var(--color-yellow-400);
  }

  .border-yellow-dark {
    border-color: #e8dc1e;
  }

  .border-t-gray-300\! {
    border-top-color: var(--theme-color-gray-300) !important;
  }

  .bg-checkerboard-dark:before {
    background-color: var(--checkerboard-dark-color) !important;
    background-image: var(--checkerboard-dark) !important;
  }

  .bg-checkerboard-light:before {
    background-color: var(--checkerboard-light-color) !important;
    background-image: var(--checkerboard-light) !important;
  }

  .bg-\[hsl\(from_var\(--theme-color-ui-accent-bg\)_h_s_97\)\] {
    background-color: hsl(from var(--theme-color-ui-accent-bg) h s 97);
  }

  .bg-\[var\(--preview-color-card-panel\)\] {
    background-color: var(--preview-color-card-panel);
  }

  .bg-\[var\(--preview-color-card-panel-border\)\] {
    background-color: var(--preview-color-card-panel-border);
  }

  .bg-\[var\(--preview-color-text\)\] {
    background-color: var(--preview-color-text);
  }

  .bg-\[var\(--theme-color-body-bg\)\] {
    background-color: var(--theme-color-body-bg);
  }

  .bg-\[var\(--theme-color-content-bg\)\] {
    background-color: var(--theme-color-content-bg);
  }

  .bg-\[var\(--theme-color-gray-700\)\] {
    background-color: var(--theme-color-gray-700);
  }

  .bg-\[var\(--theme-color-primary\)\] {
    background-color: var(--theme-color-primary);
  }

  .bg-\[var\(--theme-color-switch-bg\)\] {
    background-color: var(--theme-color-switch-bg);
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-amber-150 {
    background-color: oklch(94.3% .0895 95.682);
  }

  .bg-amber-200 {
    background-color: var(--color-amber-200);
  }

  .bg-amber-300 {
    background-color: var(--color-amber-300);
  }

  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }

  .bg-amber-600 {
    background-color: var(--color-amber-600);
  }

  .bg-amber-700 {
    background-color: var(--color-amber-700);
  }

  .bg-amber-800 {
    background-color: var(--color-amber-800);
  }

  .bg-amber-850 {
    background-color: oklch(44.4% .125 46.053);
  }

  .bg-amber-900 {
    background-color: var(--color-amber-900);
  }

  .bg-amber-925 {
    background-color: oklch(39.09% .106 45.858);
  }

  .bg-amber-950 {
    background-color: var(--color-amber-950);
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .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\/25 {
    background-color: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/25 {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .bg-black\/40 {
    background-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-blue-100\/80\! {
    background-color: #dbeafecc !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-100\/80\! {
      background-color: color-mix(in oklab, var(--color-blue-100) 80%, transparent) !important;
    }
  }

  .bg-blue-150 {
    background-color: oklch(90.7% .0455 254.857);
  }

  .bg-blue-200 {
    background-color: var(--color-blue-200);
  }

  .bg-blue-300 {
    background-color: var(--color-blue-300);
  }

  .bg-blue-400 {
    background-color: var(--color-blue-400);
  }

  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }

  .bg-blue-500\/10 {
    background-color: #3080ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/10 {
      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-blue-600\! {
    background-color: var(--color-blue-600) !important;
  }

  .bg-blue-700 {
    background-color: var(--color-blue-700);
  }

  .bg-blue-800 {
    background-color: var(--color-blue-800);
  }

  .bg-blue-850 {
    background-color: oklch(40.2% .173 265.587);
  }

  .bg-blue-900 {
    background-color: var(--color-blue-900);
  }

  .bg-blue-925 {
    background-color: oklch(36.24% .1366 265.935);
  }

  .bg-blue-950 {
    background-color: var(--color-blue-950);
  }

  .bg-body-bg {
    background-color: var(--theme-color-body-bg);
  }

  .bg-content-bg {
    background-color: var(--theme-color-content-bg);
  }

  .bg-cyan-50 {
    background-color: var(--color-cyan-50);
  }

  .bg-cyan-100 {
    background-color: var(--color-cyan-100);
  }

  .bg-cyan-150 {
    background-color: oklch(93.65% .0625 204.215);
  }

  .bg-cyan-200 {
    background-color: var(--color-cyan-200);
  }

  .bg-cyan-300 {
    background-color: var(--color-cyan-300);
  }

  .bg-cyan-400 {
    background-color: var(--color-cyan-400);
  }

  .bg-cyan-500 {
    background-color: var(--color-cyan-500);
  }

  .bg-cyan-600 {
    background-color: var(--color-cyan-600);
  }

  .bg-cyan-700 {
    background-color: var(--color-cyan-700);
  }

  .bg-cyan-800 {
    background-color: var(--color-cyan-800);
  }

  .bg-cyan-850 {
    background-color: oklch(42.4% .078 225.706);
  }

  .bg-cyan-900 {
    background-color: var(--color-cyan-900);
  }

  .bg-cyan-925 {
    background-color: oklch(38.16% .0676 227.696);
  }

  .bg-cyan-950 {
    background-color: var(--color-cyan-950);
  }

  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }

  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }

  .bg-emerald-150 {
    background-color: oklch(92.75% .0725 163.601);
  }

  .bg-emerald-200 {
    background-color: var(--color-emerald-200);
  }

  .bg-emerald-300 {
    background-color: var(--color-emerald-300);
  }

  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }

  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }

  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }

  .bg-emerald-700 {
    background-color: var(--color-emerald-700);
  }

  .bg-emerald-800 {
    background-color: var(--color-emerald-800);
  }

  .bg-emerald-850 {
    background-color: oklch(40.5% .086 167.427);
  }

  .bg-emerald-900 {
    background-color: var(--color-emerald-900);
  }

  .bg-emerald-925 {
    background-color: oklch(35.82% .0726 169.341);
  }

  .bg-emerald-950 {
    background-color: var(--color-emerald-950);
  }

  .bg-fuchsia-50 {
    background-color: var(--color-fuchsia-50);
  }

  .bg-fuchsia-100 {
    background-color: var(--color-fuchsia-100);
  }

  .bg-fuchsia-150 {
    background-color: oklch(92.75% .0565 319.236);
  }

  .bg-fuchsia-200 {
    background-color: var(--color-fuchsia-200);
  }

  .bg-fuchsia-300 {
    background-color: var(--color-fuchsia-300);
  }

  .bg-fuchsia-400 {
    background-color: var(--color-fuchsia-400);
  }

  .bg-fuchsia-500 {
    background-color: var(--color-fuchsia-500);
  }

  .bg-fuchsia-600 {
    background-color: var(--color-fuchsia-600);
  }

  .bg-fuchsia-700 {
    background-color: var(--color-fuchsia-700);
  }

  .bg-fuchsia-800 {
    background-color: var(--color-fuchsia-800);
  }

  .bg-fuchsia-850 {
    background-color: oklch(42.7% .191 325.102);
  }

  .bg-fuchsia-900 {
    background-color: var(--color-fuchsia-900);
  }

  .bg-fuchsia-925 {
    background-color: oklch(38.25% .1642 325.62);
  }

  .bg-fuchsia-950 {
    background-color: var(--color-fuchsia-950);
  }

  .bg-global-header-bg {
    background-color: var(--theme-color-global-header-bg);
  }

  .bg-gray-50 {
    background-color: var(--theme-color-gray-50);
  }

  .bg-gray-100, .bg-gray-100\/50 {
    background-color: var(--theme-color-gray-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-100\/50 {
      background-color: color-mix(in oklab, var(--theme-color-gray-100) 50%, transparent);
    }
  }

  .bg-gray-150 {
    background-color: var(--theme-color-gray-150);
  }

  .bg-gray-200, .bg-gray-200\/50 {
    background-color: var(--theme-color-gray-200);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-200\/50 {
      background-color: color-mix(in oklab, var(--theme-color-gray-200) 50%, transparent);
    }
  }

  .bg-gray-200\/55 {
    background-color: var(--theme-color-gray-200);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-200\/55 {
      background-color: color-mix(in oklab, var(--theme-color-gray-200) 55%, transparent);
    }
  }

  .bg-gray-200\/75 {
    background-color: var(--theme-color-gray-200);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-200\/75 {
      background-color: color-mix(in oklab, var(--theme-color-gray-200) 75%, transparent);
    }
  }

  .bg-gray-300, .bg-gray-300\/80 {
    background-color: var(--theme-color-gray-300);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-300\/80 {
      background-color: color-mix(in oklab, var(--theme-color-gray-300) 80%, transparent);
    }
  }

  .bg-gray-400 {
    background-color: var(--theme-color-gray-400);
  }

  .bg-gray-500 {
    background-color: var(--theme-color-gray-500);
  }

  .bg-gray-600, .bg-gray-600\/10 {
    background-color: var(--theme-color-gray-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-600\/10 {
      background-color: color-mix(in oklab, var(--theme-color-gray-600) 10%, transparent);
    }
  }

  .bg-gray-700 {
    background-color: var(--theme-color-gray-700);
  }

  .bg-gray-800, .bg-gray-800\/20 {
    background-color: var(--theme-color-gray-800);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-800\/20 {
      background-color: color-mix(in oklab, var(--theme-color-gray-800) 20%, transparent);
    }
  }

  .bg-gray-850 {
    background-color: var(--theme-color-gray-850);
  }

  .bg-gray-900 {
    background-color: var(--theme-color-gray-900);
  }

  .bg-gray-925 {
    background-color: var(--theme-color-gray-925);
  }

  .bg-gray-950, .bg-gray-950\/5 {
    background-color: var(--theme-color-gray-950);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-950\/5 {
      background-color: color-mix(in oklab, var(--theme-color-gray-950) 5%, transparent);
    }
  }

  .bg-green-50 {
    background-color: var(--color-green-50);
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-green-150 {
    background-color: oklch(94.35% .064 156.369);
  }

  .bg-green-200 {
    background-color: var(--color-green-200);
  }

  .bg-green-300 {
    background-color: var(--color-green-300);
  }

  .bg-green-400 {
    background-color: var(--color-green-400);
  }

  .bg-green-500 {
    background-color: var(--color-green-500);
  }

  .bg-green-600 {
    background-color: var(--color-green-600);
  }

  .bg-green-700 {
    background-color: var(--color-green-700);
  }

  .bg-green-800 {
    background-color: var(--color-green-800);
  }

  .bg-green-850 {
    background-color: oklch(42.1% .107 151.932);
  }

  .bg-green-900 {
    background-color: var(--color-green-900);
  }

  .bg-green-925 {
    background-color: oklch(37.13% .0899 152.603);
  }

  .bg-green-950 {
    background-color: var(--color-green-950);
  }

  .bg-indigo-50 {
    background-color: var(--color-indigo-50);
  }

  .bg-indigo-100 {
    background-color: var(--color-indigo-100);
  }

  .bg-indigo-150 {
    background-color: oklch(90% .0495 273.414);
  }

  .bg-indigo-200 {
    background-color: var(--color-indigo-200);
  }

  .bg-indigo-300 {
    background-color: var(--color-indigo-300);
  }

  .bg-indigo-400 {
    background-color: var(--color-indigo-400);
  }

  .bg-indigo-500 {
    background-color: var(--color-indigo-500);
  }

  .bg-indigo-600 {
    background-color: var(--color-indigo-600);
  }

  .bg-indigo-700 {
    background-color: var(--color-indigo-700);
  }

  .bg-indigo-800 {
    background-color: var(--color-indigo-800);
  }

  .bg-indigo-850 {
    background-color: oklch(37.9% .17 277.532);
  }

  .bg-indigo-900 {
    background-color: var(--color-indigo-900);
  }

  .bg-indigo-925 {
    background-color: oklch(34.16% .1348 279.158);
  }

  .bg-indigo-950 {
    background-color: var(--color-indigo-950);
  }

  .bg-lime-50 {
    background-color: var(--color-lime-50);
  }

  .bg-lime-100 {
    background-color: var(--color-lime-100);
  }

  .bg-lime-150 {
    background-color: oklch(95.25% .097 123.325);
  }

  .bg-lime-200 {
    background-color: var(--color-lime-200);
  }

  .bg-lime-300 {
    background-color: var(--color-lime-300);
  }

  .bg-lime-400 {
    background-color: var(--color-lime-400);
  }

  .bg-lime-500 {
    background-color: var(--color-lime-500);
  }

  .bg-lime-600 {
    background-color: var(--color-lime-600);
  }

  .bg-lime-700 {
    background-color: var(--color-lime-700);
  }

  .bg-lime-800 {
    background-color: var(--color-lime-800);
  }

  .bg-lime-850 {
    background-color: oklch(42.9% .113 131.296);
  }

  .bg-lime-900 {
    background-color: var(--color-lime-900);
  }

  .bg-lime-925 {
    background-color: oklch(38.26% .096 131.242);
  }

  .bg-lime-950 {
    background-color: var(--color-lime-950);
  }

  .bg-neutral-50 {
    background-color: var(--color-neutral-50);
  }

  .bg-neutral-100 {
    background-color: var(--color-neutral-100);
  }

  .bg-neutral-150 {
    background-color: oklch(94.6% 0 0);
  }

  .bg-neutral-200 {
    background-color: var(--color-neutral-200);
  }

  .bg-neutral-300 {
    background-color: var(--color-neutral-300);
  }

  .bg-neutral-400 {
    background-color: var(--color-neutral-400);
  }

  .bg-neutral-500 {
    background-color: var(--color-neutral-500);
  }

  .bg-neutral-600 {
    background-color: var(--color-neutral-600);
  }

  .bg-neutral-700 {
    background-color: var(--color-neutral-700);
  }

  .bg-neutral-800 {
    background-color: var(--color-neutral-800);
  }

  .bg-neutral-850 {
    background-color: oklch(23.6% 0 0);
  }

  .bg-neutral-900 {
    background-color: var(--color-neutral-900);
  }

  .bg-neutral-925 {
    background-color: oklch(19.47% 0 0);
  }

  .bg-neutral-950 {
    background-color: var(--color-neutral-950);
  }

  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }

  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }

  .bg-orange-150 {
    background-color: oklch(92.75% .057 72.931);
  }

  .bg-orange-200 {
    background-color: var(--color-orange-200);
  }

  .bg-orange-300 {
    background-color: var(--color-orange-300);
  }

  .bg-orange-400 {
    background-color: var(--color-orange-400);
  }

  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }

  .bg-orange-600 {
    background-color: var(--color-orange-600);
  }

  .bg-orange-700 {
    background-color: var(--color-orange-700);
  }

  .bg-orange-800 {
    background-color: var(--color-orange-800);
  }

  .bg-orange-850 {
    background-color: oklch(43.9% .14 37.738);
  }

  .bg-orange-900 {
    background-color: var(--color-orange-900);
  }

  .bg-orange-925 {
    background-color: oklch(38.37% .1155 37.845);
  }

  .bg-orange-950 {
    background-color: var(--color-orange-950);
  }

  .bg-pink-50 {
    background-color: var(--color-pink-50);
  }

  .bg-pink-100 {
    background-color: var(--color-pink-100);
  }

  .bg-pink-150 {
    background-color: oklch(92.35% .0445 342.745);
  }

  .bg-pink-200 {
    background-color: var(--color-pink-200);
  }

  .bg-pink-300 {
    background-color: var(--color-pink-300);
  }

  .bg-pink-400 {
    background-color: var(--color-pink-400);
  }

  .bg-pink-500 {
    background-color: var(--color-pink-500);
  }

  .bg-pink-600 {
    background-color: var(--color-pink-600);
  }

  .bg-pink-700 {
    background-color: var(--color-pink-700);
  }

  .bg-pink-800 {
    background-color: var(--color-pink-800);
  }

  .bg-pink-850 {
    background-color: oklch(43.4% .17 3.114);
  }

  .bg-pink-900 {
    background-color: var(--color-pink-900);
  }

  .bg-pink-925 {
    background-color: oklch(38.68% .1455 2.557);
  }

  .bg-pink-950 {
    background-color: var(--color-pink-950);
  }

  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }

  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }

  .bg-purple-150 {
    background-color: oklch(92.4% .048 306.939);
  }

  .bg-purple-200 {
    background-color: var(--color-purple-200);
  }

  .bg-purple-300 {
    background-color: var(--color-purple-300);
  }

  .bg-purple-400 {
    background-color: var(--color-purple-400);
  }

  .bg-purple-500 {
    background-color: var(--color-purple-500);
  }

  .bg-purple-600 {
    background-color: var(--color-purple-600);
  }

  .bg-purple-700 {
    background-color: var(--color-purple-700);
  }

  .bg-purple-800 {
    background-color: var(--color-purple-800);
  }

  .bg-purple-850 {
    background-color: oklch(41% .197 304.356);
  }

  .bg-purple-900 {
    background-color: var(--color-purple-900);
  }

  .bg-purple-925 {
    background-color: oklch(36.56% .1714 304.599);
  }

  .bg-purple-950 {
    background-color: var(--color-purple-950);
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-red-150 {
    background-color: oklch(91.05% .047 18.026);
  }

  .bg-red-200 {
    background-color: var(--color-red-200);
  }

  .bg-red-300 {
    background-color: var(--color-red-300);
  }

  .bg-red-400 {
    background-color: var(--color-red-400);
  }

  .bg-red-500 {
    background-color: var(--color-red-500);
  }

  .bg-red-600 {
    background-color: var(--color-red-600);
  }

  .bg-red-700 {
    background-color: var(--color-red-700);
  }

  .bg-red-800 {
    background-color: var(--color-red-800);
  }

  .bg-red-850 {
    background-color: oklch(42% .159 26.311);
  }

  .bg-red-900 {
    background-color: var(--color-red-900);
  }

  .bg-red-925 {
    background-color: oklch(37.24% .1326 25.778);
  }

  .bg-red-950 {
    background-color: var(--color-red-950);
  }

  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }

  .bg-rose-100 {
    background-color: var(--color-rose-100);
  }

  .bg-rose-150 {
    background-color: oklch(91.65% .044 11.291);
  }

  .bg-rose-200 {
    background-color: var(--color-rose-200);
  }

  .bg-rose-300 {
    background-color: var(--color-rose-300);
  }

  .bg-rose-400 {
    background-color: var(--color-rose-400);
  }

  .bg-rose-500 {
    background-color: var(--color-rose-500);
  }

  .bg-rose-600 {
    background-color: var(--color-rose-600);
  }

  .bg-rose-700 {
    background-color: var(--color-rose-700);
  }

  .bg-rose-800 {
    background-color: var(--color-rose-800);
  }

  .bg-rose-850 {
    background-color: oklch(43.3% .174 11.985);
  }

  .bg-rose-900 {
    background-color: var(--color-rose-900);
  }

  .bg-rose-925 {
    background-color: oklch(38.62% .1498 10.413);
  }

  .bg-rose-950 {
    background-color: var(--color-rose-950);
  }

  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }

  .bg-sky-100 {
    background-color: var(--color-sky-100);
  }

  .bg-sky-150 {
    background-color: oklch(92.6% .042 233.863);
  }

  .bg-sky-200 {
    background-color: var(--color-sky-200);
  }

  .bg-sky-300 {
    background-color: var(--color-sky-300);
  }

  .bg-sky-400 {
    background-color: var(--color-sky-400);
  }

  .bg-sky-500 {
    background-color: var(--color-sky-500);
  }

  .bg-sky-600 {
    background-color: var(--color-sky-600);
  }

  .bg-sky-700 {
    background-color: var(--color-sky-700);
  }

  .bg-sky-800 {
    background-color: var(--color-sky-800);
  }

  .bg-sky-850 {
    background-color: oklch(41.7% .1 240.833);
  }

  .bg-sky-900 {
    background-color: var(--color-sky-900);
  }

  .bg-sky-925 {
    background-color: oklch(37.43% .0859 241.124);
  }

  .bg-sky-950 {
    background-color: var(--color-sky-950);
  }

  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }

  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }

  .bg-slate-150 {
    background-color: oklch(94.85% .01 251.702);
  }

  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }

  .bg-slate-300 {
    background-color: var(--color-slate-300);
  }

  .bg-slate-400 {
    background-color: var(--color-slate-400);
  }

  .bg-slate-500 {
    background-color: var(--color-slate-500);
  }

  .bg-slate-600 {
    background-color: var(--color-slate-600);
  }

  .bg-slate-700 {
    background-color: var(--color-slate-700);
  }

  .bg-slate-800 {
    background-color: var(--color-slate-800);
  }

  .bg-slate-850 {
    background-color: oklch(23.6% .041 263.801);
  }

  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }

  .bg-slate-925 {
    background-color: oklch(19.45% .042 265.573);
  }

  .bg-slate-950 {
    background-color: var(--color-slate-950);
  }

  .bg-stone-50 {
    background-color: var(--color-stone-50);
  }

  .bg-stone-100 {
    background-color: var(--color-stone-100);
  }

  .bg-stone-150 {
    background-color: oklch(94.65% .002 77.571);
  }

  .bg-stone-200 {
    background-color: var(--color-stone-200);
  }

  .bg-stone-300 {
    background-color: var(--color-stone-300);
  }

  .bg-stone-400 {
    background-color: var(--color-stone-400);
  }

  .bg-stone-500 {
    background-color: var(--color-stone-500);
  }

  .bg-stone-600 {
    background-color: var(--color-stone-600);
  }

  .bg-stone-700 {
    background-color: var(--color-stone-700);
  }

  .bg-stone-800 {
    background-color: var(--color-stone-800);
  }

  .bg-stone-850 {
    background-color: oklch(23.6% .006 48.043);
  }

  .bg-stone-900 {
    background-color: var(--color-stone-900);
  }

  .bg-stone-925 {
    background-color: oklch(20.42% .0057 55.203);
  }

  .bg-stone-950 {
    background-color: var(--color-stone-950);
  }

  .bg-teal-50 {
    background-color: var(--color-teal-50);
  }

  .bg-teal-100 {
    background-color: var(--color-teal-100);
  }

  .bg-teal-150 {
    background-color: oklch(93.15% .0735 180.614);
  }

  .bg-teal-200 {
    background-color: var(--color-teal-200);
  }

  .bg-teal-300 {
    background-color: var(--color-teal-300);
  }

  .bg-teal-400 {
    background-color: var(--color-teal-400);
  }

  .bg-teal-500 {
    background-color: var(--color-teal-500);
  }

  .bg-teal-600 {
    background-color: var(--color-teal-600);
  }

  .bg-teal-700 {
    background-color: var(--color-teal-700);
  }

  .bg-teal-800 {
    background-color: var(--color-teal-800);
  }

  .bg-teal-850 {
    background-color: oklch(41.2% .071 189.308);
  }

  .bg-teal-900 {
    background-color: var(--color-teal-900);
  }

  .bg-teal-925 {
    background-color: oklch(36.74% .0601 188.891);
  }

  .bg-teal-950 {
    background-color: var(--color-teal-950);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-ui-accent-bg {
    background-color: var(--theme-color-ui-accent-bg);
  }

  .bg-ui-accent-bg\/10\! {
    background-color: var(--theme-color-ui-accent-bg) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ui-accent-bg\/10\! {
      background-color: color-mix(in oklab, var(--theme-color-ui-accent-bg) 10%, transparent) !important;
    }
  }

  .bg-violet-50 {
    background-color: var(--color-violet-50);
  }

  .bg-violet-100 {
    background-color: var(--color-violet-100);
  }

  .bg-violet-150 {
    background-color: oklch(91.85% .043 293.936);
  }

  .bg-violet-200 {
    background-color: var(--color-violet-200);
  }

  .bg-violet-300 {
    background-color: var(--color-violet-300);
  }

  .bg-violet-400 {
    background-color: var(--color-violet-400);
  }

  .bg-violet-500 {
    background-color: var(--color-violet-500);
  }

  .bg-violet-600 {
    background-color: var(--color-violet-600);
  }

  .bg-violet-700 {
    background-color: var(--color-violet-700);
  }

  .bg-violet-800 {
    background-color: var(--color-violet-800);
  }

  .bg-violet-850 {
    background-color: oklch(40.6% .211 293.252);
  }

  .bg-violet-900 {
    background-color: var(--color-violet-900);
  }

  .bg-violet-925 {
    background-color: oklch(36.34% .1808 293.291);
  }

  .bg-violet-950 {
    background-color: var(--color-violet-950);
  }

  .bg-volt {
    background-color: oklch(93.86% .2018 122.24);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\! {
    background-color: var(--color-white) !important;
  }

  .bg-white\/5 {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-white\/15\! {
    background-color: #ffffff26 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15\! {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent) !important;
    }
  }

  .bg-white\/80 {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-white\/85 {
    background-color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/85 {
      background-color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .bg-white\/90 {
    background-color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/90 {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .bg-yellow {
    background-color: #fbfab0;
  }

  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }

  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }

  .bg-yellow-150 {
    background-color: oklch(95.9% .1 102.367);
  }

  .bg-yellow-200 {
    background-color: var(--color-yellow-200);
  }

  .bg-yellow-300 {
    background-color: var(--color-yellow-300);
  }

  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }

  .bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }

  .bg-yellow-600 {
    background-color: var(--color-yellow-600);
  }

  .bg-yellow-700 {
    background-color: var(--color-yellow-700);
  }

  .bg-yellow-800 {
    background-color: var(--color-yellow-800);
  }

  .bg-yellow-850 {
    background-color: oklch(44.9% .105 59.808);
  }

  .bg-yellow-900 {
    background-color: var(--color-yellow-900);
  }

  .bg-yellow-925 {
    background-color: oklch(39.79% .09 57.042);
  }

  .bg-yellow-950 {
    background-color: var(--color-yellow-950);
  }

  .bg-zinc-50 {
    background-color: var(--color-zinc-50);
  }

  .bg-zinc-100 {
    background-color: var(--color-zinc-100);
  }

  .bg-zinc-150 {
    background-color: oklch(95.6% .0022 286.32);
  }

  .bg-zinc-200 {
    background-color: var(--color-zinc-200);
  }

  .bg-zinc-300 {
    background-color: var(--color-zinc-300);
  }

  .bg-zinc-400 {
    background-color: var(--color-zinc-400);
  }

  .bg-zinc-500 {
    background-color: var(--color-zinc-500);
  }

  .bg-zinc-600 {
    background-color: var(--color-zinc-600);
  }

  .bg-zinc-700 {
    background-color: var(--color-zinc-700);
  }

  .bg-zinc-800 {
    background-color: var(--color-zinc-800);
  }

  .bg-zinc-850 {
    background-color: oklch(23.6% .006 286.015);
  }

  .bg-zinc-900 {
    background-color: var(--color-zinc-900);
  }

  .bg-zinc-925 {
    background-color: oklch(19.82% .0042 285.73);
  }

  .bg-zinc-950 {
    background-color: var(--color-zinc-950);
  }

  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  .bg-linear-to-b {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[linear-gradient\(90deg\,theme\(colors\.gray\.100\)_0\%\,theme\(colors\.gray\.200\)_50\%\,theme\(colors\.gray\.100\)_100\%\)\] {
    background-image: linear-gradient(90deg,var(--theme-color-gray-100) 0%,var(--theme-color-gray-200) 50%,var(--theme-color-gray-100) 100%);
  }

  .from-gray-100 {
    --tw-gradient-from: var(--theme-color-gray-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-gray-200 {
    --tw-gradient-from: var(--theme-color-gray-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-primary\/90 {
    --tw-gradient-from: var(--theme-color-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/90 {
      --tw-gradient-from: color-mix(in oklab, var(--theme-color-primary) 90%, transparent);
    }
  }

  .from-primary\/90 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-red-600\/90 {
    --tw-gradient-from: #e40014e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-red-600\/90 {
      --tw-gradient-from: color-mix(in oklab, var(--color-red-600) 90%, transparent);
    }
  }

  .from-red-600\/90 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-60\% {
    --tw-gradient-from-position: 60%;
  }

  .to-gray-50 {
    --tw-gradient-to: var(--theme-color-gray-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-gray-150 {
    --tw-gradient-to: var(--theme-color-gray-150);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-primary {
    --tw-gradient-to: var(--theme-color-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-red-600 {
    --tw-gradient-to: var(--color-red-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-20\% {
    --tw-gradient-to-position: 20%;
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-center {
    background-position: center;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .fill-white {
    fill: var(--color-white);
  }

  .stroke-gray-300 {
    stroke: var(--theme-color-gray-300);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .\!p-0, .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }

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

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

  .p-1\.75 {
    padding: calc(var(--spacing) * 1.75);
  }

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

  .p-2\! {
    padding: calc(var(--spacing) * 2) !important;
  }

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

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

  .p-3\! {
    padding: calc(var(--spacing) * 3) !important;
  }

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

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-12 {
    padding: calc(var(--spacing) * 12);
  }

  .p-16 {
    padding: calc(var(--spacing) * 16);
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-px {
    padding: 1px;
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-0\! {
    padding-inline: calc(var(--spacing) * 0) !important;
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-0\.5\! {
    padding-inline: calc(var(--spacing) * .5) !important;
  }

  .px-0\.25 {
    padding-inline: calc(var(--spacing) * .25);
  }

  .px-0\.25\! {
    padding-inline: calc(var(--spacing) * .25) !important;
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\! {
    padding-inline: calc(var(--spacing) * 1) !important;
  }

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

  .px-1\.25 {
    padding-inline: calc(var(--spacing) * 1.25);
  }

  .px-1\.75\! {
    padding-inline: calc(var(--spacing) * 1.75) !important;
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\! {
    padding-inline: calc(var(--spacing) * 2) !important;
  }

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

  .px-2\.25 {
    padding-inline: calc(var(--spacing) * 2.25);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

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

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-5\! {
    padding-inline: calc(var(--spacing) * 5) !important;
  }

  .px-5\.5 {
    padding-inline: calc(var(--spacing) * 5.5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-16 {
    padding-inline: calc(var(--spacing) * 16);
  }

  .px-\[0\.3125rem\] {
    padding-inline: .3125rem;
  }

  .py-0\! {
    padding-block: calc(var(--spacing) * 0) !important;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-0\.75\! {
    padding-block: calc(var(--spacing) * .75) !important;
  }

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

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

  .py-1\.75 {
    padding-block: calc(var(--spacing) * 1.75);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\! {
    padding-block: calc(var(--spacing) * 2) !important;
  }

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

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\! {
    padding-block: calc(var(--spacing) * 3) !important;
  }

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

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-\[0\.0625rem\] {
    padding-block: .0625rem;
  }

  .st-overflow-clip-margin {
    overflow-clip-margin: 1px;
  }

  @supports not (overflow-clip-margin: 1px) {
    .st-overflow-clip-margin {
      padding-inline-start: 1px;
    }
  }

  .ps-0\.5 {
    padding-inline-start: calc(var(--spacing) * .5);
  }

  .ps-1\.5 {
    padding-inline-start: calc(var(--spacing) * 1.5);
  }

  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }

  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }

  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }

  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }

  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }

  .ps-8 {
    padding-inline-start: calc(var(--spacing) * 8);
  }

  .ps-9 {
    padding-inline-start: calc(var(--spacing) * 9);
  }

  .ps-\[1px\] {
    padding-inline-start: 1px;
  }

  .ps-\[2rem\] {
    padding-inline-start: 2rem;
  }

  .pe-0\.5 {
    padding-inline-end: calc(var(--spacing) * .5);
  }

  .pe-0\.25 {
    padding-inline-end: calc(var(--spacing) * .25);
  }

  .pe-1 {
    padding-inline-end: calc(var(--spacing) * 1);
  }

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

  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }

  .pe-3 {
    padding-inline-end: calc(var(--spacing) * 3);
  }

  .pe-3\! {
    padding-inline-end: calc(var(--spacing) * 3) !important;
  }

  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }

  .pe-6 {
    padding-inline-end: calc(var(--spacing) * 6);
  }

  .pe-8 {
    padding-inline-end: calc(var(--spacing) * 8);
  }

  .pe-9 {
    padding-inline-end: calc(var(--spacing) * 9);
  }

  .pe-10 {
    padding-inline-end: calc(var(--spacing) * 10);
  }

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

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

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

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

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

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

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

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

  .pt-\[2px\] {
    padding-top: 2px;
  }

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

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

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

  .pr-3\.25\! {
    padding-right: calc(var(--spacing) * 3.25) !important;
  }

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

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

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

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

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

  .pb-2\.75 {
    padding-bottom: calc(var(--spacing) * 2.75);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

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

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

  .pb-5\.5 {
    padding-bottom: calc(var(--spacing) * 5.5);
  }

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

  .pl-2\.75\! {
    padding-left: calc(var(--spacing) * 2.75) !important;
  }

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

  .text-end {
    text-align: end;
  }

  .text-end\! {
    text-align: end !important;
  }

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

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

  .text-start {
    text-align: start;
  }

  .text-start\! {
    text-align: start !important;
  }

  .align-middle {
    vertical-align: middle;
  }

  .st-text-legibility {
    letter-spacing: -.01em;
    font-optical-sizing: auto;
    font-family: inter, sans-serif;
    font-weight: 425;
  }

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

  .font-sans {
    font-family: var(--font-sans);
  }

  .font-serif {
    font-family: var(--font-serif);
  }

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

  .text-\[0\.625rem\]\/4 {
    font-size: .625rem;
    line-height: calc(var(--spacing) * 4);
  }

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

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

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

  .text-sm\! {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }

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

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

  .text-2xs {
    font-size: var(--text-2xs);
  }

  .text-3xs {
    font-size: var(--text-3xs);
  }

  .text-\[0\.8rem\] {
    font-size: .8rem;
  }

  .text-\[0\.9em\] {
    font-size: .9em;
  }

  .text-\[0\.625rem\] {
    font-size: .625rem;
  }

  .text-\[0\.8125rem\] {
    font-size: .8125rem;
  }

  .text-\[25px\] {
    font-size: 25px;
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-5\.5 {
    --tw-leading: calc(var(--spacing) * 5.5);
    line-height: calc(var(--spacing) * 5.5);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }

  .leading-\[1\.125rem\] {
    --tw-leading: 1.125rem;
    line-height: 1.125rem;
  }

  .leading-\[1\.375rem\] {
    --tw-leading: 1.375rem;
    line-height: 1.375rem;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-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-medium\! {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

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

  .text-balance {
    text-wrap: balance;
  }

  .text-pretty {
    text-wrap: pretty;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

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

  .\!text-red-600 {
    color: var(--color-red-600) !important;
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-blue-400\/90 {
    color: #54a2ffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-blue-400\/90 {
      color: color-mix(in oklab, var(--color-blue-400) 90%, transparent);
    }
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-blue-500\! {
    color: var(--color-blue-500) !important;
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-600\! {
    color: var(--color-blue-600) !important;
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-cyan-700 {
    color: var(--color-cyan-700);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-emerald-800 {
    color: var(--color-emerald-800);
  }

  .text-fuchsia-700 {
    color: var(--color-fuchsia-700);
  }

  .text-gray {
    color: gray;
  }

  .text-gray-50 {
    color: var(--theme-color-gray-50);
  }

  .text-gray-200 {
    color: var(--theme-color-gray-200);
  }

  .text-gray-300 {
    color: var(--theme-color-gray-300);
  }

  .text-gray-400 {
    color: var(--theme-color-gray-400);
  }

  .text-gray-500 {
    color: var(--theme-color-gray-500);
  }

  .text-gray-500\! {
    color: var(--theme-color-gray-500) !important;
  }

  .text-gray-600, .text-gray-600\/90 {
    color: var(--theme-color-gray-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-gray-600\/90 {
      color: color-mix(in oklab, var(--theme-color-gray-600) 90%, transparent);
    }
  }

  .text-gray-700 {
    color: var(--theme-color-gray-700);
  }

  .text-gray-800 {
    color: var(--theme-color-gray-800);
  }

  .text-gray-800\! {
    color: var(--theme-color-gray-800) !important;
  }

  .text-gray-900 {
    color: var(--theme-color-gray-900);
  }

  .text-gray-900\! {
    color: var(--theme-color-gray-900) !important;
  }

  .text-gray-925 {
    color: var(--theme-color-gray-925);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-green-800 {
    color: var(--color-green-800);
  }

  .text-indigo-700 {
    color: var(--color-indigo-700);
  }

  .text-lime-700 {
    color: var(--color-lime-700);
  }

  .text-orange-700 {
    color: var(--color-orange-700);
  }

  .text-pink {
    color: #ff269e;
  }

  .text-pink-800 {
    color: var(--color-pink-800);
  }

  .text-purple-700 {
    color: var(--color-purple-700);
  }

  .text-purple-800 {
    color: var(--color-purple-800);
  }

  .text-red {
    color: red;
  }

  .text-red-500\! {
    color: var(--color-red-500) !important;
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

  .text-rose-800 {
    color: var(--color-rose-800);
  }

  .text-sky-700 {
    color: var(--color-sky-700);
  }

  .text-teal-700 {
    color: var(--color-teal-700);
  }

  .text-ui-accent-text, .text-ui-accent-text\/80 {
    color: var(--theme-color-ui-accent-text);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-ui-accent-text\/80 {
      color: color-mix(in oklab, var(--theme-color-ui-accent-text) 80%, transparent);
    }
  }

  .text-violet-700 {
    color: var(--color-violet-700);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\! {
    color: var(--color-white) !important;
  }

  .text-white\/30 {
    color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/30 {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .text-white\/50 {
    color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/50 {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .text-white\/60 {
    color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .text-white\/85 {
    color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/85 {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .text-yellow-300\! {
    color: var(--color-yellow-300) !important;
  }

  .text-yellow-700 {
    color: var(--color-yellow-700);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

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

  .normal-nums {
    font-variant-numeric: normal;
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .no-underline\! {
    text-decoration-line: none !important;
  }

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

  .decoration-blue-200 {
    -webkit-text-decoration-color: var(--color-blue-200);
    -webkit-text-decoration-color: var(--color-blue-200);
    text-decoration-color: var(--color-blue-200);
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

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

  .placeholder-gray-500::placeholder {
    color: var(--theme-color-gray-500);
  }

  .scheme-light {
    color-scheme: light;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-50\! {
    opacity: .5 !important;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-100 {
    opacity: 1;
  }

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

  .shadow-\[0_1px_16px_-2px_rgba\(63\,63\,71\,0\.2\)\] {
    --tw-shadow: 0 1px 16px -2px var(--tw-shadow-color, #3f3f4733);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_5px_-6px_rgba\(0\,0\,0\,0\.1\)\,_0_3px_8px_0_rgba\(0\,0\,0\,0\.02\)\,_0_30px_22px_-22px_rgba\(39\,39\,42\,0\.15\)\] {
    --tw-shadow: 0 8px 5px -6px var(--tw-shadow-color, #0000001a), 0 3px 8px 0 var(--tw-shadow-color, #00000005), 0 30px 22px -22px var(--tw-shadow-color, #27272a26);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_5px_-6px_rgba\(0\,0\,0\,0\.12\)\,_0_3px_8px_0_rgba\(0\,0\,0\,0\.02\)\,_0_30px_22px_-22px_rgba\(39\,39\,42\,0\.35\)\] {
    --tw-shadow: 0 8px 5px -6px var(--tw-shadow-color, #0000001f), 0 3px 8px 0 var(--tw-shadow-color, #00000005), 0 30px 22px -22px var(--tw-shadow-color, #27272a59);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0px_4px_3px_0px_black\] {
    --tw-shadow: inset 0px 4px 3px 0px var(--tw-shadow-color, black);
    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);
  }

  .shadow-ui-lg {
    --tw-shadow: 0px 4px 7px -4px var(--tw-shadow-color, #00000026);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-ui-md {
    --tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, #0000005e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-ui-sm {
    --tw-shadow: 0px 2px 3px -2px var(--tw-shadow-color, #00000026);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-ui-xl {
    --tw-shadow: 0px 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-ui-xs {
    --tw-shadow: 0px 1px 3px -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, .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);
  }

  .inset-shadow-sm\/10 {
    --tw-inset-shadow-alpha: 10%;
    --tw-inset-shadow: inset 0 2px 4px var(--tw-inset-shadow-color, oklab(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);
  }

  .\!inset-shadow-none {
    --tw-inset-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;
  }

  .inset-shadow-2xs {
    --tw-inset-shadow: inset 0 1px var(--tw-inset-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .inset-shadow-none\! {
    --tw-inset-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;
  }

  .inset-shadow-xs {
    --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .inset-ring-1 {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-none {
    box-shadow: none;
    outline: 0;
  }

  .ring-blue-400 {
    --tw-ring-color: var(--color-blue-400);
  }

  .ring-blue-500 {
    --tw-ring-color: var(--color-blue-500);
  }

  .ring-gray-200 {
    --tw-ring-color: var(--theme-color-gray-200);
  }

  .ring-gray-300 {
    --tw-ring-color: var(--theme-color-gray-300);
  }

  .ring-red-500 {
    --tw-ring-color: var(--color-red-500);
  }

  .ring-white\/7\.5 {
    --tw-ring-color: #ffffff13;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/7\.5 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 7.5%, transparent);
    }
  }

  .ring-white\/10 {
    --tw-ring-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .inset-shadow-red-300 {
    --tw-inset-shadow-color: oklch(80.8% .114 19.571);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .inset-shadow-red-300 {
      --tw-inset-shadow-color: color-mix(in oklab, var(--color-red-300) var(--tw-inset-shadow-alpha), transparent);
    }
  }

  .inset-shadow-white\/25 {
    --tw-inset-shadow-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .inset-shadow-white\/25 {
      --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 25%, transparent) var(--tw-inset-shadow-alpha), transparent);
    }
  }

  .inset-ring-red {
    --tw-inset-ring-color: red;
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus-outline {
    outline-width: var(--focus-outline-width);
    outline-offset: var(--focus-outline-offset);
    outline-color: var(--focus-outline-color, currentColor);
    outline-style: var(--focus-outline-style, solid);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

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

  .sepia {
    --tw-sepia: sepia(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-saturate-150 {
    --tw-backdrop-saturate: saturate(150%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\,visibility\] {
    transition-property: height, visibility;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .delay-10 {
    transition-delay: 10ms;
  }

  .delay-25 {
    transition-delay: 25ms;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-125 {
    --tw-duration: .125s;
    transition-duration: .125s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-250 {
    --tw-duration: .25s;
    transition-duration: .25s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-750 {
    --tw-duration: .75s;
    transition-duration: .75s;
  }

  .duration-\[250ms\,2s\] {
    --tw-duration: .25s,2s;
    transition-duration: .25s, 2s;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-\[transform\,opacity\] {
    will-change: transform,opacity;
  }

  .will-change-transform {
    will-change: transform;
  }

  .contain-paint {
    --tw-contain-paint: paint;
    contain: var(--tw-contain-size, ) var(--tw-contain-layout, ) var(--tw-contain-paint, ) var(--tw-contain-style, );
  }

  .prose code:before, .prose code:after {
    content: none;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .slide-in-from-top-2 {
    --tw-enter-translate-y: calc(.5rem * -1);
  }

  .\[name\:Test\] {
    name: Test;
  }

  .\[view\:123\] {
    view: 123;
  }

  .\[word-spacing\:-0\.15em\] {
    word-spacing: -.15em;
  }

  .delay-10 {
    animation-delay: 10ms;
  }

  .delay-25 {
    animation-delay: 25ms;
  }

  .fade-in {
    --tw-enter-opacity: 0;
  }

  .fill-mode-forwards {
    animation-fill-mode: forwards;
  }

  .paused {
    animation-play-state: paused;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  .running {
    animation-play-state: running;
  }

  .shape-squircle {
    corner-shape: squircle;
  }

  .st-text-trim-cap {
    text-box: cap alphabetic;
  }

  .not-last\:border-b:not(:last-child) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .not-data-disabled\:cursor-pointer:not([data-disabled]) {
    cursor: pointer;
  }

  .not-\[\.link-fieldtype_\&\]\:rounded-t-none:not(.link-fieldtype *) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .not-\[\.link-fieldtype_\&\]\:border:not(.link-fieldtype *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .not-\[\.link-fieldtype_\&\]\:border-t-0\!:not(.link-fieldtype *) {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0 !important;
  }

  .not-\[\.link-fieldtype_\&\]\:p-2:not(.link-fieldtype *) {
    padding: calc(var(--spacing) * 2);
  }

  .group-focus-within\:opacity-0:is(:where(.group):focus-within *) {
    opacity: 0;
  }

  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\:transition-none:is(:where(.group):focus-within *) {
    transition-property: none;
  }

  @media (hover: hover) {
    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }

    .group-hover\:to-gray-50:is(:where(.group):hover *) {
      --tw-gradient-to: var(--theme-color-gray-50);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .group-hover\:text-blue-400:is(:where(.group):hover *) {
      color: var(--color-blue-400);
    }

    .group-hover\:text-gray-900:is(:where(.group):hover *) {
      color: var(--theme-color-gray-900);
    }

    .group-hover\:text-ui-accent-text\/80:is(:where(.group):hover *) {
      color: var(--theme-color-ui-accent-text);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:text-ui-accent-text\/80:is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--theme-color-ui-accent-text) 80%, transparent);
      }
    }

    .group-hover\:text-white:is(:where(.group):hover *) {
      color: var(--color-white);
    }

    .group-hover\:text-white\/70:is(:where(.group):hover *) {
      color: #ffffffb3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:text-white\/70:is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }

    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\/footer\:text-gray-925:is(:where(.group\/footer):hover *) {
      color: var(--theme-color-gray-925);
    }
  }

  .group-has-data-ui-context-footer\:border-b:is(:where(.group):has([data-ui-context-footer]) *), .group-has-data-ui-dropdown-footer\:border-b:is(:where(.group):has([data-ui-dropdown-footer]) *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .placeholder\:text-gray-400::placeholder {
    color: var(--theme-color-gray-400);
  }

  .placeholder\:text-gray-500::placeholder {
    color: var(--theme-color-gray-500);
  }

  .placeholder\:text-gray-500\!::placeholder {
    color: var(--theme-color-gray-500) !important;
  }

  .placeholder\:lowercase::placeholder {
    text-transform: lowercase;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:top-\[3px\]:before {
    content: var(--tw-content);
    top: 3px;
  }

  .before\:me-4:before {
    content: var(--tw-content);
    margin-inline-end: calc(var(--spacing) * 4);
  }

  .before\:hidden:before {
    content: var(--tw-content);
    display: none;
  }

  .before\:h-1:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1);
  }

  .before\:h-px:before {
    content: var(--tw-content);
    height: 1px;
  }

  .before\:w-1:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1);
  }

  .before\:flex-1:before {
    content: var(--tw-content);
    flex: 1;
  }

  .before\:rounded-lg:before {
    content: var(--tw-content);
    border-radius: var(--radius-lg);
  }

  .before\:bg-gray-300:before {
    content: var(--tw-content);
    background-color: var(--theme-color-gray-300);
  }

  .before\:bg-white:before {
    content: var(--tw-content);
    background-color: var(--color-white);
  }

  .before\:opacity-0:before {
    content: var(--tw-content);
    opacity: 0;
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

  .after\:ms-4:after {
    content: var(--tw-content);
    margin-inline-start: calc(var(--spacing) * 4);
  }

  .after\:block:after {
    content: var(--tw-content);
    display: block;
  }

  .after\:h-\[0\.5rem\]:after {
    content: var(--tw-content);
    height: .5rem;
  }

  .after\:h-px:after {
    content: var(--tw-content);
    height: 1px;
  }

  .after\:w-\[0\.5rem\]:after {
    content: var(--tw-content);
    width: .5rem;
  }

  .after\:flex-1:after {
    content: var(--tw-content);
    flex: 1;
  }

  .after\:rounded-\[50\%\]:after {
    content: var(--tw-content);
    border-radius: 50%;
  }

  .after\:bg-gray-300:after {
    content: var(--tw-content);
    background-color: var(--theme-color-gray-300);
  }

  .after\:bg-ui-accent-bg:after {
    content: var(--tw-content);
    background-color: var(--theme-color-ui-accent-bg);
  }

  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .first\:rounded-s-full:first-child {
    border-start-start-radius: 3.40282e38px;
    border-end-start-radius: 3.40282e38px;
  }

  .first\:pl-0:first-child {
    padding-left: calc(var(--spacing) * 0);
  }

  .last\:me-12:last-child {
    margin-inline-end: calc(var(--spacing) * 12);
  }

  .last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .last\:rounded-e-full:last-child {
    border-start-end-radius: 3.40282e38px;
    border-end-end-radius: 3.40282e38px;
  }

  .last\:border-r-0:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .last\:pr-0:last-child {
    padding-right: calc(var(--spacing) * 0);
  }

  .read-only\:border-dashed:read-only {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .focus-within\:focus-outline:focus-within {
    outline-width: var(--focus-outline-width);
    outline-offset: var(--focus-outline-offset);
    outline-color: var(--focus-outline-color, currentColor);
    outline-style: var(--focus-outline-style, solid);
  }

  .focus-within\:outline-none:focus-within {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (hover: hover) {
    .hover\:z-10:hover {
      z-index: 10;
    }

    .hover\:scale-150:hover {
      --tw-scale-x: 150%;
      --tw-scale-y: 150%;
      --tw-scale-z: 150%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:rounded:hover {
      border-radius: .25rem;
    }

    .hover\:border-gray-400:hover {
      border-color: var(--theme-color-gray-400);
    }

    .hover\:border-transparent:hover {
      border-color: #0000;
    }

    .hover\:bg-black\/40:hover {
      background-color: #0006;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/40:hover {
        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }

    .hover\:bg-black\/45:hover {
      background-color: #00000073;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/45:hover {
        background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
      }
    }

    .hover\:bg-blue-100:hover {
      background-color: var(--color-blue-100);
    }

    .hover\:bg-blue-600:hover {
      background-color: var(--color-blue-600);
    }

    .hover\:bg-gray-50:hover {
      background-color: var(--theme-color-gray-50);
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--theme-color-gray-100);
    }

    .hover\:bg-gray-200:hover {
      background-color: var(--theme-color-gray-200);
    }

    .hover\:bg-gray-300\/5\!:hover {
      background-color: var(--theme-color-gray-300) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-gray-300\/5\!:hover {
        background-color: color-mix(in oklab, var(--theme-color-gray-300) 5%, transparent) !important;
      }
    }

    .hover\:bg-gray-400\/10:hover {
      background-color: var(--theme-color-gray-400);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-gray-400\/10:hover {
        background-color: color-mix(in oklab, var(--theme-color-gray-400) 10%, transparent);
      }
    }

    .hover\:bg-gray-950\/5:hover {
      background-color: var(--theme-color-gray-950);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-gray-950\/5:hover {
        background-color: color-mix(in oklab, var(--theme-color-gray-950) 5%, transparent);
      }
    }

    .hover\:bg-gray-950\/10:hover {
      background-color: var(--theme-color-gray-950);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-gray-950\/10:hover {
        background-color: color-mix(in oklab, var(--theme-color-gray-950) 10%, transparent);
      }
    }

    .hover\:bg-green-50:hover {
      background-color: var(--color-green-50);
    }

    .hover\:bg-primary-hover:hover {
      background-color: var(--color-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-hover:hover {
        background-color: color-mix(in oklch, var(--color-primary) 100%, white 30%);
      }
    }

    .hover\:bg-purple-50:hover {
      background-color: var(--color-purple-50);
    }

    .hover\:bg-red-600\/90:hover {
      background-color: #e40014e6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-600\/90:hover {
        background-color: color-mix(in oklab, var(--color-red-600) 90%, transparent);
      }
    }

    .hover\:to-gray-100:hover {
      --tw-gradient-to: var(--theme-color-gray-100);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:text-blue-400:hover {
      color: var(--color-blue-400);
    }

    .hover\:text-gray-600:hover {
      color: var(--theme-color-gray-600);
    }

    .hover\:text-gray-700:hover {
      color: var(--theme-color-gray-700);
    }

    .hover\:text-gray-900:hover {
      color: var(--theme-color-gray-900);
    }

    .hover\:text-gray-925:hover {
      color: var(--theme-color-gray-925);
    }

    .hover\:text-ui-accent-text:hover, .hover\:text-ui-accent-text\/80:hover {
      color: var(--theme-color-ui-accent-text);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-ui-accent-text\/80:hover {
        color: color-mix(in oklab, var(--theme-color-ui-accent-text) 80%, transparent);
      }
    }

    .hover\:text-white\!:hover {
      color: var(--color-white) !important;
    }

    .hover\:text-white\/70:hover {
      color: #ffffffb3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-white\/70:hover {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }

    .hover\:opacity-70:hover {
      opacity: .7;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-sm:hover {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:not-data-disabled\:bg-gray-50:hover:not([data-disabled]) {
      background-color: var(--theme-color-gray-50);
    }

    .hover\:not-data-disabled\:bg-gray-100:hover:not([data-disabled]) {
      background-color: var(--theme-color-gray-100);
    }

    .hover\:before\:opacity-100:hover:before {
      content: var(--tw-content);
      opacity: 1;
    }
  }

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

  .focus\:bg-blue-100:focus {
    background-color: var(--color-blue-100);
  }

  .focus\:bg-gray-100:focus {
    background-color: var(--theme-color-gray-100);
  }

  .focus\:opacity-100:focus {
    opacity: 1;
  }

  .focus\:\!inset-shadow-none:focus {
    --tw-inset-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;
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus\:focus-outline:focus {
    outline-width: var(--focus-outline-width);
    outline-offset: var(--focus-outline-offset);
    outline-color: var(--focus-outline-color, currentColor);
    outline-style: var(--focus-outline-style, solid);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:rounded-lg:focus-visible {
    border-radius: var(--radius-lg);
  }

  .focus-visible\:bg-gray-100:focus-visible {
    background-color: var(--theme-color-gray-100);
  }

  .active\:scale-90:active {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

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

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

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

  .disabled\:text-gray-400:disabled {
    color: var(--theme-color-gray-400);
  }

  .disabled\:text-white:disabled {
    color: var(--color-white);
  }

  .disabled\:text-white\!:disabled {
    color: var(--color-white) !important;
  }

  .disabled\:text-white\/60:disabled {
    color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:text-white\/60:disabled {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:opacity-75:disabled {
    opacity: .75;
  }

  .disabled\:shadow-none:disabled {
    --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);
  }

  .disabled\:inset-shadow-none:disabled {
    --tw-inset-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);
  }

  :where([data-ui-button-group]) .in-data-ui-button-group\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  :where([data-ui-button-group]) .in-data-ui-button-group\:border-s-0 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  :where([data-ui-button-group]) .in-data-ui-button-group\:border-gray-300 {
    border-color: var(--theme-color-gray-300);
  }

  :where([data-ui-button-group]) .in-data-ui-button-group\:bg-linear-to-b {
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    :where([data-ui-button-group]) .in-data-ui-button-group\:bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  :where([data-ui-button-group]) .in-data-ui-button-group\:bg-linear-to-b {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  :where([data-ui-button-group]) .in-data-ui-button-group\:from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  :where([data-ui-button-group]) .in-data-ui-button-group\:to-red-50 {
    --tw-gradient-to: var(--color-red-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  :where([data-ui-button-group]) .in-data-ui-button-group\:text-red-600 {
    color: var(--color-red-600);
  }

  :where([data-ui-button-group]) .in-data-ui-button-group\:shadow-ui-sm {
    --tw-shadow: 0px 2px 3px -2px var(--tw-shadow-color, #00000026);
    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-ui-button-group]) .in-data-ui-button-group\:inset-shadow-none {
    --tw-inset-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    :where([data-ui-button-group]) .in-data-ui-button-group\:hover\:bg-gray-50:hover {
      background-color: var(--theme-color-gray-50);
    }

    :where([data-ui-button-group]) .in-data-ui-button-group\:hover\:to-gray-100:hover {
      --tw-gradient-to: var(--theme-color-gray-100);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }

  .has-\[button\]\:ps-0:has(:is(button)) {
    padding-inline-start: calc(var(--spacing) * 0);
  }

  .has-\[button\]\:ps-1:has(:is(button)) {
    padding-inline-start: calc(var(--spacing) * 1);
  }

  .has-\[button\]\:pe-0:has(:is(button)) {
    padding-inline-end: calc(var(--spacing) * 0);
  }

  .has-\[button\]\:pe-1:has(:is(button)) {
    padding-inline-end: calc(var(--spacing) * 1);
  }

  .data-disabled\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-disabled\:text-gray-300[data-disabled] {
    color: var(--theme-color-gray-300);
  }

  .data-disabled\:text-gray-400[data-disabled] {
    color: var(--theme-color-gray-400);
  }

  .data-disabled\:opacity-50[data-disabled] {
    opacity: .5;
  }

  @media (hover: hover) {
    .data-disabled\:hover\:bg-transparent[data-disabled]:hover {
      background-color: #0000;
    }
  }

  .data-highlighted\:bg-gray-100[data-highlighted] {
    background-color: var(--theme-color-gray-100);
  }

  .data-highlighted\:bg-gray-200[data-highlighted], .data-highlighted\:bg-gray-200\/70[data-highlighted] {
    background-color: var(--theme-color-gray-200);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-highlighted\:bg-gray-200\/70[data-highlighted] {
      background-color: color-mix(in oklab, var(--theme-color-gray-200) 70%, transparent);
    }
  }

  .data-highlighted\:text-gray-900[data-highlighted] {
    color: var(--theme-color-gray-900);
  }

  .data-highlighted\:outline-hidden[data-highlighted] {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .data-highlighted\:outline-hidden[data-highlighted] {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .data-invalid\:border-red-500[data-invalid] {
    border-color: var(--color-red-500);
  }

  .data-outside-view\:text-gray-400[data-outside-view] {
    color: var(--theme-color-gray-400);
  }

  .data-placeholder\:text-gray-600[data-placeholder] {
    color: var(--theme-color-gray-600);
  }

  .data-selected\:bg-gray-800\![data-selected] {
    background-color: var(--theme-color-gray-800) !important;
  }

  .data-selected\:text-white[data-selected] {
    color: var(--color-white);
  }

  .data-today\:before\:block[data-today]:before {
    content: var(--tw-content);
    display: block;
  }

  .data-today\:before\:bg-green-500[data-today]:before {
    content: var(--tw-content);
    background-color: var(--color-green-500);
  }

  :is(.data-ui-input\:\*\:grow[data-ui-input] > *) {
    flex-grow: 1;
  }

  .data-unavailable\:pointer-events-none[data-unavailable] {
    pointer-events: none;
  }

  .data-unavailable\:text-gray-925\/30[data-unavailable] {
    color: var(--theme-color-gray-925);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-unavailable\:text-gray-925\/30[data-unavailable] {
      color: color-mix(in oklab, var(--theme-color-gray-925) 30%, transparent);
    }
  }

  .data-unavailable\:line-through[data-unavailable] {
    text-decoration-line: line-through;
  }

  .data-\[disabled\]\:cursor-not-allowed[data-disabled] {
    cursor: not-allowed;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[last\=\"true\"\]\:border-r[data-last="true"] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .data-\[last\=\"true\"\]\:border-gray-300[data-last="true"] {
    border-color: var(--theme-color-gray-300);
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: calc(.5rem * -1);
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: .5rem;
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(.5rem * -1);
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: .5rem;
  }

  .data-\[state\=\"selected\"\]\:border-gray-300[data-state="selected"] {
    border-color: var(--theme-color-gray-300);
  }

  .data-\[state\=\"selected\"\]\:bg-gray-100[data-state="selected"] {
    background-color: var(--theme-color-gray-100);
  }

  .data-\[state\=\"selected\"\]\:data-\[last\=\"false\"\]\:border-gray-100[data-state="selected"][data-last="false"] {
    border-color: var(--theme-color-gray-100);
  }

  .data-\[state\=active\]\:text-gray-900[data-state="active"] {
    color: var(--theme-color-gray-900);
  }

  .data-\[state\=checked\]\:translate-x-full[data-state="checked"] {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=checked\]\:border-switch-bg[data-state="checked"] {
    border-color: var(--theme-color-switch-bg);
  }

  .data-\[state\=checked\]\:border-ui-accent-bg[data-state="checked"] {
    border-color: var(--theme-color-ui-accent-bg);
  }

  .data-\[state\=checked\]\:bg-switch-bg[data-state="checked"] {
    background-color: var(--theme-color-switch-bg);
  }

  .data-\[state\=checked\]\:bg-ui-accent-bg[data-state="checked"] {
    background-color: var(--theme-color-ui-accent-bg);
  }

  .data-\[state\=checked\]\:shadow-inner[data-state="checked"] {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation: var(--tw-duration, .15s) var(--tw-ease, ease) exit;
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=indeterminate\]\:border-ui-accent-bg[data-state="indeterminate"] {
    border-color: var(--theme-color-ui-accent-bg);
  }

  .data-\[state\=indeterminate\]\:bg-ui-accent-bg[data-state="indeterminate"] {
    background-color: var(--theme-color-ui-accent-bg);
  }

  .data-\[state\=on\]\:border-gray-500[data-state="on"] {
    border-color: var(--theme-color-gray-500);
  }

  .data-\[state\=on\]\:bg-gray-300[data-state="on"] {
    background-color: var(--theme-color-gray-300);
  }

  .data-\[state\=on\]\:bg-gray-400\/20[data-state="on"] {
    background-color: var(--theme-color-gray-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=on\]\:bg-gray-400\/20[data-state="on"] {
      background-color: color-mix(in oklab, var(--theme-color-gray-400) 20%, transparent);
    }
  }

  .data-\[state\=on\]\:bg-primary-hover[data-state="on"] {
    background-color: var(--color-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=on\]\:bg-primary-hover[data-state="on"] {
      background-color: color-mix(in oklch, var(--color-primary) 100%, white 30%);
    }
  }

  .data-\[state\=on\]\:from-gray-100[data-state="on"] {
    --tw-gradient-from: var(--theme-color-gray-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .data-\[state\=on\]\:to-gray-100[data-state="on"] {
    --tw-gradient-to: var(--theme-color-gray-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .data-\[state\=on\]\:text-gray-700[data-state="on"] {
    color: var(--theme-color-gray-700);
  }

  .data-\[state\=on\]\:text-gray-900[data-state="on"] {
    color: var(--theme-color-gray-900);
  }

  .data-\[state\=on\]\:inset-shadow-sm\/10[data-state="on"] {
    --tw-inset-shadow-alpha: 10%;
    --tw-inset-shadow: inset 0 2px 4px var(--tw-inset-shadow-color, oklab(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);
  }

  .data-\[state\=open\]\:animate-in[data-state="open"] {
    animation: var(--tw-duration, .15s) var(--tw-ease, ease) enter;
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: .95;
  }

  .data-\[state\=unchecked\]\:border-transparent[data-state="unchecked"] {
    border-color: #0000;
  }

  .data-\[state\=unchecked\]\:bg-gray-200[data-state="unchecked"] {
    background-color: var(--theme-color-gray-200);
  }

  @media not all and (min-width: 1220px) {
    .max-\[1220px\]\:mb-18 {
      margin-bottom: calc(var(--spacing) * 18);
    }
  }

  @media not all and (min-width: 600px) {
    .max-\[600px\]\:p-1\.25 {
      padding: calc(var(--spacing) * 1.25);
    }
  }

  @media not all and (min-width: 500px) {
    .max-\[500px\]\:hidden {
      display: none;
    }
  }

  @media not all and (min-width: 350px) {
    .max-\[350px\]\:hidden {
      display: none;
    }
  }

  @media not all and (min-width: 48rem) {
    .max-md\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:ps-2 {
      padding-inline-start: calc(var(--spacing) * 2);
    }
  }

  @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\:end-1\.5 {
      inset-inline-end: calc(var(--spacing) * 1.5);
    }

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

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

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

    .sm\:flex {
      display: flex;
    }

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

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

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:justify-start {
      justify-content: flex-start;
    }

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

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:p-2 {
      padding: calc(var(--spacing) * 2);
    }

    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .sm\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }

    .sm\:px-4\.5 {
      padding-inline: calc(var(--spacing) * 4.5);
    }
  }

  @media (min-width: 48rem) {
    .md\:absolute {
      position: absolute;
    }

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

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

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

    .md\:me-6 {
      margin-inline-end: calc(var(--spacing) * 6);
    }

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

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:h-full {
      height: 100%;
    }

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

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

    .md\:w-1\/3 {
      width: 33.3333%;
    }

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

    .md\:w-52 {
      width: calc(var(--spacing) * 52);
    }

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

    .md\:flex-1 {
      flex: 1;
    }

    .md\:flex-auto {
      flex: auto;
    }

    .md\:grow {
      flex-grow: 1;
    }

    .md\:translate-y-1\/3 {
      --tw-translate-y: 33.3333%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

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

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

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

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

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

    .md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .md\:gap-x-5\! {
      column-gap: calc(var(--spacing) * 5) !important;
    }

    .md\:gap-y-0 {
      row-gap: calc(var(--spacing) * 0);
    }

    .md\:p-30 {
      padding: calc(var(--spacing) * 30);
    }

    .md\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .md\:py-\[calc\(5\/16\*1rem\)\] {
      padding-block: .3125rem;
    }

    .md\:pt-3 {
      padding-top: calc(var(--spacing) * 3);
    }

    .md\:pt-18 {
      padding-top: calc(var(--spacing) * 18);
    }

    .md\:pt-px {
      padding-top: 1px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:inset-0 {
      inset: calc(var(--spacing) * 0);
    }

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

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

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

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

    .lg\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .lg\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    :where(.lg\:space-y-6 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-x-4 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }

    .lg\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .lg\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .lg\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .lg\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }

    .lg\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 80rem) {
    .xl\:max-w-3xl {
      max-width: var(--container-3xl);
    }

    .xl\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:max-w-page {
      max-width: var(--max-width-page);
    }

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

    .\32 xl\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 120rem) {
    .\33 xl\:max-w-5xl {
      max-width: var(--container-5xl);
    }

    .\33 xl\:max-w-6xl {
      max-width: var(--container-6xl);
    }
  }

  @container (min-width: 18rem) {
    .\@2xs\:w-auto {
      width: auto;
    }

    .\@2xs\:flex-row {
      flex-direction: row;
    }
  }

  @container widget (min-width: 20rem) {
    .\@xs\/widget\:block\! {
      display: block !important;
    }
  }

  @container (min-width: 20rem) {
    .\@xs\:inline {
      display: inline;
    }
  }

  @container (min-width: 22rem) {
    .\@\[22rem\]\:flex-row {
      flex-direction: row;
    }
  }

  @container (min-width: 24rem) {
    .\@sm\:block {
      display: block;
    }
  }

  @container bard (min-width: 32rem) {
    .\@lg\/bard\:-start-4\.5 {
      inset-inline-start: calc(var(--spacing) * -4.5);
    }
  }

  @container (min-width: 32rem) {
    .\@lg\:w-1\/2 {
      width: 50%;
    }

    .\@lg\:w-1\/3 {
      width: 33.3333%;
    }

    .\@lg\:w-1\/4 {
      width: 25%;
    }

    .\@lg\:w-2\/3 {
      width: 66.6667%;
    }

    .\@lg\:w-3\/4 {
      width: 75%;
    }

    .\@lg\:w-full {
      width: 100%;
    }
  }

  @container themes (min-width: 32rem) {
    .\@lg\/themes\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @container (min-width: 32rem) {
    .\@lg\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .\@lg\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
  }

  @container (min-width: 42rem) {
    .\@2xl\:w-1\/2 {
      width: 50%;
    }

    .\@2xl\:w-full {
      width: 100%;
    }
  }

  @container themes (min-width: 42rem) {
    .\@2xl\/themes\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @container (min-width: 48rem) {
    .\@3xl\:block {
      display: block;
    }

    .\@3xl\:flex {
      display: flex;
    }

    .\@3xl\:hidden {
      display: none;
    }

    .\@3xl\:flex-1 {
      flex: 1;
    }

    .\@3xl\:flex-row {
      flex-direction: row;
    }

    .\@3xl\:items-start {
      align-items: flex-start;
    }

    .\@3xl\:justify-start {
      justify-content: flex-start;
    }

    .\@3xl\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }

    .\@3xl\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }

  @container (min-width: 56rem) {
    .\@4xl\:block {
      display: block;
    }

    .\@4xl\:hidden {
      display: none;
    }

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

    .\@4xl\:w-1\/3 {
      width: 33.3333%;
    }

    .\@4xl\:w-2\/3 {
      width: 66.6667%;
    }
  }

  @container panel (min-width: 64rem) {
    .\@5xl\/panel\:text-balance {
      text-wrap: balance;
    }
  }

  @container (min-width: 80rem) {
    .\@7xl\:w-1\/3 {
      width: 33.3333%;
    }

    .\@7xl\:w-1\/4 {
      width: 25%;
    }

    .\@7xl\:w-3\/4 {
      width: 75%;
    }
  }

  .ltr\:float-right:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    float: right;
  }

  .ltr\:mr-1:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    margin-right: calc(var(--spacing) * 1);
  }

  .ltr\:mr-2:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    margin-right: calc(var(--spacing) * 2);
  }

  .ltr\:mr-4:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    margin-right: calc(var(--spacing) * 4);
  }

  .ltr\:ml-4:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    margin-left: calc(var(--spacing) * 4);
  }

  .ltr\:text-left:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    text-align: left;
  }

  @media (min-width: 48rem) {
    .md\:ltr\:rounded-se-xl:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      border-start-end-radius: var(--radius-xl);
    }
  }

  .rtl\:float-left:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    float: left;
  }

  .rtl\:mr-4:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-right: calc(var(--spacing) * 4);
  }

  .rtl\:ml-1:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: calc(var(--spacing) * 1);
  }

  .rtl\:ml-2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: calc(var(--spacing) * 2);
  }

  .rtl\:ml-4:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: calc(var(--spacing) * 4);
  }

  .rtl\:translate-x-4:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: 1rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :where(.rtl\:space-x-reverse:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) > :not(:last-child)) {
    --tw-space-x-reverse: 1;
  }

  .rtl\:text-left:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    text-align: left;
  }

  .rtl\:text-right:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    text-align: right;
  }

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

  .dark\:block:where(.dark, .dark *) {
    display: block;
  }

  .dark\:hidden:where(.dark, .dark *) {
    display: none;
  }

  :where(.dark\:divide-y-\[0\.75px\]:where(.dark, .dark *) > :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(.75px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(.75px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.dark\:divide-gray-700:where(.dark, .dark *) > :not(:last-child)) {
    border-color: var(--theme-color-gray-700);
  }

  :where(.dark\:divide-gray-800:where(.dark, .dark *) > :not(:last-child)) {
    border-color: var(--theme-color-gray-800);
  }

  :where(.dark\:divide-gray-950:where(.dark, .dark *) > :not(:last-child)) {
    border-color: var(--theme-color-gray-950);
  }

  :where(.dark\:divide-white\/10:where(.dark, .dark *) > :not(:last-child)) {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.dark\:divide-white\/10:where(.dark, .dark *) > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dark\:border:where(.dark, .dark *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .dark\:border-0:where(.dark, .dark *) {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .dark\:border-x-0:where(.dark, .dark *) {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0;
  }

  .dark\:border-t:where(.dark, .dark *) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .dark\:border-t-0:where(.dark, .dark *) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .dark\:border-b:where(.dark, .dark *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .dark\:border-b-0:where(.dark, .dark *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .dark\:border-b-1:where(.dark, .dark *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .dark\:border-none:where(.dark, .dark *) {
    --tw-border-style: none;
    border-style: none;
  }

  .dark\:border-amber-400\/25:where(.dark, .dark *) {
    border-color: #fcbb0040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-amber-400\/25:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-amber-400) 25%, transparent);
    }
  }

  .dark\:border-amber-700:where(.dark, .dark *) {
    border-color: var(--color-amber-700);
  }

  .dark\:border-black:where(.dark, .dark *) {
    border-color: var(--color-black);
  }

  .dark\:border-blue-700:where(.dark, .dark *) {
    border-color: var(--color-blue-700);
  }

  .dark\:border-body-border:where(.dark, .dark *) {
    border-color: var(--theme-color-body-border);
  }

  .dark\:border-cyan-700:where(.dark, .dark *) {
    border-color: var(--color-cyan-700);
  }

  .dark\:border-emerald-400\/25:where(.dark, .dark *) {
    border-color: #00d29440;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-emerald-400\/25:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-emerald-400) 25%, transparent);
    }
  }

  .dark\:border-emerald-700:where(.dark, .dark *) {
    border-color: var(--color-emerald-700);
  }

  .dark\:border-fuchsia-700:where(.dark, .dark *) {
    border-color: var(--color-fuchsia-700);
  }

  .dark\:border-gray-300:where(.dark, .dark *) {
    border-color: var(--theme-color-gray-300);
  }

  .dark\:border-gray-500:where(.dark, .dark *) {
    border-color: var(--theme-color-gray-500);
  }

  .dark\:border-gray-600:where(.dark, .dark *) {
    border-color: var(--theme-color-gray-600);
  }

  .dark\:border-gray-700:where(.dark, .dark *), .dark\:border-gray-700\/80:where(.dark, .dark *) {
    border-color: var(--theme-color-gray-700);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-gray-700\/80:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--theme-color-gray-700) 80%, transparent);
    }
  }

  .dark\:border-gray-800:where(.dark, .dark *) {
    border-color: var(--theme-color-gray-800);
  }

  .dark\:border-gray-900:where(.dark, .dark *) {
    border-color: var(--theme-color-gray-900);
  }

  .dark\:border-gray-950:where(.dark, .dark *) {
    border-color: var(--theme-color-gray-950);
  }

  .dark\:border-green-700:where(.dark, .dark *) {
    border-color: var(--color-green-700);
  }

  .dark\:border-indigo-700:where(.dark, .dark *) {
    border-color: var(--color-indigo-700);
  }

  .dark\:border-lime-700:where(.dark, .dark *) {
    border-color: var(--color-lime-700);
  }

  .dark\:border-orange-700:where(.dark, .dark *) {
    border-color: var(--color-orange-700);
  }

  .dark\:border-pink-700:where(.dark, .dark *) {
    border-color: var(--color-pink-700);
  }

  .dark\:border-purple-700:where(.dark, .dark *) {
    border-color: var(--color-purple-700);
  }

  .dark\:border-red-400\/25:where(.dark, .dark *) {
    border-color: #ff656840;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-red-400\/25:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-red-400) 25%, transparent);
    }
  }

  .dark\:border-red-700:where(.dark, .dark *) {
    border-color: var(--color-red-700);
  }

  .dark\:border-rose-700:where(.dark, .dark *) {
    border-color: var(--color-rose-700);
  }

  .dark\:border-sky-700:where(.dark, .dark *) {
    border-color: var(--color-sky-700);
  }

  .dark\:border-teal-700:where(.dark, .dark *) {
    border-color: var(--color-teal-700);
  }

  .dark\:border-ui-accent-bg\/90:where(.dark, .dark *) {
    border-color: var(--theme-color-ui-accent-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-ui-accent-bg\/90:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--theme-color-ui-accent-bg) 90%, transparent);
    }
  }

  .dark\:border-violet-700:where(.dark, .dark *) {
    border-color: var(--color-violet-700);
  }

  .dark\:border-white\/10:where(.dark, .dark *) {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/10:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dark\:border-white\/15:where(.dark, .dark *) {
    border-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/15:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .dark\:border-yellow-700:where(.dark, .dark *) {
    border-color: var(--color-yellow-700);
  }

  .dark\:border-t-white\/10\!:where(.dark, .dark *) {
    border-top-color: #ffffff1a !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-t-white\/10\!:where(.dark, .dark *) {
      border-top-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
    }
  }

  .dark\:border-b-white\/10:where(.dark, .dark *) {
    border-bottom-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-b-white\/10:where(.dark, .dark *) {
      border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dark\:bg-\[hsl\(from_var\(--theme-color-ui-accent-bg\)_h_40_20\)\]:where(.dark, .dark *) {
    background-color: hsl(from var(--theme-color-ui-accent-bg) h 40 20);
  }

  .dark\:bg-amber-300\/6:where(.dark, .dark *) {
    background-color: #ffd2360f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-300\/6:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-300) 6%, transparent);
    }
  }

  .dark\:bg-black:where(.dark, .dark *) {
    background-color: var(--color-black);
  }

  .dark\:bg-blue-600:where(.dark, .dark *) {
    background-color: var(--color-blue-600);
  }

  .dark\:bg-blue-900\/20:where(.dark, .dark *) {
    background-color: #1c398e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-900\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
    }
  }

  .dark\:bg-blue-950\!:where(.dark, .dark *) {
    background-color: var(--color-blue-950) !important;
  }

  .dark\:bg-emerald-300\/6:where(.dark, .dark *) {
    background-color: #5ee9b50f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-300\/6:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-300) 6%, transparent);
    }
  }

  .dark\:bg-gray-200:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-200);
  }

  .dark\:bg-gray-400:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-400);
  }

  .dark\:bg-gray-500:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-500);
  }

  .dark\:bg-gray-600:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-600);
  }

  .dark\:bg-gray-700:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-700);
  }

  .dark\:bg-gray-700\!:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-700) !important;
  }

  .dark\:bg-gray-700\/80:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-700);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-700\/80:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--theme-color-gray-700) 80%, transparent);
    }
  }

  .dark\:bg-gray-800:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-800);
  }

  .dark\:bg-gray-800\!:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-800) !important;
  }

  .dark\:bg-gray-800\/20:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-800);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-800\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--theme-color-gray-800) 20%, transparent);
    }
  }

  .dark\:bg-gray-800\/50:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-800);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-800\/50:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--theme-color-gray-800) 50%, transparent);
    }
  }

  .dark\:bg-gray-850:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-850);
  }

  .dark\:bg-gray-900:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-900);
  }

  .dark\:bg-gray-900\!:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-900) !important;
  }

  .dark\:bg-gray-900\/10:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-900\/10:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--theme-color-gray-900) 10%, transparent);
    }
  }

  .dark\:bg-gray-900\/50:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-900\/50:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--theme-color-gray-900) 50%, transparent);
    }
  }

  .dark\:bg-gray-900\/75:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-900\/75:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--theme-color-gray-900) 75%, transparent);
    }
  }

  .dark\:bg-gray-925:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-925);
  }

  .dark\:bg-gray-950\/35:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-950);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-950\/35:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--theme-color-gray-950) 35%, transparent);
    }
  }

  .dark\:bg-green-900\/20:where(.dark, .dark *) {
    background-color: #0d542b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-900\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent);
    }
  }

  .dark\:bg-purple-900\/20:where(.dark, .dark *) {
    background-color: #59168b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-purple-900\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent);
    }
  }

  .dark\:bg-red-300\/6:where(.dark, .dark *) {
    background-color: #ffa3a30f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-300\/6:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-red-300) 6%, transparent);
    }
  }

  .dark\:bg-red-600:where(.dark, .dark *) {
    background-color: var(--color-red-600);
  }

  .dark\:bg-transparent:where(.dark, .dark *) {
    background-color: #0000;
  }

  .dark\:bg-white:where(.dark, .dark *) {
    background-color: var(--color-white);
  }

  .dark\:bg-white\/4:where(.dark, .dark *) {
    background-color: #ffffff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/4:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }

  .dark\:bg-white\/10:where(.dark, .dark *) {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/10:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dark\:bg-white\/15:where(.dark, .dark *) {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/15:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .dark\:bg-white\/25:where(.dark, .dark *) {
    background-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/25:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .dark\:bg-white\/40:where(.dark, .dark *) {
    background-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .dark\:bg-\[linear-gradient\(90deg\,theme\(colors\.gray\.800\)_0\%\,theme\(colors\.gray\.700\)_50\%\,theme\(colors\.gray\.800\)_100\%\)\]:where(.dark, .dark *) {
    background-image: linear-gradient(90deg,var(--theme-color-gray-800) 0%,var(--theme-color-gray-700) 50%,var(--theme-color-gray-800) 100%);
  }

  .dark\:from-black:where(.dark, .dark *) {
    --tw-gradient-from: var(--color-black);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-gray-800:where(.dark, .dark *) {
    --tw-gradient-from: var(--theme-color-gray-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-gray-850:where(.dark, .dark *) {
    --tw-gradient-from: var(--theme-color-gray-850);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-gray-950:where(.dark, .dark *) {
    --tw-gradient-from: var(--theme-color-gray-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-white:where(.dark, .dark *) {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-black:where(.dark, .dark *) {
    --tw-gradient-to: var(--color-black);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-gray-200:where(.dark, .dark *) {
    --tw-gradient-to: var(--theme-color-gray-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-gray-800:where(.dark, .dark *) {
    --tw-gradient-to: var(--theme-color-gray-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-gray-850:where(.dark, .dark *) {
    --tw-gradient-to: var(--theme-color-gray-850);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-gray-900:where(.dark, .dark *) {
    --tw-gradient-to: var(--theme-color-gray-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:fill-gray-800:where(.dark, .dark *) {
    fill: var(--theme-color-gray-800);
  }

  .dark\:stroke-gray-700:where(.dark, .dark *) {
    stroke: var(--theme-color-gray-700);
  }

  .dark\:pb-0\.25:where(.dark, .dark *) {
    padding-bottom: calc(var(--spacing) * .25);
  }

  .dark\:text-amber-200:where(.dark, .dark *) {
    color: var(--color-amber-200);
  }

  .dark\:text-amber-300:where(.dark, .dark *) {
    color: var(--color-amber-300);
  }

  .dark\:text-amber-400:where(.dark, .dark *) {
    color: var(--color-amber-400);
  }

  .dark\:text-blue-50\!:where(.dark, .dark *) {
    color: var(--color-blue-50) !important;
  }

  .dark\:text-blue-300:where(.dark, .dark *) {
    color: var(--color-blue-300);
  }

  .dark\:text-blue-400:where(.dark, .dark *) {
    color: var(--color-blue-400);
  }

  .dark\:text-blue-400\!:where(.dark, .dark *) {
    color: var(--color-blue-400) !important;
  }

  .dark\:text-blue-400\/90:where(.dark, .dark *) {
    color: #54a2ffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-blue-400\/90:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-blue-400) 90%, transparent);
    }
  }

  .dark\:text-cyan-300:where(.dark, .dark *) {
    color: var(--color-cyan-300);
  }

  .dark\:text-emerald-300:where(.dark, .dark *) {
    color: var(--color-emerald-300);
  }

  .dark\:text-fuchsia-300:where(.dark, .dark *) {
    color: var(--color-fuchsia-300);
  }

  .dark\:text-gray-50:where(.dark, .dark *) {
    color: var(--theme-color-gray-50);
  }

  .dark\:text-gray-100:where(.dark, .dark *) {
    color: var(--theme-color-gray-100);
  }

  .dark\:text-gray-200:where(.dark, .dark *) {
    color: var(--theme-color-gray-200);
  }

  .dark\:text-gray-300:where(.dark, .dark *) {
    color: var(--theme-color-gray-300);
  }

  .dark\:text-gray-400:where(.dark, .dark *) {
    color: var(--theme-color-gray-400);
  }

  .dark\:text-gray-400\!:where(.dark, .dark *) {
    color: var(--theme-color-gray-400) !important;
  }

  .dark\:text-gray-500:where(.dark, .dark *) {
    color: var(--theme-color-gray-500);
  }

  .dark\:text-gray-600:where(.dark, .dark *), .dark\:text-gray-600\/90:where(.dark, .dark *) {
    color: var(--theme-color-gray-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-gray-600\/90:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--theme-color-gray-600) 90%, transparent);
    }
  }

  .dark\:text-gray-700:where(.dark, .dark *) {
    color: var(--theme-color-gray-700);
  }

  .dark\:text-gray-900:where(.dark, .dark *) {
    color: var(--theme-color-gray-900);
  }

  .dark\:text-green-300:where(.dark, .dark *) {
    color: var(--color-green-300);
  }

  .dark\:text-green-400:where(.dark, .dark *) {
    color: var(--color-green-400);
  }

  .dark\:text-indigo-300:where(.dark, .dark *) {
    color: var(--color-indigo-300);
  }

  .dark\:text-lime-300:where(.dark, .dark *) {
    color: var(--color-lime-300);
  }

  .dark\:text-orange-300:where(.dark, .dark *) {
    color: var(--color-orange-300);
  }

  .dark\:text-pink-300:where(.dark, .dark *) {
    color: var(--color-pink-300);
  }

  .dark\:text-purple-300:where(.dark, .dark *) {
    color: var(--color-purple-300);
  }

  .dark\:text-red-300:where(.dark, .dark *) {
    color: var(--color-red-300);
  }

  .dark\:text-red-400:where(.dark, .dark *) {
    color: var(--color-red-400);
  }

  .dark\:text-red-500:where(.dark, .dark *) {
    color: var(--color-red-500);
  }

  .dark\:text-rose-300:where(.dark, .dark *) {
    color: var(--color-rose-300);
  }

  .dark\:text-sky-300:where(.dark, .dark *) {
    color: var(--color-sky-300);
  }

  .dark\:text-teal-300:where(.dark, .dark *) {
    color: var(--color-teal-300);
  }

  .dark\:text-violet-300:where(.dark, .dark *) {
    color: var(--color-violet-300);
  }

  .dark\:text-white:where(.dark, .dark *) {
    color: var(--color-white);
  }

  .dark\:text-white\!:where(.dark, .dark *) {
    color: var(--color-white) !important;
  }

  .dark\:text-white\/40:where(.dark, .dark *) {
    color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/40:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .dark\:text-white\/85\!:where(.dark, .dark *) {
    color: #ffffffd9 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/85\!:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-white) 85%, transparent) !important;
    }
  }

  .dark\:text-yellow-300:where(.dark, .dark *) {
    color: var(--color-yellow-300);
  }

  .dark\:text-yellow-500:where(.dark, .dark *) {
    color: var(--color-yellow-500);
  }

  .dark\:decoration-blue-600\/45:where(.dark, .dark *) {
    text-decoration-color: #155dfc73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:decoration-blue-600\/45:where(.dark, .dark *) {
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-blue-600) 45%, transparent);
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-blue-600) 45%, transparent);
      text-decoration-color: color-mix(in oklab, var(--color-blue-600) 45%, transparent);
    }
  }

  .dark\:placeholder-gray-400:where(.dark, .dark *)::placeholder {
    color: var(--theme-color-gray-400);
  }

  .dark\:opacity-50:where(.dark, .dark *) {
    opacity: .5;
  }

  .dark\:shadow-\[0_1px_16px_-2px_rgba\(0\,0\,0\,\.5\)\]:where(.dark, .dark *) {
    --tw-shadow: 0 1px 16px -2px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:shadow-\[0_5px_20px_rgba\(0\,0\,0\,\.5\)\]:where(.dark, .dark *) {
    --tw-shadow: 0 5px 20px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:shadow-\[0_8px_5px_-6px_rgba\(0\,0\,0\,0\.3\)\,_0_3px_8px_0_rgba\(0\,0\,0\,0\.15\)\,_0_30px_22px_-22px_rgba\(0\,0\,0\,0\.4\)\]:where(.dark, .dark *) {
    --tw-shadow: 0 8px 5px -6px var(--tw-shadow-color, #0000004d), 0 3px 8px 0 var(--tw-shadow-color, #00000026), 0 30px 22px -22px var(--tw-shadow-color, #0006);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:shadow-\[0_10px_15px_rgba\(0\,0\,0\,\.5\)\]:where(.dark, .dark *) {
    --tw-shadow: 0 10px 15px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:shadow-lg:where(.dark, .dark *) {
    --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);
  }

  .dark\:shadow-md:where(.dark, .dark *) {
    --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);
  }

  .dark\:shadow-none:where(.dark, .dark *) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:shadow-ui-md:where(.dark, .dark *) {
    --tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, #0000005e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:ring:where(.dark, .dark *) {
    --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);
  }

  .dark\:inset-shadow-2xs:where(.dark, .dark *) {
    --tw-inset-shadow: inset 0 1px var(--tw-inset-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .dark\:ring-black:where(.dark, .dark *) {
    --tw-ring-color: var(--color-black);
  }

  .dark\:ring-gray-700:where(.dark, .dark *), .dark\:ring-gray-700\/80:where(.dark, .dark *) {
    --tw-ring-color: var(--theme-color-gray-700);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-gray-700\/80:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in oklab, var(--theme-color-gray-700) 80%, transparent);
    }
  }

  .dark\:inset-shadow-black:where(.dark, .dark *) {
    --tw-inset-shadow-color: #000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:inset-shadow-black:where(.dark, .dark *) {
      --tw-inset-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-inset-shadow-alpha), transparent);
    }
  }

  .dark\:inset-shadow-white\/10:where(.dark, .dark *) {
    --tw-inset-shadow-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:inset-shadow-white\/10:where(.dark, .dark *) {
      --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 10%, transparent) var(--tw-inset-shadow-alpha), transparent);
    }
  }

  @media (hover: hover) {
    .dark\:group-hover\:to-gray-900:where(.dark, .dark *):is(:where(.group):hover *) {
      --tw-gradient-to: var(--theme-color-gray-900);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.group):hover *) {
      color: var(--color-blue-400);
    }

    .dark\:group-hover\:text-gray-100:where(.dark, .dark *):is(:where(.group):hover *) {
      color: var(--theme-color-gray-100);
    }

    .dark\:group-hover\:text-gray-200:where(.dark, .dark *):is(:where(.group):hover *) {
      color: var(--theme-color-gray-200);
    }

    .dark\:group-hover\:text-ui-accent-text:where(.dark, .dark *):is(:where(.group):hover *) {
      color: var(--theme-color-ui-accent-text);
    }

    .group-hover\/entry\:dark\:text-gray-300:is(:where(.group\/entry):hover *):where(.dark, .dark *) {
      color: var(--theme-color-gray-300);
    }

    .dark\:group-hover\/footer\:text-gray-200:where(.dark, .dark *):is(:where(.group\/footer):hover *) {
      color: var(--theme-color-gray-200);
    }
  }

  .dark\:placeholder\:text-gray-400\/85:where(.dark, .dark *)::placeholder {
    color: var(--theme-color-gray-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:placeholder\:text-gray-400\/85:where(.dark, .dark *)::placeholder {
      color: color-mix(in oklab, var(--theme-color-gray-400) 85%, transparent);
    }
  }

  .dark\:placeholder\:text-gray-500:where(.dark, .dark *)::placeholder {
    color: var(--theme-color-gray-500);
  }

  .dark\:placeholder\:text-red-500\/60:where(.dark, .dark *)::placeholder {
    color: #fb2c3699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:placeholder\:text-red-500\/60:where(.dark, .dark *)::placeholder {
      color: color-mix(in oklab, var(--color-red-500) 60%, transparent);
    }
  }

  .dark\:before\:bg-gray-600:where(.dark, .dark *):before, .dark\:after\:bg-gray-600:where(.dark, .dark *):after {
    content: var(--tw-content);
    background-color: var(--theme-color-gray-600);
  }

  @media (hover: hover) {
    .dark\:hover\:border-gray-600:where(.dark, .dark *):hover {
      border-color: var(--theme-color-gray-600);
    }

    .dark\:hover\:bg-black:where(.dark, .dark *):hover {
      background-color: var(--color-black);
    }

    .dark\:hover\:bg-blue-900:where(.dark, .dark *):hover {
      background-color: var(--color-blue-900);
    }

    .dark\:hover\:bg-gray-700:where(.dark, .dark *):hover, .dark\:hover\:bg-gray-700\/80:where(.dark, .dark *):hover {
      background-color: var(--theme-color-gray-700);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-gray-700\/80:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--theme-color-gray-700) 80%, transparent);
      }
    }

    .dark\:hover\:bg-gray-800:where(.dark, .dark *):hover, .dark\:hover\:bg-gray-800\/50:where(.dark, .dark *):hover {
      background-color: var(--theme-color-gray-800);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-gray-800\/50:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--theme-color-gray-800) 50%, transparent);
      }
    }

    .dark\:hover\:bg-gray-850:where(.dark, .dark *):hover {
      background-color: var(--theme-color-gray-850);
    }

    .dark\:hover\:bg-gray-900:where(.dark, .dark *):hover {
      background-color: var(--theme-color-gray-900);
    }

    .dark\:hover\:bg-gray-925:where(.dark, .dark *):hover {
      background-color: var(--theme-color-gray-925);
    }

    .dark\:hover\:bg-gray-950\/45:where(.dark, .dark *):hover {
      background-color: var(--theme-color-gray-950);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-gray-950\/45:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--theme-color-gray-950) 45%, transparent);
      }
    }

    .dark\:hover\:bg-green-900:where(.dark, .dark *):hover {
      background-color: var(--color-green-900);
    }

    .dark\:hover\:bg-purple-900:where(.dark, .dark *):hover {
      background-color: var(--color-purple-900);
    }

    .dark\:hover\:bg-white\/4:where(.dark, .dark *):hover {
      background-color: #ffffff0a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-white\/4:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
      }
    }

    .dark\:hover\:bg-white\/7:where(.dark, .dark *):hover {
      background-color: #ffffff12;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-white\/7:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-white) 7%, transparent);
      }
    }

    .dark\:hover\:bg-white\/15:where(.dark, .dark *):hover {
      background-color: #ffffff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-white\/15:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }

    .dark\:hover\:bg-white\/20:where(.dark, .dark *):hover {
      background-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-white\/20:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }

    .dark\:hover\:bg-white\/40:where(.dark, .dark *):hover {
      background-color: #fff6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-white\/40:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
      }
    }

    .dark\:hover\:from-gray-200:where(.dark, .dark *):hover {
      --tw-gradient-from: var(--theme-color-gray-200);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .dark\:hover\:to-gray-800:where(.dark, .dark *):hover {
      --tw-gradient-to: var(--theme-color-gray-800);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .dark\:hover\:to-gray-850:where(.dark, .dark *):hover {
      --tw-gradient-to: var(--theme-color-gray-850);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .dark\:hover\:text-gray-200:where(.dark, .dark *):hover {
      color: var(--theme-color-gray-200);
    }

    .dark\:hover\:text-gray-300:where(.dark, .dark *):hover {
      color: var(--theme-color-gray-300);
    }

    .dark\:hover\:text-gray-400:where(.dark, .dark *):hover {
      color: var(--theme-color-gray-400);
    }

    .dark\:hover\:text-white:where(.dark, .dark *):hover {
      color: var(--color-white);
    }

    .dark\:hover\:not-data-disabled\:bg-gray-800:where(.dark, .dark *):hover:not([data-disabled]) {
      background-color: var(--theme-color-gray-800);
    }

    .dark\:hover\:not-data-disabled\:bg-gray-925:where(.dark, .dark *):hover:not([data-disabled]) {
      background-color: var(--theme-color-gray-925);
    }
  }

  .dark\:focus\:bg-blue-900:where(.dark, .dark *):focus {
    background-color: var(--color-blue-900);
  }

  .dark\:focus\:bg-gray-800:where(.dark, .dark *):focus {
    background-color: var(--theme-color-gray-800);
  }

  .dark\:focus\:bg-gray-900:where(.dark, .dark *):focus, .dark\:focus-visible\:bg-gray-900:where(.dark, .dark *):focus-visible {
    background-color: var(--theme-color-gray-900);
  }

  .dark\:disabled\:text-gray-600:where(.dark, .dark *):disabled {
    color: var(--theme-color-gray-600);
  }

  .dark\:disabled\:text-white:where(.dark, .dark *):disabled {
    color: var(--color-white);
  }

  .dark\:disabled\:text-white\/50:where(.dark, .dark *):disabled {
    color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:disabled\:text-white\/50:where(.dark, .dark *):disabled {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .dark\:disabled\:inset-shadow-none:where(.dark, .dark *):disabled {
    --tw-inset-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);
  }

  :where([data-ui-button-group]) .dark\:in-data-ui-button-group\:border-gray-700\/80:where(.dark, .dark *) {
    border-color: var(--theme-color-gray-700);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where([data-ui-button-group]) .dark\:in-data-ui-button-group\:border-gray-700\/80:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--theme-color-gray-700) 80%, transparent);
    }
  }

  :where([data-ui-button-group]) .dark\:in-data-ui-button-group\:from-gray-850:where(.dark, .dark *) {
    --tw-gradient-from: var(--theme-color-gray-850);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  :where([data-ui-button-group]) .dark\:in-data-ui-button-group\:to-red-900\/10:where(.dark, .dark *) {
    --tw-gradient-to: #82181a1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where([data-ui-button-group]) .dark\:in-data-ui-button-group\:to-red-900\/10:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--color-red-900) 10%, transparent);
    }
  }

  :where([data-ui-button-group]) .dark\:in-data-ui-button-group\:to-red-900\/10:where(.dark, .dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  :where([data-ui-button-group]) .dark\:in-data-ui-button-group\:text-red-600:where(.dark, .dark *) {
    color: var(--color-red-600);
  }

  :where([data-ui-button-group]) .dark\:in-data-ui-button-group\:shadow-ui-md:where(.dark, .dark *) {
    --tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, #0000005e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    :where([data-ui-button-group]) .dark\:in-data-ui-button-group\:hover\:bg-gray-900:where(.dark, .dark *):hover {
      background-color: var(--theme-color-gray-900);
    }

    :where([data-ui-button-group]) .dark\:in-data-ui-button-group\:hover\:to-gray-850:where(.dark, .dark *):hover {
      --tw-gradient-to: var(--theme-color-gray-850);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }

  .dark\:data-disabled\:text-gray-600:where(.dark, .dark *)[data-disabled] {
    color: var(--theme-color-gray-600);
  }

  .dark\:data-highlighted\:bg-black:where(.dark, .dark *)[data-highlighted] {
    background-color: var(--color-black);
  }

  .dark\:data-highlighted\:bg-gray-700:where(.dark, .dark *)[data-highlighted] {
    background-color: var(--theme-color-gray-700);
  }

  .dark\:data-highlighted\:bg-gray-900\/70:where(.dark, .dark *)[data-highlighted] {
    background-color: var(--theme-color-gray-900);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-highlighted\:bg-gray-900\/70:where(.dark, .dark *)[data-highlighted] {
      background-color: color-mix(in oklab, var(--theme-color-gray-900) 70%, transparent);
    }
  }

  .dark\:data-highlighted\:text-gray-300:where(.dark, .dark *)[data-highlighted] {
    color: var(--theme-color-gray-300);
  }

  .dark\:data-outside-view\:text-gray-600:where(.dark, .dark *)[data-outside-view] {
    color: var(--theme-color-gray-600);
  }

  .dark\:data-placeholder\:text-gray-400:where(.dark, .dark *)[data-placeholder] {
    color: var(--theme-color-gray-400);
  }

  .dark\:data-selected\:bg-gray-200\!:where(.dark, .dark *)[data-selected] {
    background-color: var(--theme-color-gray-200) !important;
  }

  .dark\:data-selected\:text-gray-925:where(.dark, .dark *)[data-selected] {
    color: var(--theme-color-gray-925);
  }

  .dark\:data-\[disabled\]\:cursor-not-allowed:where(.dark, .dark *)[data-disabled] {
    cursor: not-allowed;
  }

  .dark\:data-\[disabled\]\:border-ui-accent-bg\/70:where(.dark, .dark *)[data-disabled] {
    border-color: var(--theme-color-ui-accent-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[disabled\]\:border-ui-accent-bg\/70:where(.dark, .dark *)[data-disabled] {
      border-color: color-mix(in oklab, var(--theme-color-ui-accent-bg) 70%, transparent);
    }
  }

  .dark\:data-\[disabled\]\:bg-ui-accent-bg\/60:where(.dark, .dark *)[data-disabled] {
    background-color: var(--theme-color-ui-accent-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[disabled\]\:bg-ui-accent-bg\/60:where(.dark, .dark *)[data-disabled] {
      background-color: color-mix(in oklab, var(--theme-color-ui-accent-bg) 60%, transparent);
    }
  }

  .dark\:data-\[disabled\]\:text-gray-400:where(.dark, .dark *)[data-disabled] {
    color: var(--theme-color-gray-400);
  }

  .dark\:data-\[state\=\"selected\"\]\:border-gray-700:where(.dark, .dark *)[data-state="selected"] {
    border-color: var(--theme-color-gray-700);
  }

  .dark\:data-\[state\=\"selected\"\]\:border-gray-800:where(.dark, .dark *)[data-state="selected"] {
    border-color: var(--theme-color-gray-800);
  }

  .dark\:data-\[state\=\"selected\"\]\:bg-gray-900:where(.dark, .dark *)[data-state="selected"] {
    background-color: var(--theme-color-gray-900);
  }

  .dark\:data-\[state\=\"selected\"\]\:data-\[last\=\"false\"\]\:border-gray-900:where(.dark, .dark *)[data-state="selected"][data-last="false"] {
    border-color: var(--theme-color-gray-900);
  }

  .dark\:data-\[state\=active\]\:text-gray-200:where(.dark, .dark *)[data-state="active"] {
    color: var(--theme-color-gray-200);
  }

  .dark\:data-\[state\=checked\]\:border-none:where(.dark, .dark *)[data-state="checked"] {
    --tw-border-style: none;
    border-style: none;
  }

  .dark\:data-\[state\=checked\]\:bg-gray-300:where(.dark, .dark *)[data-state="checked"] {
    background-color: var(--theme-color-gray-300);
  }

  .dark\:data-\[state\=on\]\:bg-gray-700\/80:where(.dark, .dark *)[data-state="on"] {
    background-color: var(--theme-color-gray-700);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[state\=on\]\:bg-gray-700\/80:where(.dark, .dark *)[data-state="on"] {
      background-color: color-mix(in oklab, var(--theme-color-gray-700) 80%, transparent);
    }
  }

  .dark\:data-\[state\=on\]\:bg-gray-925:where(.dark, .dark *)[data-state="on"] {
    background-color: var(--theme-color-gray-925);
  }

  .dark\:data-\[state\=on\]\:from-gray-300:where(.dark, .dark *)[data-state="on"] {
    --tw-gradient-from: var(--theme-color-gray-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:data-\[state\=on\]\:from-gray-950:where(.dark, .dark *)[data-state="on"] {
    --tw-gradient-from: var(--theme-color-gray-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:data-\[state\=on\]\:to-gray-300:where(.dark, .dark *)[data-state="on"] {
    --tw-gradient-to: var(--theme-color-gray-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:data-\[state\=on\]\:to-gray-850:where(.dark, .dark *)[data-state="on"] {
    --tw-gradient-to: var(--theme-color-gray-850);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:data-\[state\=on\]\:text-white:where(.dark, .dark *)[data-state="on"] {
    color: var(--color-white);
  }

  .dark\:data-\[state\=unchecked\]\:bg-gray-700:where(.dark, .dark *)[data-state="unchecked"] {
    background-color: var(--theme-color-gray-700);
  }

  .with-contrast\:border:where([data-contrast="increased"] *), .with-contrast\:border-1:where([data-contrast="increased"] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .with-contrast\:border-gray-100:where([data-contrast="increased"] *) {
    border-color: var(--theme-color-gray-100);
  }

  .with-contrast\:border-gray-500:where([data-contrast="increased"] *) {
    border-color: var(--theme-color-gray-500);
  }

  .with-contrast\:border-gray-500\!:where([data-contrast="increased"] *) {
    border-color: var(--theme-color-gray-500) !important;
  }

  .dark\:with-contrast\:border-gray-500:where(.dark, .dark *):where([data-contrast="increased"] *) {
    border-color: var(--theme-color-gray-500);
  }

  .\[\&_\.CodeMirror\]\:rounded-lg .CodeMirror {
    border-radius: var(--radius-lg);
  }

  .\[\&_\.CodeMirror\]\:rounded-t-none .CodeMirror {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .\[\&_\.icon-background\]\:fill-gray-100 .icon-background {
    fill: var(--theme-color-gray-100);
  }

  .dark\:\[\&_\.icon-background\]\:fill-gray-900:where(.dark, .dark *) .icon-background {
    fill: var(--theme-color-gray-900);
  }

  @media (hover: hover) {
    .hover\:\[\&_\.revision-message\]\:underline:hover .revision-message {
      text-decoration-line: underline;
    }
  }

  .\[\&_\[data-ui-combobox-trigger\]\]\:text-white\/85 [data-ui-combobox-trigger] {
    color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\[data-ui-combobox-trigger\]\]\:text-white\/85 [data-ui-combobox-trigger] {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .\[\&_\[data-ui-description\]\]\:text-amber-800\! [data-ui-description] {
    color: var(--color-amber-800) !important;
  }

  .\[\&_\[data-ui-description\]\]\:text-emerald-800\! [data-ui-description] {
    color: var(--color-emerald-800) !important;
  }

  .\[\&_\[data-ui-description\]\]\:text-gray-800\! [data-ui-description] {
    color: var(--theme-color-gray-800) !important;
  }

  .\[\&_\[data-ui-description\]\]\:text-red-800\! [data-ui-description] {
    color: var(--color-red-800) !important;
  }

  .dark\:\[\&_\[data-ui-description\]\]\:text-amber-200\!:where(.dark, .dark *) [data-ui-description] {
    color: var(--color-amber-200) !important;
  }

  .dark\:\[\&_\[data-ui-description\]\]\:text-emerald-200\!:where(.dark, .dark *) [data-ui-description] {
    color: var(--color-emerald-200) !important;
  }

  .dark\:\[\&_\[data-ui-description\]\]\:text-gray-300\!:where(.dark, .dark *) [data-ui-description] {
    color: var(--theme-color-gray-300) !important;
  }

  .dark\:\[\&_\[data-ui-description\]\]\:text-red-200\!:where(.dark, .dark *) [data-ui-description] {
    color: var(--color-red-200) !important;
  }

  .\[\&_\[data-ui-description\]\:not\(\:last-child\)\]\:mb-3 [data-ui-description]:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .\[\&_\[data-ui-group-target\]\]\:shadow-none [data-ui-group-target] {
    --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);
  }

  .\[\&_\[data-ui-heading\]\]\:-mt-0\.5 [data-ui-heading] {
    margin-top: calc(var(--spacing) * -.5);
  }

  .\[\&_\[data-ui-heading\]\]\:mb-1 [data-ui-heading] {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .\[\&_\[data-ui-heading\]\]\:font-bold [data-ui-heading] {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_\[data-ui-heading\]\]\:text-amber-800\! [data-ui-heading] {
    color: var(--color-amber-800) !important;
  }

  .\[\&_\[data-ui-heading\]\]\:text-emerald-800\! [data-ui-heading] {
    color: var(--color-emerald-800) !important;
  }

  .\[\&_\[data-ui-heading\]\]\:text-gray-800\! [data-ui-heading] {
    color: var(--theme-color-gray-800) !important;
  }

  .\[\&_\[data-ui-heading\]\]\:text-red-600\! [data-ui-heading] {
    color: var(--color-red-600) !important;
  }

  .\[\&_\[data-ui-heading\]\]\:text-red-800\! [data-ui-heading] {
    color: var(--color-red-800) !important;
  }

  .dark\:\[\&_\[data-ui-heading\]\]\:text-amber-300\!:where(.dark, .dark *) [data-ui-heading] {
    color: var(--color-amber-300) !important;
  }

  .dark\:\[\&_\[data-ui-heading\]\]\:text-emerald-300\!:where(.dark, .dark *) [data-ui-heading] {
    color: var(--color-emerald-300) !important;
  }

  .dark\:\[\&_\[data-ui-heading\]\]\:text-gray-100\!:where(.dark, .dark *) [data-ui-heading] {
    color: var(--theme-color-gray-100) !important;
  }

  .dark\:\[\&_\[data-ui-heading\]\]\:text-red-300\!:where(.dark, .dark *) [data-ui-heading] {
    color: var(--color-red-300) !important;
  }

  .dark\:\[\&_\[data-ui-heading\]\]\:text-red-400\!:where(.dark, .dark *) [data-ui-heading] {
    color: var(--color-red-400) !important;
  }

  .\[\&_\[data-ui-heading\]\.text-2xl\]\:mt-\[-0\.45rem\] [data-ui-heading].text-2xl {
    margin-top: -.45rem;
  }

  .\[\&_\[data-ui-heading\]\.text-2xl\]\:mb-2 [data-ui-heading].text-2xl {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .\[\&_\[data-ui-heading\]\.text-lg\]\:-mt-1 [data-ui-heading].text-lg {
    margin-top: calc(var(--spacing) * -1);
  }

  .\[\&_\[data-ui-radio-item\]\]\:py-0\.5 [data-ui-radio-item] {
    padding-block: calc(var(--spacing) * .5);
  }

  .\[\&_\[data-ui-radio-item\]\]\:ps-3 [data-ui-radio-item] {
    padding-inline-start: calc(var(--spacing) * 3);
  }

  .dark\:\[\&_\[data-ui-switch\]\]\:border-1:where(.dark, .dark *) [data-ui-switch] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .dark\:\[\&_\[data-ui-switch\]\]\:border-gray-600:where(.dark, .dark *) [data-ui-switch] {
    border-color: var(--theme-color-gray-600);
  }

  .\[\&_a\]\:relative a {
    position: relative;
  }

  .\[\&_a\]\:z-\(--z-index-above\) a {
    z-index: var(--z-index-above);
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }

  .\[\&_a\:hover\]\:text-gray-700 a:hover {
    color: var(--theme-color-gray-700);
  }

  .\[\&_a\:hover\]\:text-gray-800 a:hover {
    color: var(--theme-color-gray-800);
  }

  .\[\&_a\:hover\]\:text-red-700 a:hover {
    color: var(--color-red-700);
  }

  .dark\:\[\&_a\:hover\]\:text-gray-200:where(.dark, .dark *) a:hover {
    color: var(--theme-color-gray-200);
  }

  .dark\:\[\&_a\:hover\]\:text-gray-300:where(.dark, .dark *) a:hover {
    color: var(--theme-color-gray-300);
  }

  .dark\:\[\&_a\:hover\]\:text-red-300:where(.dark, .dark *) a:hover {
    color: var(--color-red-300);
  }

  .\[\&_button\]\:relative button {
    position: relative;
  }

  .\[\&_button\]\:-my-2 button {
    margin-block: calc(var(--spacing) * -2);
  }

  .\[\&_button\]\:me-1 button {
    margin-inline-end: calc(var(--spacing) * 1);
  }

  .\[\&_button\]\:mb-1 button {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .\[\&_button\]\:bg-white button {
    background-color: var(--color-white);
  }

  .\[\&_button\]\:font-medium button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  @media (hover: hover) {
    .\[\&_button\]\:hover\:bg-white button:hover {
      background-color: var(--color-white);
    }
  }

  .\[\&_button\]\:dark\:bg-gray-900 button:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-900);
  }

  .dark\:\[\&_button\]\:ring-0:where(.dark, .dark *) button {
    --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);
  }

  @media (hover: hover) {
    .\[\&_button\]\:dark\:hover\:bg-gray-900 button:where(.dark, .dark *):hover {
      background-color: var(--theme-color-gray-900);
    }
  }

  .\[\&_button\:has\(svg\)\]\:h-auto button:has(svg) {
    height: auto;
  }

  .\[\&_code\]\:mx-0\.5 code {
    margin-inline: calc(var(--spacing) * .5);
  }

  .\[\&_code\]\:rounded-sm code {
    border-radius: var(--radius-sm);
  }

  .\[\&_code\]\:bg-amber-200\/50\! code {
    background-color: #fee68580 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_code\]\:bg-amber-200\/50\! code {
      background-color: color-mix(in oklab, var(--color-amber-200) 50%, transparent) !important;
    }
  }

  .\[\&_code\]\:bg-emerald-200\/50\! code {
    background-color: #a4f4cf80 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_code\]\:bg-emerald-200\/50\! code {
      background-color: color-mix(in oklab, var(--color-emerald-200) 50%, transparent) !important;
    }
  }

  .\[\&_code\]\:bg-gray-200\! code {
    background-color: var(--theme-color-gray-200) !important;
  }

  .\[\&_code\]\:bg-gray-600\/10 code {
    background-color: var(--theme-color-gray-600);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_code\]\:bg-gray-600\/10 code {
      background-color: color-mix(in oklab, var(--theme-color-gray-600) 10%, transparent);
    }
  }

  .\[\&_code\]\:bg-red-200\/50\! code {
    background-color: #ffcaca80 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_code\]\:bg-red-200\/50\! code {
      background-color: color-mix(in oklab, var(--color-red-200) 50%, transparent) !important;
    }
  }

  .\[\&_code\]\:px-0\.5 code {
    padding-inline: calc(var(--spacing) * .5);
  }

  .\[\&_code\]\:px-0\.75 code {
    padding-inline: calc(var(--spacing) * .75);
  }

  .\[\&_code\]\:px-1 code {
    padding-inline: calc(var(--spacing) * 1);
  }

  .\[\&_code\]\:py-0\.5 code {
    padding-block: calc(var(--spacing) * .5);
  }

  .\[\&_code\]\:text-xs code {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&_code\]\:text-amber-800\! code {
    color: var(--color-amber-800) !important;
  }

  .\[\&_code\]\:text-emerald-800\! code {
    color: var(--color-emerald-800) !important;
  }

  .\[\&_code\]\:text-gray-800\! code {
    color: var(--theme-color-gray-800) !important;
  }

  .\[\&_code\]\:text-red-800\! code {
    color: var(--color-red-800) !important;
  }

  .dark\:\[\&_code\]\:bg-amber-300\/8\!:where(.dark, .dark *) code {
    background-color: #ffd23614 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\[\&_code\]\:bg-amber-300\/8\!:where(.dark, .dark *) code {
      background-color: color-mix(in oklab, var(--color-amber-300) 8%, transparent) !important;
    }
  }

  .dark\:\[\&_code\]\:bg-emerald-300\/8\!:where(.dark, .dark *) code {
    background-color: #5ee9b514 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\[\&_code\]\:bg-emerald-300\/8\!:where(.dark, .dark *) code {
      background-color: color-mix(in oklab, var(--color-emerald-300) 8%, transparent) !important;
    }
  }

  .dark\:\[\&_code\]\:bg-gray-800\!:where(.dark, .dark *) code {
    background-color: var(--theme-color-gray-800) !important;
  }

  .dark\:\[\&_code\]\:bg-red-300\/8\!:where(.dark, .dark *) code {
    background-color: #ffa3a314 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\[\&_code\]\:bg-red-300\/8\!:where(.dark, .dark *) code {
      background-color: color-mix(in oklab, var(--color-red-300) 8%, transparent) !important;
    }
  }

  .dark\:\[\&_code\]\:text-amber-200\!:where(.dark, .dark *) code {
    color: var(--color-amber-200) !important;
  }

  .dark\:\[\&_code\]\:text-emerald-200\!:where(.dark, .dark *) code {
    color: var(--color-emerald-200) !important;
  }

  .dark\:\[\&_code\]\:text-gray-200\!:where(.dark, .dark *) code {
    color: var(--theme-color-gray-200) !important;
  }

  .dark\:\[\&_code\]\:text-red-200\!:where(.dark, .dark *) code {
    color: var(--color-red-200) !important;
  }

  .\[\&_h1\]\:mb-1 h1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .\[\&_h1\]\:font-bold h1 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_h2\]\:mb-1 h2 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .\[\&_h2\]\:font-bold h2 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_h3\]\:mb-1 h3 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .\[\&_h3\]\:font-bold h3 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_h4\]\:mb-1 h4 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .\[\&_h4\]\:font-bold h4 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_h5\]\:mb-1 h5 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .\[\&_h5\]\:font-bold h5 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_h6\]\:mb-1 h6 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .\[\&_h6\]\:font-bold h6 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_label\]\:font-medium label {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&_label\]\:text-gray-925 label {
    color: var(--theme-color-gray-925);
  }

  .dark\:\[\&_label\]\:text-gray-200:where(.dark, .dark *) label {
    color: var(--theme-color-gray-200);
  }

  .\[\&_p\:not\(\:last-child\)\]\:mb-3 p:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .\[\&_span\]\:st-text-trim-cap span {
    text-box: cap alphabetic;
  }

  .\[\&_svg\]\:-ms-0\.5 svg {
    margin-inline-start: calc(var(--spacing) * -.5);
  }

  .\[\&_svg\]\:-me-1 svg {
    margin-inline-end: calc(var(--spacing) * -1);
  }

  .\[\&_svg\]\:size-2 svg {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .\[\&_svg\]\:size-2\.5 svg {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .\[\&_svg\]\:size-3 svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_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-3\.75\! svg {
    width: calc(var(--spacing) * 3.75) !important;
    height: calc(var(--spacing) * 3.75) !important;
  }

  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\]\:size-4\! svg {
    width: calc(var(--spacing) * 4) !important;
    height: calc(var(--spacing) * 4) !important;
  }

  .\[\&_svg\]\:size-4\.5 svg {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .\[\&_svg\]\:size-5 svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\]\:text-gray-500 svg {
    color: var(--theme-color-gray-500);
  }

  .\[\&_svg\]\:text-gray-700 svg {
    color: var(--theme-color-gray-700);
  }

  .\[\&_svg\]\:text-gray-925 svg {
    color: var(--theme-color-gray-925);
  }

  .\[\&_svg\]\:text-red-200 svg {
    color: var(--color-red-200);
  }

  .\[\&_svg\]\:text-red-600 svg {
    color: var(--color-red-600);
  }

  .\[\&_svg\]\:text-red-600\! svg {
    color: var(--color-red-600) !important;
  }

  .\[\&_svg\]\:text-white svg {
    color: var(--color-white);
  }

  .\[\&_svg\]\:text-white\/85\! svg {
    color: #ffffffd9 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_svg\]\:text-white\/85\! svg {
      color: color-mix(in oklab, var(--color-white) 85%, transparent) !important;
    }
  }

  .\[\&_svg\]\:\!opacity-45 svg {
    opacity: .45 !important;
  }

  .\[\&_svg\]\:\!opacity-70 svg {
    opacity: .7 !important;
  }

  .\[\&_svg\]\:opacity-35 svg {
    opacity: .35;
  }

  .\[\&_svg\]\:opacity-60 svg {
    opacity: .6;
  }

  .\[\&_svg\]\:opacity-70 svg {
    opacity: .7;
  }

  .\[\&_svg\]\:opacity-80\! svg {
    opacity: .8 !important;
  }

  .\[\&_svg\]\:opacity-100 svg {
    opacity: 1;
  }

  .\[\&_svg\]\:opacity-100\! svg {
    opacity: 1 !important;
  }

  @media (hover: hover) {
    .\[\&_svg\]\:group-hover\:opacity-80 svg:is(:where(.group):hover *) {
      opacity: .8;
    }

    .hover\:\[\&_svg\]\:opacity-70:hover svg {
      opacity: .7;
    }

    .hover\:\[\&_svg\]\:opacity-100\!:hover svg {
      opacity: 1 !important;
    }
  }

  .disabled\:\[\&_svg\]\:opacity-30:disabled svg {
    opacity: .3;
  }

  .dark\:\[\&_svg\]\:text-amber-300:where(.dark, .dark *) svg {
    color: var(--color-amber-300);
  }

  .dark\:\[\&_svg\]\:text-emerald-300:where(.dark, .dark *) svg {
    color: var(--color-emerald-300);
  }

  .dark\:\[\&_svg\]\:text-gray-400:where(.dark, .dark *) svg {
    color: var(--theme-color-gray-400);
  }

  .dark\:\[\&_svg\]\:text-red-300:where(.dark, .dark *) svg {
    color: var(--color-red-300);
  }

  .dark\:\[\&_svg\]\:text-red-400\!:where(.dark, .dark *) svg {
    color: var(--color-red-400) !important;
  }

  .dark\:\[\&_svg\]\:text-red-500\!:where(.dark, .dark *) svg {
    color: var(--color-red-500) !important;
  }

  .dark\:\[\&_svg\]\:text-white:where(.dark, .dark *) svg {
    color: var(--color-white);
  }

  .dark\:\[\&_svg\]\:\!opacity-100:where(.dark, .dark *) svg {
    opacity: 1 !important;
  }

  .dark\:\[\&_svg\]\:opacity-70\!:where(.dark, .dark *) svg {
    opacity: .7 !important;
  }

  .dark\:\[\&_svg\]\:opacity-80:where(.dark, .dark *) svg {
    opacity: .8;
  }

  @media (hover: hover) {
    .dark\:\[\&_svg\]\:group-hover\:opacity-70:where(.dark, .dark *) svg:is(:where(.group):hover *) {
      opacity: .7;
    }
  }

  .\[\&_td\]\:px-5 td {
    padding-inline: calc(var(--spacing) * 5);
  }

  .\[\&_td\]\:py-1 td {
    padding-block: calc(var(--spacing) * 1);
  }

  .\[\&_td\]\:text-sm td {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .\[\&_td\:first-child\]\:font-medium td:first-child {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
    display: none;
  }

  .\[\&\:focus\:not\(\:focus-visible\)\]\:outline-none:focus:not(:focus-visible) {
    --tw-outline-style: none;
    outline-style: none;
  }

  .\[\&\:has\(\+\[data-ui-subheading\]\)\]\:mb-0\.5:has( + [data-ui-subheading]) {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .\[\&\:has\(\+\[data-ui-subheading\]\)\]\:text-gray-925:has( + [data-ui-subheading]) {
    color: var(--theme-color-gray-925);
  }

  .dark\:\[\&\:has\(\+\[data-ui-subheading\]\)\]\:text-white:where(.dark, .dark *):has( + [data-ui-subheading]) {
    color: var(--color-white);
  }

  .\[\&\:has\(\.cursor-grab\)\]\:px-1\.5:has(.cursor-grab) {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .\[\&\:has\(\>\[data-ui-panel-header\]\)\]\:pt-0:has( > [data-ui-panel-header]) {
    padding-top: calc(var(--spacing) * 0);
  }

  .\[\&\:has\(\[data-ui-description\]\)\]\:py-5:has([data-ui-description]) {
    padding-block: calc(var(--spacing) * 5);
  }

  .\[\&\:has\(button\)\]\:pr-1:has(button) {
    padding-right: calc(var(--spacing) * 1);
  }

  .\[\&\:has\(img\)\]\:gap-3:has(img) {
    gap: calc(var(--spacing) * 3);
  }

  .\[\&\:has\(p\)\]\:py-5:has(p) {
    padding-block: calc(var(--spacing) * 5);
  }

  @media (hover: hover) {
    .\[a\]\:hover\:bg-amber-100:is(a):hover {
      background-color: var(--color-amber-100);
    }

    .\[a\]\:hover\:bg-blue-100:is(a):hover {
      background-color: var(--color-blue-100);
    }

    .\[a\]\:hover\:bg-cyan-100:is(a):hover {
      background-color: var(--color-cyan-100);
    }

    .\[a\]\:hover\:bg-emerald-100:is(a):hover {
      background-color: var(--color-emerald-100);
    }

    .\[a\]\:hover\:bg-fuchsia-100:is(a):hover {
      background-color: var(--color-fuchsia-100);
    }

    .\[a\]\:hover\:bg-gray-100:is(a):hover {
      background-color: var(--theme-color-gray-100);
    }

    .\[a\]\:hover\:bg-gray-800:is(a):hover {
      background-color: var(--theme-color-gray-800);
    }

    .\[a\]\:hover\:bg-green-100:is(a):hover {
      background-color: var(--color-green-100);
    }

    .\[a\]\:hover\:bg-indigo-100:is(a):hover {
      background-color: var(--color-indigo-100);
    }

    .\[a\]\:hover\:bg-lime-100:is(a):hover {
      background-color: var(--color-lime-100);
    }

    .\[a\]\:hover\:bg-orange-100:is(a):hover {
      background-color: var(--color-orange-100);
    }

    .\[a\]\:hover\:bg-pink-100:is(a):hover {
      background-color: var(--color-pink-100);
    }

    .\[a\]\:hover\:bg-purple-100:is(a):hover {
      background-color: var(--color-purple-100);
    }

    .\[a\]\:hover\:bg-red-100:is(a):hover {
      background-color: var(--color-red-100);
    }

    .\[a\]\:hover\:bg-rose-100:is(a):hover {
      background-color: var(--color-rose-100);
    }

    .\[a\]\:hover\:bg-sky-100:is(a):hover {
      background-color: var(--color-sky-100);
    }

    .\[a\]\:hover\:bg-teal-100:is(a):hover {
      background-color: var(--color-teal-100);
    }

    .\[a\]\:hover\:bg-violet-100:is(a):hover {
      background-color: var(--color-violet-100);
    }

    .\[a\]\:hover\:bg-yellow-100:is(a):hover {
      background-color: var(--color-yellow-100);
    }

    .dark\:\[a\]\:hover\:bg-gray-700:where(.dark, .dark *):is(a):hover {
      background-color: var(--theme-color-gray-700);
    }

    .dark\:\[a\]\:hover\:bg-gray-800:where(.dark, .dark *):is(a):hover {
      background-color: var(--theme-color-gray-800);
    }
  }

  .\[button\]\:cursor-pointer:is(button) {
    cursor: pointer;
  }

  @media (hover: hover) {
    .\[button\]\:hover\:bg-amber-200:is(button):hover {
      background-color: var(--color-amber-200);
    }

    .\[button\]\:hover\:bg-blue-100:is(button):hover {
      background-color: var(--color-blue-100);
    }

    .\[button\]\:hover\:bg-cyan-100:is(button):hover {
      background-color: var(--color-cyan-100);
    }

    .\[button\]\:hover\:bg-emerald-100:is(button):hover {
      background-color: var(--color-emerald-100);
    }

    .\[button\]\:hover\:bg-fuchsia-100:is(button):hover {
      background-color: var(--color-fuchsia-100);
    }

    .\[button\]\:hover\:bg-gray-100:is(button):hover {
      background-color: var(--theme-color-gray-100);
    }

    .\[button\]\:hover\:bg-gray-200:is(button):hover {
      background-color: var(--theme-color-gray-200);
    }

    .\[button\]\:hover\:bg-gray-800:is(button):hover {
      background-color: var(--theme-color-gray-800);
    }

    .\[button\]\:hover\:bg-green-100:is(button):hover {
      background-color: var(--color-green-100);
    }

    .\[button\]\:hover\:bg-indigo-100:is(button):hover {
      background-color: var(--color-indigo-100);
    }

    .\[button\]\:hover\:bg-lime-100:is(button):hover {
      background-color: var(--color-lime-100);
    }

    .\[button\]\:hover\:bg-orange-100:is(button):hover {
      background-color: var(--color-orange-100);
    }

    .\[button\]\:hover\:bg-pink-100:is(button):hover {
      background-color: var(--color-pink-100);
    }

    .\[button\]\:hover\:bg-purple-100:is(button):hover {
      background-color: var(--color-purple-100);
    }

    .\[button\]\:hover\:bg-red-100:is(button):hover {
      background-color: var(--color-red-100);
    }

    .\[button\]\:hover\:bg-rose-100:is(button):hover {
      background-color: var(--color-rose-100);
    }

    .\[button\]\:hover\:bg-sky-100:is(button):hover {
      background-color: var(--color-sky-100);
    }

    .\[button\]\:hover\:bg-teal-100:is(button):hover {
      background-color: var(--color-teal-100);
    }

    .\[button\]\:hover\:bg-violet-100:is(button):hover {
      background-color: var(--color-violet-100);
    }

    .\[button\]\:hover\:bg-yellow-100:is(button):hover {
      background-color: var(--color-yellow-100);
    }

    .dark\:\[button\]\:hover\:bg-gray-700:where(.dark, .dark *):is(button):hover {
      background-color: var(--theme-color-gray-700);
    }

    .dark\:\[button\]\:hover\:bg-gray-800:where(.dark, .dark *):is(button):hover {
      background-color: var(--theme-color-gray-800);
    }
  }

  .\[\&\:not\(\:has\(\*\)\)\]\:border-t-0\!:not(:has(*)) {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0 !important;
  }

  .\[\&\:not\(\:has\(\:focus-within\)\)\]\:border-blue-400\!:not(:has(:focus-within)) {
    border-color: var(--color-blue-400) !important;
  }

  .\[\&\:not\(\:has\(\:focus-within\)\)\]\:before\:pointer-events-none:not(:has(:focus-within)):before {
    content: var(--tw-content);
    pointer-events: none;
  }

  .\[\&\:not\(\:has\(\:focus-within\)\)\]\:before\:absolute:not(:has(:focus-within)):before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\:not\(\:has\(\:focus-within\)\)\]\:before\:inset-\[-1px\]:not(:has(:focus-within)):before {
    content: var(--tw-content);
    inset: -1px;
  }

  .\[\&\:not\(\:has\(\:focus-within\)\)\]\:before\:rounded-lg:not(:has(:focus-within)):before {
    content: var(--tw-content);
    border-radius: var(--radius-lg);
  }

  .\[\&\:not\(\:has\(\:focus-within\)\)\]\:before\:border-2:not(:has(:focus-within)):before {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .\[\&\:not\(\:has\(\:focus-within\)\)\]\:before\:border-blue-400:not(:has(:focus-within)):before {
    content: var(--tw-content);
    border-color: var(--color-blue-400);
  }

  .\[\&\:not\(\:has\(\:focus-within\)\)\]\:before\:content-\[\\\'\\\'\]:not(:has(:focus-within)):before {
    --tw-content: \'\';
    content: var(--tw-content);
  }

  .\[\&\:not\(\:has\(\:focus-within\)\)\]\:dark\:border-blue-400\!:not(:has(:focus-within)):where(.dark, .dark *) {
    border-color: var(--color-blue-400) !important;
  }

  .\[\&\:not\(\:has\(\:focus-within\)\)\]\:dark\:before\:border-blue-400:not(:has(:focus-within)):where(.dark, .dark *):before {
    content: var(--tw-content);
    border-color: var(--color-blue-400);
  }

  .\[\&\:not\(\[data-disabled\]\)\]\:cursor-pointer:not([data-disabled]) {
    cursor: pointer;
  }

  .\[\&\>\*\]\:st-text-trim-ex-alphabetic > * {
    text-box: ex alphabetic;
  }

  .\[\&\>\*\:first-child\]\:\!\[margin-block-start\:0\] > :first-child {
    margin-block-start: 0 !important;
  }

  .\[\&\>\*\:first-child\:not\(\:last-child\)_\[data-ui-group-target\]\]\:rounded-e-none > :first-child:not(:last-child) [data-ui-group-target] {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }

  .\[\&\>\*\:last-child\:not\(\:first-child\)_\[data-ui-group-target\]\]\:rounded-s-none > :last-child:not(:first-child) [data-ui-group-target] {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\:not\(\:last-child\)\:not\(\:only-child\)_\[data-ui-group-target\]\]\:rounded-none > :not(:first-child):not(:last-child):not(:only-child) [data-ui-group-target] {
    border-radius: 0;
  }

  .\[\&\>\:first-child\:not\(\:last-child\)_\[data-ui-group-target\]\]\:rounded-e-none > :first-child:not(:last-child) [data-ui-group-target] {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }

  .\[\&\>\:first-child\:not\(\:last-child\)_\[data-ui-group-target\]\]\:rounded-b-none > :first-child:not(:last-child) [data-ui-group-target] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\:last-child\:not\(\:first-child\)_\[data-ui-group-target\]\]\:rounded-s-none > :last-child:not(:first-child) [data-ui-group-target] {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }

  .\[\&\>\:last-child\:not\(\:first-child\)_\[data-ui-group-target\]\]\:rounded-t-none > :last-child:not(:first-child) [data-ui-group-target] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .\[\&\>\:not\(\:first-child\)_\[data-ui-group-target\]\]\:border-s-0 > :not(:first-child) [data-ui-group-target] {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  .\[\&\>\:not\(\:first-child\)\:not\(\:last-child\)_\[data-ui-group-target\]\]\:rounded-none > :not(:first-child):not(:last-child) [data-ui-group-target] {
    border-radius: 0;
  }

  .\[\&\>\:not\(\:last-child\)_\[data-ui-group-target\]\]\:border-b-0 > :not(:last-child) [data-ui-group-target] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .\[\&\>\[data-ui-group-target\]\:first-child\:not\(\:last-child\)\]\:rounded-e-none > [data-ui-group-target]:first-child:not(:last-child) {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }

  .\[\&\>\[data-ui-group-target\]\:first-child\:not\(\:last-child\)\]\:rounded-b-none > [data-ui-group-target]:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\[data-ui-group-target\]\:last-child\:not\(\:first-child\)\]\:rounded-s-none > [data-ui-group-target]:last-child:not(:first-child) {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }

  .\[\&\>\[data-ui-group-target\]\:last-child\:not\(\:first-child\)\]\:rounded-t-none > [data-ui-group-target]:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .\[\&\>\[data-ui-group-target\]\:not\(\:first-child\)\]\:border-s-0 > [data-ui-group-target]:not(:first-child) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  .\[\&\>\[data-ui-group-target\]\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none > [data-ui-group-target]:not(:first-child):not(:last-child) {
    border-radius: 0;
  }

  .\[\&\>\[data-ui-group-target\]\:not\(\:last-child\)\]\:border-b-0 > [data-ui-group-target]:not(:last-child) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .\[\&\>\[data-ui-input\]\:first-child\:not\(\:last-child\)\>\[data-ui-group-target\]\:not\(\[data-invalid\]\)\]\:border-e-0 > [data-ui-input]:first-child:not(:last-child) > [data-ui-group-target]:not([data-invalid]) {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
  }

  .\[\&\>\[data-ui-input\]\:last-child\:not\(\:first-child\)\>\[data-ui-group-target\]\:not\(\[data-invalid\]\)\]\:border-s-0 > [data-ui-input]:last-child:not(:first-child) > [data-ui-group-target]:not([data-invalid]) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  .\[\&\>\[data-ui-input\]\:not\(\:first-child\)\:not\(\:last-child\)\>\[data-ui-group-target\]\:not\(\[data-invalid\]\)\]\:border-x-0 > [data-ui-input]:not(:first-child):not(:last-child) > [data-ui-group-target]:not([data-invalid]) {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0;
  }

  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\~\*\]\:-mt-2 ~ * {
    margin-top: calc(var(--spacing) * -2);
  }

  .live-preview .\[\.live-preview_\&\]\:mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .live-preview .\[\.live-preview_\&\]\:px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .live-preview .\[\.live-preview_\&\]\:py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  :has( > .\[\:has\(\>\&\)\]\:p-1\.5) {
    padding: calc(var(--spacing) * 1.5);
  }

  :is([data-ui-button-group] > .\[\:is\(\[data-ui-button-group\]\>\&\:first-child\,_\[data-ui-button-group\]_\:first-child\>\&\)\]\:border-s-\[1px\]:first-child, [data-ui-button-group] :first-child > .\[\:is\(\[data-ui-button-group\]\>\&\:first-child\,_\[data-ui-button-group\]_\:first-child\>\&\)\]\:border-s-\[1px\]), :is([data-ui-toggle-group] > .\[\:is\(\[data-ui-toggle-group\]\>\&\:first-child\,_\[data-ui-toggle-group\]_\:first-child\>\&\)\]\:border-s-\[1px\]:first-child, [data-ui-toggle-group] :first-child > .\[\:is\(\[data-ui-toggle-group\]\>\&\:first-child\,_\[data-ui-toggle-group\]_\:first-child\>\&\)\]\:border-s-\[1px\]) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }

  :is([data-ui-toggle-group] > .\[\:is\(\[data-ui-toggle-group\]\>\&\:last-child\,_\[data-ui-toggle-group\]_\:last-child\>\&\)\]\:border-e-0:last-child, [data-ui-toggle-group] :last-child > .\[\:is\(\[data-ui-toggle-group\]\>\&\:last-child\,_\[data-ui-toggle-group\]_\:last-child\>\&\)\]\:border-e-0) {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
  }

  :is([data-ui-toggle-group] > .\[\:is\(\[data-ui-toggle-group\]\>\&\:last-child\,_\[data-ui-toggle-group\]_\:last-child\>\&\)\]\:border-e-\[1px\]:last-child, [data-ui-toggle-group] :last-child > .\[\:is\(\[data-ui-toggle-group\]\>\&\:last-child\,_\[data-ui-toggle-group\]_\:last-child\>\&\)\]\:border-e-\[1px\]) {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }

  :is([data-ui-toggle-group] > .\[\:is\(\[data-ui-toggle-group\]\>\&\:not\(\:first-child\)\,_\[data-ui-toggle-group\]_\:not\(\:first-child\)\>\&\)\]\:border-s-primary-gap:not(:first-child), [data-ui-toggle-group] :not(:first-child) > .\[\:is\(\[data-ui-toggle-group\]\>\&\:not\(\:first-child\)\,_\[data-ui-toggle-group\]_\:not\(\:first-child\)\>\&\)\]\:border-s-primary-gap) {
    border-inline-start-color: var(--color-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is([data-ui-toggle-group] > .\[\:is\(\[data-ui-toggle-group\]\>\&\:not\(\:first-child\)\,_\[data-ui-toggle-group\]_\:not\(\:first-child\)\>\&\)\]\:border-s-primary-gap:not(:first-child), [data-ui-toggle-group] :not(:first-child) > .\[\:is\(\[data-ui-toggle-group\]\>\&\:not\(\:first-child\)\,_\[data-ui-toggle-group\]_\:not\(\:first-child\)\>\&\)\]\:border-s-primary-gap) {
      border-inline-start-color: color-mix(in oklch, var(--color-primary) 100%, black 50%);
    }
  }

  @media (min-width: 1800px) {
    .\[\@media\(min-width\:1800px\)\]\:inline-flex {
      display: inline-flex;
    }
  }

  [data-ui-panel-header] .\[\[data-ui-panel-header\]_\&\]\:text-red-600 {
    color: var(--color-red-600);
  }

  [data-ui-toggle-group] .\[\[data-ui-toggle-group\]_\&\]\:border-s-0 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  [data-ui-toggle-group] .\[\[data-ui-toggle-group\]_\&\]\:border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }

  [data-ui-toggle-group] .\[\[data-ui-toggle-group\]_\&\]\:border-e-0 {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
  }

  [data-ui-toggle-group] .\[\[data-ui-toggle-group\]_\&\]\:border-gray-300\/70 {
    border-color: var(--theme-color-gray-300);
  }

  @supports (color: color-mix(in lab, red, red)) {
    [data-ui-toggle-group] .\[\[data-ui-toggle-group\]_\&\]\:border-gray-300\/70 {
      border-color: color-mix(in oklab, var(--theme-color-gray-300) 70%, transparent);
    }
  }

  button:has(.\[button\:has\(\&\)\]\:rounded-xl), button:has( > .\[button\:has\(\>\&\)\]\:rounded-xl) {
    border-radius: var(--radius-xl);
  }

  [class*="focus-within"]:has([class*="focus-within"]:focus-within) {
    outline: none;
  }

  .show-focus-within:has(.show-focus-within_target:focus-visible) {
    outline-width: var(--focus-outline-width);
    outline-offset: var(--focus-outline-offset);
    outline-color: var(--focus-outline-color, currentColor);
    outline-style: var(--focus-outline-style, solid);
    transition: none;
  }

  [data-ui-dropdown-item]:focus-visible {
    outline-width: var(--focus-outline-width);
    outline-offset: var(--focus-outline-offset);
    outline-color: var(--focus-outline-color, currentColor);
    outline-style: var(--focus-outline-style, solid);
  }

  :is(.main-content a:not([class*="rounded"]), .page-tree .v-popper--has-tooltip):focus-visible {
    --focus-outline-offset: 4px;
    border-radius: var(--radius-xs);
  }

  button:focus-visible {
    transition: unset;
  }

  .group\/button button:focus {
    z-index: var(--z-index-above);
  }
}

@layer ui {
  [id*="reka-tabs"][role="tabpanel"] {
    outline: none;
  }

  .bard-fieldtype:not(.form-group, .grid-cell, [data-ui-input-group]) {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    --tw-outline-style: none;
    border-width: 1px;
    outline-style: none;
    position: relative;
  }

  @media (forced-colors: active) {
    .bard-fieldtype:not(.form-group, .grid-cell, [data-ui-input-group]) {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .bard-fieldtype:not(.form-group, .grid-cell, [data-ui-input-group]):where(.dark, .dark *) {
    border-color: var(--theme-color-gray-700);
  }

  .bard-fieldtype:not(.form-group, .grid-cell, [data-ui-input-group]):where([data-contrast="increased"] *) {
    border-color: var(--theme-color-gray-500);
  }

  .bard-editor {
    border-radius: var(--radius-lg);
    padding: calc(var(--spacing) * 0);
    color: var(--theme-color-gray-900);
    border: 1px solid #0000;
    position: relative;
  }

  .bard-editor:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-900);
    color: var(--theme-color-gray-100);
  }

  .bard-editor > * {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }

  .bard-editor .ProseMirror {
    min-height: calc(var(--spacing) * 40);
    padding: calc(var(--spacing) * 2);
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-tight);
    line-height: var(--leading-normal);
  }

  @container bard (min-width: 28rem) {
    .bard-editor .ProseMirror {
      padding: calc(var(--spacing) * 2);
    }
  }

  @container bard (min-width: 32rem) {
    .bard-editor .ProseMirror {
      padding: calc(var(--spacing) * 4);
    }
  }

  .bard-editor .bard-error {
    background-color: var(--color-red-100);
    padding: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    white-space: nowrap;
    color: var(--color-red-600);
  }

  @container (min-width: 32rem) {
    .bard-editor .bard-error {
      padding-inline: calc(var(--spacing) * 4);
    }
  }

  .bard-editor p, .bard-editor ol, .bard-editor li {
    letter-spacing: -.01em;
    font-optical-sizing: auto;
    font-family: inter, sans-serif;
    font-weight: 425;
  }

  .bard-editor:has(.bard-content :focus, .st-set-is-selected) {
    outline: none;
  }

  .bard-fieldtype:has(.bard-footer-toolbar) .bard-editor {
    border-radius: 0;
  }

  .bard-editor.mode\:read-only .ProseMirror {
    background-color: var(--theme-color-gray-300);
    color: var(--theme-color-gray-700);
  }

  .bard-editor.mode\:read-only .ProseMirror:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-600);
    color: var(--theme-color-gray-100);
  }

  .bard-editor.mode\:minimal .ProseMirror {
    min-height: 80px;
  }

  .bard-editor.mode\:inline .ProseMirror {
    padding: calc(var(--spacing) * 2);
    min-height: 38px;
  }

  .bard-editor.mode\:inline .ProseMirror p {
    margin-bottom: calc(var(--spacing) * 0);
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .bard-fixed-toolbar {
    top: calc(var(--spacing) * 0);
    border-top-left-radius: calc(var(--radius-lg) - 1px);
    border-top-right-radius: calc(var(--radius-lg) - 1px);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--theme-color-gray-300);
    background-color: var(--theme-color-gray-50);
    padding: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --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);
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .bard-fixed-toolbar:where(.dark, .dark *) {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bard-fixed-toolbar:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bard-fixed-toolbar:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-925);
  }

  .bard-fixed-toolbar .bard-toolbar-button {
    margin: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 1);
    text-align: center;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--theme-color-gray-900);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bard-fixed-toolbar .bard-toolbar-button:where(.dark, .dark *) {
    color: var(--theme-color-gray-100);
  }

  .bard-fixed-toolbar .bard-toolbar-button svg {
    height: calc(var(--spacing) * 4);
    width: auto;
  }

  .bard-fixed-toolbar .bard-toolbar-button:hover {
    background-color: var(--theme-color-gray-200);
  }

  .bard-fixed-toolbar .bard-toolbar-button:hover:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-600);
  }

  .bard-fixed-toolbar .bard-toolbar-button:focus {
    outline-width: var(--focus-outline-width);
    outline-offset: var(--focus-outline-offset);
    outline-color: var(--focus-outline-color, currentColor);
    outline-style: var(--focus-outline-style, solid);
  }

  .bard-fixed-toolbar .bard-toolbar-button.active {
    background-color: var(--theme-color-gray-300);
    color: var(--theme-color-gray-925);
  }

  .bard-fixed-toolbar .bard-toolbar-button.active:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-600);
    color: var(--color-white);
  }

  .bard-fixed-toolbar .bard-toolbar-button:disabled {
    opacity: .5;
  }

  .bard-fixed-toolbar .bard-toolbar-button:disabled:hover {
    color: var(--theme-color-gray-900);
  }

  .bard-fixed-toolbar .bard-toolbar-button:disabled:hover:where(.dark, .dark *) {
    color: var(--theme-color-gray-100);
  }

  .bard-fixed-toolbar .active {
    background: var(--color-button-active);
  }

  .bard-fixed-toolbar .active svg {
    color: var(--theme-color-gray-925);
  }

  :where(.dark) :is(.bard-fixed-toolbar .active svg) {
    color: var(--color-white);
  }

  .bard-fixed-toolbar.dark {
    background-color: var(--theme-color-gray-900);
    padding-inline: calc(var(--spacing) * 4);
    --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);
    border-radius: 3.40282e38px;
  }

  .bard-fixed-toolbar.dark button {
    margin-inline: calc(var(--spacing) * .5);
    margin-block: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 1);
    text-align: center;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--theme-color-gray-500);
    background-color: #0000;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bard-fixed-toolbar.dark button svg {
    height: calc(var(--spacing) * 4);
    width: auto;
  }

  .active :is(.bard-fixed-toolbar.dark button svg) {
    color: var(--color-white);
  }

  .bard-fixed-toolbar.bard-toolbar-setting {
    grid-template-columns: repeat(auto-fit,minmax(calc(var(--spacing) * 8),1fr));
    border-radius: calc(var(--spacing) * 5);
    display: grid;
  }

  .bard-fixed-toolbar.bard-toolbar-setting button {
    justify-self: center;
  }

  .bard-fieldtype:has( > .bard-fixed-toolbar) .bard-editor:focus-within {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .workspace .publish-fields:not(.replicator-set-body) > .bard-fieldtype .bard-fixed-toolbar, .live-preview .publish-fields:not(.replicator-set-body) > .bard-fieldtype .bard-fixed-toolbar {
    position: sticky;
  }

  .bard-fixed-toolbar {
    z-index: var(--z-index-portal);
    overflow-anchor: none;
    position: sticky;
  }

  @media (min-width: 40rem) {
    .bard-fixed-toolbar {
      top: calc(var(--spacing) * -2);
    }
  }

  .bard-fixed-toolbar {
    margin-block-end: 8px;
  }

  .bard-fixed-toolbar + * {
    --focus-ring-adjustment: .7px;
    margin-block-start: calc(-8px + var(--focus-ring-adjustment));
  }

  .bard-fieldtype:has( > .bard-fixed-toolbar):has(.publish-fields:focus-within) > .bard-fixed-toolbar {
    position: unset;
  }

  .bard-content .grid-fieldtype .bard-fixed-toolbar {
    top: calc(var(--spacing) * 16);
  }

  .stack-content .bard-fixed-toolbar {
    top: -24px;
  }

  @media (min-width: 48rem) {
    .stack-content .bard-fieldtype .bard-fieldtype .bard-fixed-toolbar {
      top: 16px;
    }

    .live-preview .bard-fixed-toolbar {
      top: 0;
    }
  }

  .bard-floating-toolbar {
    z-index: var(--z-index-draggable);
    background-color: var(--color-black);
    padding-inline: calc(var(--spacing) * 2);
    white-space: nowrap;
    --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);
    border-radius: 3.40282e38px;
    display: flex;
    position: relative;
  }

  .bard-floating-toolbar:before {
    border-style: var(--tw-border-style);
    border-width: 6px;
    border-color: #0000;
    border-top-color: var(--color-black);
    --tw-content: none;
    content: none;
    inset-inline-start: 50%;
    margin-left: -3px;
    position: absolute;
    top: 100%;
  }

  .bard-floating-toolbar button svg {
    color: var(--color-white);
    opacity: 1;
  }

  .bard-footer-toolbar {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
    border-top-style: var(--tw-border-style);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--theme-color-gray-700);
    --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);
    border-top-width: 1px;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .bard-footer-toolbar:where(.dark, .dark *) {
    border-color: var(--theme-color-gray-700);
    background-color: var(--theme-color-gray-900);
    color: var(--theme-color-gray-400);
  }

  .bard-footer-toolbar {
    padding: 8px 12px;
  }

  .bard-fullscreen .bard-footer-toolbar {
    bottom: calc(var(--spacing) * 0);
    z-index: 10;
    position: sticky;
  }

  .bard-set:active .sortable-handle:hover ~ * .popover {
    display: none;
  }

  .bard-set.has-error > .replicator-set-header label {
    color: var(--color-red-600);
  }

  .bard-set-selector .dropdown-menu {
    left: -5px;
    right: auto;
  }

  [dir="rtl"] :is(.bard-set-selector .dropdown-menu) {
    left: auto;
    right: auto;
  }

  .bard-fieldtype .ProseMirror {
    outline: 0;
  }

  .bard-fieldtype .bard-content {
    border-radius: var(--radius-lg);
    background-color: var(--color-white);
    color: var(--theme-color-gray-900);
  }

  .bard-fieldtype .bard-content:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-900);
    color: var(--theme-color-gray-300);
  }

  .bard-fieldtype .bard-content blockquote, .bard-fieldtype .bard-content ol, .bard-fieldtype .bard-content p, .bard-fieldtype .bard-content ul {
    margin-top: 0;
    margin-bottom: .85em;
  }

  table :is(.bard-fieldtype .bard-content blockquote, .bard-fieldtype .bard-content ol, .bard-fieldtype .bard-content p, .bard-fieldtype .bard-content ul):where(:last-child, :nth-last-child(2):has( + .column-resize-handle)) {
    margin-block-end: 0;
  }

  :is(.bard-fieldtype .bard-content blockquote, .bard-fieldtype .bard-content ol, .bard-fieldtype .bard-content p, .bard-fieldtype .bard-content ul) b, :is(.bard-fieldtype .bard-content blockquote, .bard-fieldtype .bard-content ol, .bard-fieldtype .bard-content p, .bard-fieldtype .bard-content ul) strong {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--theme-color-gray-800);
  }

  :is(:is(.bard-fieldtype .bard-content blockquote, .bard-fieldtype .bard-content ol, .bard-fieldtype .bard-content p, .bard-fieldtype .bard-content ul) b, :is(.bard-fieldtype .bard-content blockquote, .bard-fieldtype .bard-content ol, .bard-fieldtype .bard-content p, .bard-fieldtype .bard-content ul) strong):where(.dark, .dark *) {
    color: var(--theme-color-gray-100);
  }

  :is(.bard-fieldtype .bard-content blockquote, .bard-fieldtype .bard-content ol, .bard-fieldtype .bard-content p, .bard-fieldtype .bard-content ul) em, :is(.bard-fieldtype .bard-content blockquote, .bard-fieldtype .bard-content ol, .bard-fieldtype .bard-content p, .bard-fieldtype .bard-content ul) i {
    font-style: italic;
  }

  :is(.bard-fieldtype .bard-content blockquote, .bard-fieldtype .bard-content ol, .bard-fieldtype .bard-content p, .bard-fieldtype .bard-content ul) a {
    overflow-wrap: break-word;
    color: var(--color-blue-600);
    text-decoration-line: underline;
  }

  :is(.bard-fieldtype .bard-content blockquote, .bard-fieldtype .bard-content ol, .bard-fieldtype .bard-content p, .bard-fieldtype .bard-content ul) a:where(.dark, .dark *) {
    color: var(--color-blue-400);
  }

  :is(.bard-fieldtype .bard-content blockquote, .bard-fieldtype .bard-content ol, .bard-fieldtype .bard-content p, .bard-fieldtype .bard-content ul) a:active, :is(.bard-fieldtype .bard-content blockquote, .bard-fieldtype .bard-content ol, .bard-fieldtype .bard-content p, .bard-fieldtype .bard-content ul) a:focus, :is(.bard-fieldtype .bard-content blockquote, .bard-fieldtype .bard-content ol, .bard-fieldtype .bard-content p, .bard-fieldtype .bard-content ul) a:hover {
    outline: 0;
    text-decoration: underline;
  }

  :is(.bard-fieldtype .bard-content blockquote, .bard-fieldtype .bard-content ol, .bard-fieldtype .bard-content p, .bard-fieldtype .bard-content ul) img {
    border: 0;
    max-width: 100%;
  }

  :is(.bard-fieldtype .bard-content blockquote, .bard-fieldtype .bard-content blockquote :is(ol li, ul li), .bard-fieldtype .bard-content ol li, .bard-fieldtype .bard-content ul li) > p {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .bard-fieldtype .bard-content hr {
    margin-block: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * .75);
    border-style: var(--tw-border-style);
    background-color: var(--theme-color-gray-200);
    border-width: 0;
  }

  .bard-fieldtype .bard-content hr:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-500);
  }

  .bard-fieldtype .bard-content hr:after, .bard-fieldtype .bard-content hr:before {
    content: " ";
    display: table;
  }

  .bard-fieldtype .bard-content hr:after {
    clear: both;
  }

  .bard-fieldtype .bard-content h1, .bard-fieldtype .bard-content h2, .bard-fieldtype .bard-content h3, .bard-fieldtype .bard-content h4, .bard-fieldtype .bard-content h5, .bard-fieldtype .bard-content h6 {
    margin-top: calc(var(--spacing) * 5);
    margin-bottom: calc(var(--spacing) * 2.5);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--theme-color-gray-900);
  }

  :is(.bard-fieldtype .bard-content h1, .bard-fieldtype .bard-content h2, .bard-fieldtype .bard-content h3, .bard-fieldtype .bard-content h4, .bard-fieldtype .bard-content h5, .bard-fieldtype .bard-content h6):where(.dark, .dark *) {
    color: var(--theme-color-gray-100);
  }

  :is(.bard-fieldtype .bard-content h1, .bard-fieldtype .bard-content h2, .bard-fieldtype .bard-content h3, .bard-fieldtype .bard-content h4, .bard-fieldtype .bard-content h5, .bard-fieldtype .bard-content h6) b, :is(.bard-fieldtype .bard-content h1, .bard-fieldtype .bard-content h2, .bard-fieldtype .bard-content h3, .bard-fieldtype .bard-content h4, .bard-fieldtype .bard-content h5, .bard-fieldtype .bard-content h6) strong {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  :is(.bard-fieldtype .bard-content h1, .bard-fieldtype .bard-content h2, .bard-fieldtype .bard-content h3, .bard-fieldtype .bard-content h4, .bard-fieldtype .bard-content h5, .bard-fieldtype .bard-content h6) a {
    overflow-wrap: break-word;
    color: var(--color-blue-700);
    text-decoration-line: underline;
  }

  :is(.bard-fieldtype .bard-content h1, .bard-fieldtype .bard-content h2, .bard-fieldtype .bard-content h3, .bard-fieldtype .bard-content h4, .bard-fieldtype .bard-content h5, .bard-fieldtype .bard-content h6) a:where(.dark, .dark *) {
    color: var(--color-blue-100);
  }

  :is(.bard-fieldtype .bard-content h1, .bard-fieldtype .bard-content h2, .bard-fieldtype .bard-content h3, .bard-fieldtype .bard-content h4, .bard-fieldtype .bard-content h5, .bard-fieldtype .bard-content h6) a:active, :is(.bard-fieldtype .bard-content h1, .bard-fieldtype .bard-content h2, .bard-fieldtype .bard-content h3, .bard-fieldtype .bard-content h4, .bard-fieldtype .bard-content h5, .bard-fieldtype .bard-content h6) a:focus, :is(.bard-fieldtype .bard-content h1, .bard-fieldtype .bard-content h2, .bard-fieldtype .bard-content h3, .bard-fieldtype .bard-content h4, .bard-fieldtype .bard-content h5, .bard-fieldtype .bard-content h6) a:hover {
    outline: 0;
    text-decoration: underline;
  }

  :is(.bard-fieldtype .bard-content h1, .bard-fieldtype .bard-content h2, .bard-fieldtype .bard-content h3, .bard-fieldtype .bard-content h4, .bard-fieldtype .bard-content h5, .bard-fieldtype .bard-content h6):first-child {
    margin-top: 0;
  }

  .bard-fieldtype .bard-content h1 {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .bard-fieldtype .bard-content h2 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .bard-fieldtype .bard-content h3 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .bard-fieldtype .bard-content h4 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .bard-fieldtype .bard-content h5 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .bard-fieldtype .bard-content h6 {
    font-size: var(--text-2xs);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--theme-color-gray-800);
    text-transform: uppercase;
  }

  .bard-fieldtype .bard-content h6:where(.dark, .dark *) {
    color: var(--theme-color-gray-500);
  }

  .bard-fieldtype .bard-content ul, .bard-fieldtype .bard-content blockquote ul, .bard-fieldtype .bard-content .tableWrapper table ul {
    list-style-type: disc;
  }

  .bard-fieldtype .bard-content ol, .bard-fieldtype .bard-content blockquote ol, .bard-fieldtype .bard-content .tableWrapper table ol {
    list-style-type: decimal;
  }

  .bard-fieldtype .bard-content ol, .bard-fieldtype .bard-content ul, .bard-fieldtype .bard-content blockquote :is(ol, ul), .bard-fieldtype .bard-content .tableWrapper table :is(ol, ul) {
    margin-inline-start: calc(var(--spacing) * 4);
    padding-inline-start: calc(var(--spacing) * 4);
  }

  .bard-fieldtype .bard-content :is(ol, ul) :is(ol, ul) {
    margin-block: calc(var(--spacing) * 0);
    margin-inline-start: calc(var(--spacing) * 4);
    padding-inline-start: calc(var(--spacing) * 4);
  }

  .bard-fieldtype .bard-content :is(ol, ul) ul {
    list-style-type: circle;
  }

  .bard-fieldtype .bard-content :is(ol, ul) ol {
    list-style-type: decimal;
  }

  .bard-fieldtype .bard-content blockquote {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 4px;
    border-color: var(--theme-color-gray-900);
    padding-inline: calc(var(--spacing) * 4);
    color: var(--theme-color-gray-900);
    margin-inline-start: calc(var(--spacing) * 1);
  }

  .bard-fieldtype .bard-content blockquote:where(.dark, .dark *) {
    border-color: var(--theme-color-gray-100);
    color: var(--theme-color-gray-100);
  }

  .bard-fieldtype .bard-content blockquote:first-child {
    margin-top: 0;
  }

  .bard-fieldtype .bard-content blockquote:last-child {
    margin-bottom: 0;
  }

  .tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table) {
    margin: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 4);
    table-layout: fixed;
    border-collapse: collapse;
    background-color: var(--color-white);
    width: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    overflow: hidden;
  }

  :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)):where(.dark, .dark *) {
    background-color: var(--theme-color-gray-900);
  }

  :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) th {
    background-color: var(--theme-color-gray-50);
    text-align: start;
  }

  :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) th:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-950);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) th:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--theme-color-gray-950) 30%, transparent);
    }
  }

  :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) th p {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) th p:where(.dark, .dark *) {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) td, :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) th {
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    vertical-align: top;
    border-width: 1px;
    position: relative;
  }

  :is(:is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) td, :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) th):where(.dark, .dark *) {
    border-color: var(--theme-color-gray-700);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) td, :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) th):where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--theme-color-gray-700) 75%, transparent);
    }
  }

  :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) td, :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) th {
    min-width: 1em;
  }

  :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) .selectedCell {
    position: relative;
  }

  :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) .selectedCell:after {
    pointer-events: none;
    inset: calc(var(--spacing) * 0);
    background-color: var(--theme-color-gray-400);
    opacity: .25;
    content: "";
    position: absolute;
  }

  .dark :is(:is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) .selectedCell):after {
    background-color: var(--theme-color-gray-600);
  }

  :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) a {
    overflow-wrap: break-word;
    color: var(--color-blue-700);
    text-decoration-line: underline;
  }

  :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) a:where(.dark, .dark *) {
    color: var(--color-blue-100);
  }

  :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) a:active, :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) a:focus, :is(.tableWrapper :is(.bard-fieldtype .bard-content table), blockquote > .tableWrapper :is(.bard-fieldtype .bard-content table), :is(ol, ul) li > .tableWrapper :is(.bard-fieldtype .bard-content table)) a:hover {
    outline: 0;
    text-decoration: underline;
  }

  .bard-fieldtype .bard-content p > code {
    border-radius: var(--radius-sm);
    background-color: var(--color-purple-100);
    padding-inline: calc(var(--spacing) * 1);
    padding-block: calc(var(--spacing) * .5);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-purple-700);
  }

  .bard-fieldtype .bard-content p > code:where(.dark, .dark *) {
    background-color: var(--color-blue-900);
    color: var(--color-blue-100);
  }

  .bard-fieldtype .bard-content pre {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .bard-fieldtype .bard-content pre code {
    margin-bottom: calc(var(--spacing) * 4);
    border-radius: var(--radius-lg);
    background-color: var(--theme-color-gray-200);
    width: 100%;
    padding: calc(var(--spacing) * 4);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    display: block;
  }

  .bard-fieldtype .bard-content pre code:where(.dark, .dark *) {
    background-color: var(--color-black);
    color: var(--theme-color-gray-100);
  }

  .bard-fieldtype .ProseMirror > p.is-editor-empty:first-child:before {
    pointer-events: none;
    float: inline-start;
    height: calc(var(--spacing) * 0);
    color: var(--theme-color-gray-600);
    content: attr(data-placeholder);
  }

  .dark .bard-fieldtype .ProseMirror > p.is-editor-empty:first-child:before {
    color: var(--theme-color-gray-400);
  }

  .bard-link-toolbar .input {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 60);
    --tw-border-style: none;
    padding: calc(var(--spacing) * 0);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --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);
    --tw-outline-style: none;
    background-color: #0000;
    border-style: none;
    outline-style: none;
  }

  .bard-link-toolbar .bard-toolbar-button {
    padding: calc(var(--spacing) * 0);
    color: var(--theme-color-gray-700);
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .bard-link-toolbar .bard-toolbar-button {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .bard-link-toolbar .bard-toolbar-button {
    font-size: 16px;
  }

  .bard-link-toolbar .bard-toolbar-button:hover {
    color: var(--theme-color-gray-900);
  }

  .bard-inline-image-container {
    margin-bottom: calc(var(--spacing) * 6);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    background-color: var(--color-white);
    white-space: normal;
    border-width: 1px;
    position: relative;
  }

  @media (hover: hover) {
    .bard-inline-image-container:hover {
      cursor: grab;
    }
  }

  .bard-inline-image-container:where(.dark, .dark *) {
    border-color: var(--theme-color-gray-600);
    background-color: var(--theme-color-gray-900);
  }

  .bard-fieldtype .ProseMirror.resize-cursor {
    cursor: col-resize;
  }

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

  .bard-fieldtype .ProseMirror table .column-resize-handle {
    pointer-events: none;
    top: calc(var(--spacing) * 0);
    right: -2px;
    bottom: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * .5);
    background-color: var(--color-blue-200);
    position: absolute;
  }

  .grid-table {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    background-color: var(--color-white);
    text-align: start;
    --tw-shadow: 0px 2px 3px -2px var(--tw-shadow-color, #00000026);
    width: 100%;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    border-width: 1px;
    outline-style: none;
    position: relative;
  }

  @media (forced-colors: active) {
    .grid-table {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .grid-table:where(.dark, .dark *) {
    border-color: var(--theme-color-gray-700);
    background-color: var(--theme-color-gray-900);
    color: var(--theme-color-gray-300);
  }

  .grid-table {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
  }

  .grid-table [data-ui-field-text] {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .grid-table thead th {
    top: calc(var(--spacing) * -2);
    z-index: var(--z-index-draggable);
    border-bottom-style: var(--tw-border-style);
    background-color: var(--theme-color-gray-50);
    padding: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--theme-color-gray-900);
    border-bottom-width: 1px;
    display: table-cell;
    position: sticky;
  }

  .grid-table thead th:where(.dark, .dark *) {
    border-color: var(--theme-color-gray-700);
    background-color: var(--theme-color-gray-925);
    color: var(--theme-color-gray-100);
  }

  .grid-table thead th {
    margin-block-end: 8px;
  }

  .grid-table thead th + * {
    margin-block-start: -8px;
  }

  .grid-table thead th:first-child {
    border-start-start-radius: var(--radius-lg);
    padding-inline-start: calc(var(--spacing) * 3);
  }

  .grid-table thead th:last-child {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
    border-start-end-radius: var(--radius-lg);
  }

  .stack-container :is(.grid-table thead th) {
    top: auto;
  }

  .bard-fieldtype:has( > .bard-fixed-toolbar) .bard-content :is(.grid-table thead th) {
    top: calc(var(--spacing) * 8);
  }

  .grid-table .bard-fixed-toolbar {
    top: calc(var(--spacing) * 7);
  }

  .bard-fieldtype:has( > .bard-fixed-toolbar) .bard-content .grid-table .bard-fixed-toolbar {
    top: calc(var(--spacing) * 16);
  }

  .grid-table > tbody {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .grid-table > tbody {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .grid-table > tbody > tr {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .grid-table > tbody > tr {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .grid-table > tbody > tr > td {
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 3);
    vertical-align: top;
    border-bottom-width: 1px;
  }

  .grid-table > tbody > tr > td:where(.dark, .dark *) {
    border-color: var(--theme-color-gray-900);
  }

  .grid-table > tbody > tr > td:first-child.grid-cell:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: calc(var(--spacing) * 3);
  }

  .grid-table > tbody > tr > td:first-child.grid-cell:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: calc(var(--spacing) * 3);
  }

  .grid-table > tbody > tr > td.drag-handle {
    cursor: grab;
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
    border-color: var(--theme-color-gray-200);
    background: url("./drag-dots-Bj-Kvfl8.svg") center / 7px 17px no-repeat;
    background-color: var(--theme-color-gray-50);
    width: 1%;
    height: 100%;
    padding: calc(var(--spacing) * 2);
  }

  @media (hover: hover) {
    .grid-table > tbody > tr > td.drag-handle:hover {
      border-inline-end-color: var(--theme-color-gray-300);
      background-color: var(--theme-color-gray-100);
    }
  }

  .grid-table > tbody > tr > td.drag-handle:where(.dark, .dark *) {
    border-color: var(--theme-color-gray-800);
    background-color: var(--theme-color-gray-850);
  }

  @media (hover: hover) {
    .grid-table > tbody > tr > td.drag-handle:where(.dark, .dark *):hover {
      border-inline-end-color: var(--theme-color-gray-600);
      background-color: var(--theme-color-gray-800);
    }
  }

  .grid-table > tbody tr:last-child td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .grid-table > tbody tr:last-child td:first-child:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    border-bottom-left-radius: 7px;
  }

  .grid-table > tbody tr:last-child td:first-child:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *), .grid-table > tbody tr:last-child td:last-child:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    border-bottom-right-radius: 7px;
  }

  .grid-table > tbody tr:last-child td:last-child:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    border-bottom-left-radius: 7px;
  }

  .grid-table > tbody tr.draggable-source--is-dragging td {
    background-color: var(--theme-color-gray-100);
  }

  .grid-table > tbody .grid-cell :is([data-ui-field-header], [data-ui-label], [data-ui-description]) {
    display: none;
  }

  .grid-table tbody .grid-row-controls {
    padding-top: calc(var(--spacing) * 3);
    text-align: center;
  }

  .grid-table tbody .grid-row-controls:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: calc(var(--spacing) * 0);
  }

  .grid-table tbody .grid-row-controls:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: calc(var(--spacing) * 0);
  }

  .grid-table tbody .grid-row-controls {
    width: 1%;
  }

  .grid-item-header {
    cursor: move;
    border-bottom-style: var(--tw-border-style);
    background-color: var(--theme-color-gray-200);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-outline-style: none;
    border-bottom-width: 1px;
    outline-style: none;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  @media (forced-colors: active) {
    .grid-item-header {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
}

@layer ui-states {
  .bard-fullscreen {
    inset: calc(var(--spacing) * 0);
    --tw-border-style: none;
    background-color: var(--theme-color-gray-100);
    min-height: 100vh;
    padding-top: calc(var(--spacing) * 14);
    border-style: none;
    border-radius: 0;
    position: fixed;
    overflow: scroll;
  }

  .bard-fullscreen:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-850);
  }

  .bard-fullscreen > .bard-editor {
    margin-inline: auto;
    margin-block: calc(var(--spacing) * 6);
    border-radius: var(--radius-lg);
    background-color: var(--color-white);
    max-width: 65rem;
    padding-inline: calc(var(--spacing) * 8);
    --tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, #0000005e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    position: relative;
  }

  .bard-fullscreen > .bard-editor:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-925);
    --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);
  }

  .bard-fullscreen .bard-content:where(.dark, .dark *) {
    background-color: var(--theme-color-gray-925);
  }

  .bard-fullscreen .bard-fixed-toolbar:not(.bard-fieldtype.form-group .bard-fieldtype.form-group :is(.bard-fullscreen .bard-fixed-toolbar)) {
    background: unset;
    border: unset;
    margin-block-end: 0;
    padding: 7px 8px;
    top: 0;
  }

  .bard-fullscreen .bard-fixed-toolbar:not(.bard-fieldtype.form-group .bard-fieldtype.form-group :is(.bard-fullscreen .bard-fixed-toolbar)) button {
    margin-inline: calc(var(--spacing) * 1);
  }

  .bard-fullscreen > .bard-editor > div > .ProseMirror {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 16);
    min-height: calc(100vh - 120px);
  }

  .bard-fullscreen .bard-content:not(.bard-set *) > p > code, .bard-fullscreen .bard-content:not(.bard-set *) > pre code {
    background-color: var(--color-purple-100);
  }

  .bard-fullscreen .bard-set-selector {
    margin-inline-start: calc(var(--spacing) * 6);
  }

  .bard-fullscreen .bard-field-options {
    inset-inline: calc(var(--spacing) * 0);
    top: calc(var(--spacing) * 0);
    z-index: 1;
    background-color: var(--theme-color-gray-700);
    width: 100%;
    padding: calc(var(--spacing) * 4);
    text-align: end;
    position: fixed;
  }

  .bard-fullscreen .bard-field-options .icon {
    font-size: 24px;
  }

  .bard-fullscreen .bard-field-options a {
    color: var(--color-white);
    opacity: 1;
    margin-inline-start: calc(var(--spacing) * 4);
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-red-900: oklch(39.6% .141 25.723);
    --color-red-950: oklch(25.8% .092 26.042);
    --color-orange-50: oklch(98% .016 73.684);
    --color-orange-100: oklch(95.4% .038 75.164);
    --color-orange-200: oklch(90.1% .076 70.697);
    --color-orange-300: oklch(83.7% .128 66.29);
    --color-orange-400: oklch(75% .183 55.934);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-600: oklch(64.6% .222 41.116);
    --color-orange-700: oklch(55.3% .195 38.402);
    --color-orange-800: oklch(47% .157 37.304);
    --color-orange-900: oklch(40.8% .123 38.172);
    --color-orange-950: oklch(26.6% .079 36.259);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-amber-900: oklch(41.4% .112 45.904);
    --color-amber-950: oklch(27.9% .077 45.635);
    --color-yellow-50: oklch(98.7% .026 102.212);
    --color-yellow-100: oklch(97.3% .071 103.193);
    --color-yellow-200: oklch(94.5% .129 101.54);
    --color-yellow-300: oklch(90.5% .182 98.111);
    --color-yellow-400: oklch(85.2% .199 91.936);
    --color-yellow-500: oklch(79.5% .184 86.047);
    --color-yellow-600: oklch(68.1% .162 75.834);
    --color-yellow-700: oklch(55.4% .135 66.442);
    --color-yellow-800: oklch(47.6% .114 61.907);
    --color-yellow-900: oklch(42.1% .095 57.708);
    --color-yellow-950: oklch(28.6% .066 53.813);
    --color-lime-50: oklch(98.6% .031 120.757);
    --color-lime-100: oklch(96.7% .067 122.328);
    --color-lime-200: oklch(93.8% .127 124.321);
    --color-lime-300: oklch(89.7% .196 126.665);
    --color-lime-400: oklch(84.1% .238 128.85);
    --color-lime-500: oklch(76.8% .233 130.85);
    --color-lime-600: oklch(64.8% .2 131.684);
    --color-lime-700: oklch(53.2% .157 131.589);
    --color-lime-800: oklch(45.3% .124 130.933);
    --color-lime-900: oklch(40.5% .101 131.063);
    --color-lime-950: oklch(27.4% .072 132.109);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-100: oklch(96.2% .044 156.743);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-300: oklch(87.1% .15 154.449);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-green-900: oklch(39.3% .095 152.535);
    --color-green-950: oklch(26.6% .065 152.934);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-emerald-800: oklch(43.2% .095 166.913);
    --color-emerald-900: oklch(37.8% .077 168.94);
    --color-emerald-950: oklch(26.2% .051 172.552);
    --color-teal-50: oklch(98.4% .014 180.72);
    --color-teal-100: oklch(95.3% .051 180.801);
    --color-teal-200: oklch(91% .096 180.426);
    --color-teal-300: oklch(85.5% .138 181.071);
    --color-teal-400: oklch(77.7% .152 181.912);
    --color-teal-500: oklch(70.4% .14 182.503);
    --color-teal-600: oklch(60% .118 184.704);
    --color-teal-700: oklch(51.1% .096 186.391);
    --color-teal-800: oklch(43.7% .078 188.216);
    --color-teal-900: oklch(38.6% .063 188.416);
    --color-teal-950: oklch(27.7% .046 192.524);
    --color-cyan-50: oklch(98.4% .019 200.873);
    --color-cyan-100: oklch(95.6% .045 203.388);
    --color-cyan-200: oklch(91.7% .08 205.041);
    --color-cyan-300: oklch(86.5% .127 207.078);
    --color-cyan-400: oklch(78.9% .154 211.53);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-cyan-600: oklch(60.9% .126 221.723);
    --color-cyan-700: oklch(52% .105 223.128);
    --color-cyan-800: oklch(45% .085 224.283);
    --color-cyan-900: oklch(39.8% .07 227.392);
    --color-cyan-950: oklch(30.2% .056 229.695);
    --color-sky-50: oklch(97.7% .013 236.62);
    --color-sky-100: oklch(95.1% .026 236.824);
    --color-sky-200: oklch(90.1% .058 230.902);
    --color-sky-300: oklch(82.8% .111 230.318);
    --color-sky-400: oklch(74.6% .16 232.661);
    --color-sky-500: oklch(68.5% .169 237.323);
    --color-sky-600: oklch(58.8% .158 241.966);
    --color-sky-700: oklch(50% .134 242.749);
    --color-sky-800: oklch(44.3% .11 240.79);
    --color-sky-900: oklch(39.1% .09 240.876);
    --color-sky-950: oklch(29.3% .066 243.157);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-blue-900: oklch(37.9% .146 265.522);
    --color-blue-950: oklch(28.2% .091 267.935);
    --color-indigo-50: oklch(96.2% .018 272.314);
    --color-indigo-100: oklch(93% .034 272.788);
    --color-indigo-200: oklch(87% .065 274.039);
    --color-indigo-300: oklch(78.5% .115 274.713);
    --color-indigo-400: oklch(67.3% .182 276.935);
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-indigo-600: oklch(51.1% .262 276.966);
    --color-indigo-700: oklch(45.7% .24 277.023);
    --color-indigo-800: oklch(39.8% .195 277.366);
    --color-indigo-900: oklch(35.9% .144 278.697);
    --color-indigo-950: oklch(25.7% .09 281.288);
    --color-violet-50: oklch(96.9% .016 293.756);
    --color-violet-100: oklch(94.3% .029 294.588);
    --color-violet-200: oklch(89.4% .057 293.283);
    --color-violet-300: oklch(81.1% .111 293.571);
    --color-violet-400: oklch(70.2% .183 293.541);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-violet-600: oklch(54.1% .281 293.009);
    --color-violet-700: oklch(49.1% .27 292.581);
    --color-violet-800: oklch(43.2% .232 292.759);
    --color-violet-900: oklch(38% .189 293.745);
    --color-violet-950: oklch(28.3% .141 291.089);
    --color-purple-50: oklch(97.7% .014 308.299);
    --color-purple-100: oklch(94.6% .033 307.174);
    --color-purple-200: oklch(90.2% .063 306.703);
    --color-purple-300: oklch(82.7% .119 306.383);
    --color-purple-400: oklch(71.4% .203 305.504);
    --color-purple-500: oklch(62.7% .265 303.9);
    --color-purple-600: oklch(55.8% .288 302.321);
    --color-purple-700: oklch(49.6% .265 301.924);
    --color-purple-800: oklch(43.8% .218 303.724);
    --color-purple-900: oklch(38.1% .176 304.987);
    --color-purple-950: oklch(29.1% .149 302.717);
    --color-fuchsia-50: oklch(97.7% .017 320.058);
    --color-fuchsia-100: oklch(95.2% .037 318.852);
    --color-fuchsia-200: oklch(90.3% .076 319.62);
    --color-fuchsia-300: oklch(83.3% .145 321.434);
    --color-fuchsia-400: oklch(74% .238 322.16);
    --color-fuchsia-500: oklch(66.7% .295 322.15);
    --color-fuchsia-600: oklch(59.1% .293 322.896);
    --color-fuchsia-700: oklch(51.8% .253 323.949);
    --color-fuchsia-800: oklch(45.2% .211 324.591);
    --color-fuchsia-900: oklch(40.1% .17 325.612);
    --color-fuchsia-950: oklch(29.3% .136 325.661);
    --color-pink-50: oklch(97.1% .014 343.198);
    --color-pink-100: oklch(94.8% .028 342.258);
    --color-pink-200: oklch(89.9% .061 343.231);
    --color-pink-300: oklch(82.3% .12 346.018);
    --color-pink-400: oklch(71.8% .202 349.761);
    --color-pink-500: oklch(65.6% .241 354.308);
    --color-pink-600: oklch(59.2% .249 .584);
    --color-pink-700: oklch(52.5% .223 3.958);
    --color-pink-800: oklch(45.9% .187 3.815);
    --color-pink-900: oklch(40.8% .153 2.432);
    --color-pink-950: oklch(28.4% .109 3.907);
    --color-rose-50: oklch(96.9% .015 12.422);
    --color-rose-100: oklch(94.1% .03 12.58);
    --color-rose-200: oklch(89.2% .058 10.001);
    --color-rose-300: oklch(81% .117 11.638);
    --color-rose-400: oklch(71.2% .194 13.428);
    --color-rose-500: oklch(64.5% .246 16.439);
    --color-rose-600: oklch(58.6% .253 17.585);
    --color-rose-700: oklch(51.4% .222 16.935);
    --color-rose-800: oklch(45.5% .188 13.697);
    --color-rose-900: oklch(41% .159 10.272);
    --color-rose-950: oklch(27.1% .105 12.094);
    --color-slate-50: oklch(98.4% .003 247.858);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-800: oklch(27.9% .041 260.031);
    --color-slate-900: oklch(20.8% .042 265.755);
    --color-slate-950: oklch(12.9% .042 264.695);
    --color-gray-50: var(--theme-color-gray-50);
    --color-gray-100: var(--theme-color-gray-100);
    --color-gray-200: var(--theme-color-gray-200);
    --color-gray-300: var(--theme-color-gray-300);
    --color-gray-400: var(--theme-color-gray-400);
    --color-gray-500: var(--theme-color-gray-500);
    --color-gray-600: var(--theme-color-gray-600);
    --color-gray-700: var(--theme-color-gray-700);
    --color-gray-900: var(--theme-color-gray-900);
    --color-zinc-50: oklch(98.5% 0 0);
    --color-zinc-100: oklch(96.7% .001 286.375);
    --color-zinc-200: oklch(92% .004 286.32);
    --color-zinc-300: oklch(87.1% .006 286.286);
    --color-zinc-400: oklch(70.5% .015 286.067);
    --color-zinc-500: oklch(55.2% .016 285.938);
    --color-zinc-600: oklch(44.2% .017 285.786);
    --color-zinc-700: oklch(37% .013 285.805);
    --color-zinc-800: oklch(27.4% .006 286.033);
    --color-zinc-900: oklch(21% .006 285.885);
    --color-zinc-950: oklch(14.1% .005 285.823);
    --color-neutral-50: oklch(98.5% 0 0);
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-200: oklch(92.2% 0 0);
    --color-neutral-300: oklch(87% 0 0);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-neutral-500: oklch(55.6% 0 0);
    --color-neutral-600: oklch(43.9% 0 0);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-neutral-800: oklch(26.9% 0 0);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-neutral-950: oklch(14.5% 0 0);
    --color-stone-50: oklch(98.5% .001 106.423);
    --color-stone-100: oklch(97% .001 106.424);
    --color-stone-200: oklch(92.3% .003 48.717);
    --color-stone-300: oklch(86.9% .005 56.366);
    --color-stone-400: oklch(70.9% .01 56.259);
    --color-stone-500: oklch(55.3% .013 58.071);
    --color-stone-600: oklch(44.4% .011 73.639);
    --color-stone-700: oklch(37.4% .01 67.558);
    --color-stone-800: oklch(26.8% .007 34.298);
    --color-stone-900: oklch(21.6% .006 56.043);
    --color-stone-950: oklch(14.7% .004 49.25);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-3xs: 16rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .825rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.01em;
    --tracking-normal: 0em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-4xl: 2rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-xl: 24px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary: var(--theme-color-primary);
    --color-gray-850: var(--theme-color-gray-850);
    --color-purple: #c471ed;
    --max-width-page: 85rem;
    --text-4xs: .4rem;
    --text-3xs: .5rem;
    --text-2xs: .7rem;
    --animate-wiggle: wiggle .2s ease-in-out infinite;
    --prose-font-size-xs: .825em;
    --prose-font-size-sm: .875em;
    --prose-font-size-base: .9em;
    --prose-font-size-2xl: 1.25em;
    --prose-font-size-4xl: 1.5em;
    --prose-font-weight-normal: 400;
    --prose-font-weight-medium: 500;
    --prose-font-weight-semibold: 600;
    --prose-font-weight-bold: 700;
    --prose-font-weight-heavy: 900;
    --prose-spacing-xs: .25em;
    --prose-spacing-sm: .375em;
    --prose-spacing-md: .5em;
    --prose-spacing-lg: .75em;
    --prose-spacing-xl: 1em;
    --prose-spacing-2xl: 1.25em;
    --prose-spacing-3xl: 1.5em;
    --prose-spacing-4xl: 1.75em;
    --prose-spacing-5xl: 2em;
    --prose-border-radius-sm: .3125rem;
    --prose-letter-spacing-tight: -.01em;
    --prose-body: var(--color-gray-700);
    --prose-headings: var(--color-gray-900);
    --prose-links: var(--color-gray-900);
    --prose-bold: var(--color-gray-900);
    --prose-counters: var(--color-gray-500);
    --prose-hr: var(--color-gray-200);
    --prose-quotes: var(--color-gray-900);
    --prose-quote-borders: var(--color-gray-200);
    --prose-captions: var(--color-gray-500);
    --prose-kbd: var(--color-gray-900);
    --prose-kbd-shadows: var(--color-gray-900);
    --prose-code: var(--color-gray-900);
    --prose-pre-code: var(--color-gray-900);
    --prose-pre-bg: var(--color-gray-200);
    --prose-th-borders: var(--color-gray-300);
    --prose-td-borders: var(--color-gray-200);
  }
}

:root {
  --animation-timing-function-fast-out-slow-in: cubic-bezier(.4,0,.2,1);
  --color-button-active: hsl(from var(--color-gray-300) h s l / .45);
}

.dark {
  --color-button-active: hsl(from var(--color-gray-700) h s l / .45);
}

.CodeMirror {
  min-height: calc(var(--spacing) * 20);
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
  color: var(--theme-color-gray-900);
}

.CodeMirror:where(.dark, .dark *) {
  color: var(--theme-color-gray-300);
}

.CodeMirror-lines {
  padding: 16px 0;
}

.CodeMirror pre {
  padding: 0 16px;
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: #fff;
}

.CodeMirror-gutters {
  border-right-style: var(--tw-border-style);
  background-color: var(--theme-color-gray-50);
  white-space: nowrap;
  border-right-width: 1px;
  height: 100% !important;
}

.CodeMirror-linenumber {
  text-align: right;
  min-width: 20px;
  color: var(--color-gray-500);
  white-space: nowrap;
  margin-inline-start: -.5px;
  padding: 0 3px 0 5px;
}

.CodeMirror-guttermarker {
  color: #000;
}

.CodeMirror-guttermarker-subtle {
  color: #999;
}

.CodeMirror-cursor {
  border-left: 1px solid #000;
  border-right: none;
  width: 0;
}

.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
  background: #7e7;
  border: 0;
  width: auto;
}

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: var(--z-index-above);
}

.cm-animate-fat-cursor {
  background-color: #7e7;
  border: 0;
  width: auto;
  animation: 1.06s step-end infinite blink;
}

@keyframes blink {
  50% {
    background-color: #0000;
  }
}

.cm-tab {
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  display: inline-block;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute;
}

.cm-s-default.CodeMirror pre.CodeMirror-line, .cm-s-default.CodeMirror pre.CodeMirror-line-like {
  color: var(--theme-color-gray-900);
}

:is(.cm-s-default.CodeMirror pre.CodeMirror-line, .cm-s-default.CodeMirror pre.CodeMirror-line-like):where(.dark, .dark *) {
  color: var(--theme-color-gray-300);
}

.cm-s-default .CodeMirror-gutters {
  border-right-color: var(--theme-color-gray-300);
}

.cm-s-default .cm-header {
  color: #00f;
}

.cm-s-default .cm-quote {
  color: #090;
}

.cm-s-default .cm-keyword {
  color: #708;
}

.cm-s-default .cm-keyword:where(.dark, .dark *) {
  color: #a855cd;
}

.cm-s-default .cm-atom {
  color: #219;
}

.cm-s-default .cm-number {
  color: #164;
}

.cm-s-default .cm-def {
  color: #00f;
}

.cm-s-default .cm-def:where(.dark, .dark *) {
  color: var(--color-blue-600);
}

.cm-s-default .cm-variable-2 {
  color: #05a;
}

.cm-s-default .cm-variable-2:where(.dark, .dark *) {
  color: var(--color-blue-600);
}

.cm-s-default .cm-variable-3 {
  color: #085;
}

.cm-s-default .cm-variable-3:where(.dark, .dark *) {
  color: var(--color-green-600);
}

.cm-s-default .cm-comment {
  color: #a50;
}

.cm-s-default .cm-comment:where(.dark, .dark *) {
  color: #e08a1e;
}

.cm-s-default .cm-string {
  color: #a11;
}

.cm-s-default .cm-string:where(.dark, .dark *) {
  color: var(--color-red-600);
}

.cm-s-default .cm-string-2 {
  color: #f50;
}

.cm-s-default .cm-meta, .cm-s-default .cm-qualifier {
  color: #555;
}

.cm-s-default .cm-builtin {
  color: #30a;
}

.cm-s-default .cm-bracket {
  color: #997;
}

.cm-s-default .cm-tag {
  color: #170;
}

.cm-s-default .cm-attribute {
  color: #00c;
}

.cm-s-default .cm-hr {
  color: #999;
}

.cm-s-default .cm-link {
  color: #00c;
}

.cm-s-default .cm-link:where(.dark, .dark *) {
  color: var(--color-blue-500);
}

.cm-s-default .cm-error {
  color: red;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header, .cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-invalidchar {
  color: red;
}

.CodeMirror-composing {
  border-bottom: 2px solid;
}

div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22;
}

.CodeMirror-matchingtag {
  background: #ff96004d;
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

.CodeMirror {
  background: #fff;
  position: relative;
  overflow: hidden;
}

.CodeMirror-scroll {
  outline: none;
  height: 100%;
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  position: relative;
  overflow: scroll !important;
}

.CodeMirror-sizer {
  border-right: 50px solid #0000;
  position: relative;
}

.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  z-index: 6;
  display: none;
  position: absolute;
}

.CodeMirror-vscrollbar {
  top: 0;
  right: 0;
  overflow: hidden scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow: scroll hidden;
}

.CodeMirror-scrollbar-filler {
  bottom: 0;
  right: 0;
}

.CodeMirror-gutter-filler {
  bottom: 0;
  left: 0;
}

.CodeMirror-gutters {
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.CodeMirror-gutter {
  white-space: normal;
  vertical-align: top;
  height: 100%;
  margin-bottom: -50px;
  display: inline-block;
}

.CodeMirror-gutter-wrapper {
  z-index: var(--z-index-above);
  position: absolute;
  background: none !important;
  border: none !important;
}

.CodeMirror-gutter-background {
  z-index: 4;
  position: absolute;
  top: 0;
  bottom: 0;
}

.CodeMirror-gutter-elt {
  cursor: default;
  position: absolute;
}

.CodeMirror-gutter-wrapper ::selection {
  background-color: #0000;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
}

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
  font-family: inherit;
  font-size: inherit;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
  background: none;
  border-width: 0;
  border-radius: 0;
  margin: 0;
  position: relative;
  overflow: visible;
}

.CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  z-index: 0;
  position: absolute;
  inset: 0;
}

.CodeMirror-linewidget {
  z-index: 2;
  padding: .1px;
  position: relative;
}

.CodeMirror-rtl pre {
  direction: ltr;
}

.CodeMirror-code {
  outline: none;
}

.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber {
  box-sizing: content-box;
}

.CodeMirror-measure {
  visibility: hidden;
  width: 100%;
  height: 0;
  position: absolute;
  overflow: hidden;
}

.CodeMirror-cursor {
  pointer-events: none;
  position: absolute;
}

.CodeMirror-measure pre {
  position: static;
}

div.CodeMirror-cursors {
  visibility: hidden;
  z-index: 3;
  position: relative;
}

div.CodeMirror-dragcursors, .CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.CodeMirror-crosshair {
  cursor: crosshair;
}

.cm-searching {
  background-color: #ff06;
}

.cm-force-border {
  padding-right: .1px;
}

@media print {
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

.cm-tab-wrap-hack:after {
  content: "";
}

span.CodeMirror-selectedtext {
  background: none;
}

.CodeMirror-fullscreen {
  inset: calc(var(--spacing) * 0);
  height: auto;
  padding-top: calc(var(--spacing) * 12);
  border-radius: 0;
  position: fixed;
}

.CodeMirror-rulers {
  right: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  position: absolute;
  top: -50px;
  bottom: -20px;
  overflow: hidden;
}

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

.cm-s-material.CodeMirror {
  background: #263238;
}

.cm-s-material.CodeMirror:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-900);
}

.cm-s-material.CodeMirror {
  color: #eff;
}

.cm-s-material .CodeMirror-gutters {
  background: #263238;
}

.cm-s-material .CodeMirror-gutters:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-900);
}

.cm-s-material .CodeMirror-gutters {
  color: #678695;
  border: none;
}

.cm-s-material .CodeMirror-guttermarker, .cm-s-material .CodeMirror-guttermarker-subtle, .cm-s-material .CodeMirror-linenumber {
  color: #678695;
}

.cm-s-material .CodeMirror-cursor {
  border-left: 1px solid #fc0;
}

.cm-s-material div.CodeMirror-selected, .cm-s-material .CodeMirror-focused div.CodeMirror-selected {
  background: #80cbc433;
}

.cm-s-material .CodeMirror-line::selection {
  background: #80cbc433;
}

.cm-s-material .CodeMirror-line > span::selection {
  background: #80cbc433;
}

.cm-s-material .CodeMirror-line > span > span::selection {
  background: #80cbc433;
}

.cm-s-material .CodeMirror-line::-moz-selection {
  background: #80cbc433;
}

.cm-s-material .CodeMirror-line > span::-moz-selection {
  background: #80cbc433;
}

.cm-s-material .CodeMirror-line > span > span::-moz-selection {
  background: #80cbc433;
}

.cm-s-material .CodeMirror-activeline-background {
  background: #00000080;
}

.cm-s-material .cm-keyword {
  color: #c792ea;
}

.cm-s-material .cm-operator {
  color: #89ddff;
}

.cm-s-material .cm-variable-2 {
  color: #eff;
}

.cm-s-material .cm-variable-3, .cm-s-material .cm-type {
  color: #f07178;
}

.cm-s-material .cm-builtin {
  color: #ffcb6b;
}

.cm-s-material .cm-atom {
  color: #f78c6c;
}

.cm-s-material .cm-number {
  color: #ff5370;
}

.cm-s-material .cm-def {
  color: #82aaff;
}

.cm-s-material .cm-string {
  color: #c3e88d;
}

.cm-s-material .cm-string-2 {
  color: #f07178;
}

.cm-s-material .cm-comment {
  color: #678695;
}

.cm-s-material .cm-variable {
  color: #f07178;
}

.cm-s-material .cm-tag {
  color: #ff5370;
}

.cm-s-material .cm-meta {
  color: #ffcb6b;
}

.cm-s-material .cm-attribute, .cm-s-material .cm-property {
  color: #c792ea;
}

.cm-s-material .cm-qualifier, .cm-s-material .cm-variable-3, .cm-s-material .cm-type {
  color: #decb6b;
}

.cm-s-material .cm-error {
  color: #fff;
  background-color: #ff5370;
}

.cm-s-material .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: #fff !important;
}

.animation-shake {
  animation-name: shake;
  animation-duration: .5s;
  animation-fill-mode: both;
}

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}

.animate-radar {
  z-index: 0;
  position: relative;
}

.animate-radar:after {
  content: "";
  z-index: var(--z-index-above);
  background-color: #0000;
  background-image: linear-gradient(#0000, #ffffffb3, #0000);
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-repeat: no-repeat;
  background-size: 50% 50%, 50% 50%;
  width: 200%;
  height: 200%;
  animation: 4s linear infinite rotate;
  position: absolute;
  top: -50%;
  left: -50%;
}

@media (prefers-reduced-motion: no-preference) {
  .starting-style-transition, .starting-style-transition-children > *, .publish-fields > *, .publish-fields-fluid > * {
    transition: opacity var(--starting-style-transition-duration);
  }

  @starting-style {
    .starting-style-transition, .starting-style-transition-children > *, .publish-fields > *, .publish-fields-fluid > * {
      opacity: 0;
    }
  }

  .starting-style-transition--quick {
    transition: opacity calc(var(--starting-style-transition-duration) / 2);
  }

  .starting-style-transition--slow {
    transition: opacity calc(var(--starting-style-transition-duration) * 3);
  }

  .starting-style-transition--delay {
    transition-delay: calc(var(--starting-style-transition-duration) * 5);
  }
}

.nav-main {
  gap: calc(var(--spacing) * 6);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 6);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  display: flex;
}

@media (min-width: 40rem) {
  .nav-main {
    padding-inline: calc(var(--spacing) * 3);
  }
}

.nav-main {
  height: calc(100vh - 3.5rem);
  inset-inline-start: calc(var(--spacing) * 0);
  top: calc(var(--spacing) * 14);
  width: calc(var(--spacing) * 48);
  position: fixed;
  overflow-y: auto;
}

.nav-main svg, .nav-main:where(.dark, .dark *) svg {
  color: var(--theme-color-gray-500);
}

@supports (color: color-mix(in lab, red, red)) {
  .nav-main:where(.dark, .dark *) svg {
    color: color-mix(in oklab, var(--theme-color-gray-500) 85%, transparent);
  }
}

.page-fully-loaded .nav-main {
  transition: inset .3s ease-in-out, box-shadow .3s ease-in-out;
}

.nav-main {
  z-index: var(--z-index-draggable);
}

@media (min-width: 64rem) {
  .nav-main {
    display: flex;
  }
}

.nav-main ul {
  gap: calc(var(--spacing) * 0);
  flex-direction: column;
  display: flex;
}

.nav-main ul li a {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1);
  color: var(--theme-color-gray-700);
  display: flex;
}

@media (hover: hover) {
  .nav-main ul li a:hover {
    background-color: var(--theme-color-gray-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .nav-main ul li a:hover {
      background-color: color-mix(in oklab, var(--theme-color-gray-400) 15%, transparent);
    }
  }

  .nav-main ul li a:hover {
    color: var(--theme-color-gray-925);
  }
}

@media (min-width: 40rem) {
  .nav-main ul li a {
    gap: calc(var(--spacing) * 3);
  }
}

.nav-main ul li a:where(.dark, .dark *) {
  color: var(--theme-color-gray-400);
}

@media (hover: hover) {
  .nav-main ul li a:where(.dark, .dark *):hover {
    color: var(--theme-color-gray-200);
  }

  .nav-main ul li a:hover svg {
    color: var(--theme-color-gray-700);
  }

  .nav-main ul li a:where(.dark, .dark *):hover svg {
    color: var(--theme-color-gray-200);
  }
}

.nav-main ul li a.active {
  background-color: var(--theme-color-gray-400);
}

@supports (color: color-mix(in lab, red, red)) {
  .nav-main ul li a.active {
    background-color: color-mix(in oklab, var(--theme-color-gray-400) 15%, transparent);
  }
}

.nav-main ul li a.active {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--theme-color-gray-925);
}

.nav-main ul li a.active:where(.dark, .dark *) {
  color: var(--color-white);
}

.nav-main ul li a.active svg {
  color: var(--theme-color-gray-925);
}

.nav-main ul li a.active svg:where(.dark, .dark *) {
  color: var(--theme-color-gray-200);
}

.nav-main ul li ul {
  margin-block: calc(var(--spacing) * 1.5);
  margin-left: calc(var(--spacing) * 3.5);
  min-width: calc(var(--spacing) * 0);
  --tw-translate-x: 1px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  gap: calc(var(--spacing) * 1.5);
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 1px;
  border-color: var(--theme-color-gray-300);
  padding-left: calc(var(--spacing) * 3.5);
  flex-direction: column;
  font-size: .8125rem;
}

.nav-main ul li ul:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-700);
}

.nav-main ul li ul li a {
  padding-block: calc(var(--spacing) * 0);
}

@media (hover: hover) {
  .nav-main ul li ul li a:hover {
    background-color: #0000;
  }
}

.nav-main ul li ul li a.active {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--theme-color-gray-925);
  background-color: #0000;
}

.nav-main ul li ul li a.active:where(.dark, .dark *) {
  color: var(--color-white);
}

.nav-main .section-title {
  margin-bottom: calc(var(--spacing) * 1);
  padding-inline: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--theme-color-gray-925);
}

.nav-main .section-title:where(.dark, .dark *) {
  color: var(--theme-color-gray-200);
}

@supports not (anchor-name: --my-anchor) {
  .nav-main ul li ul li a.active:before {
    content: "";
    height: calc(var(--spacing) * 4);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-inline-start-color: var(--color-black);
    position: absolute;
    left: -1px;
  }

  :where(.dark) :is(.nav-main ul li ul li a.active):before, .nav-main ul li ul li:only-child a.active:before {
    border-inline-start-color: var(--theme-color-gray-400);
  }

  :where(.dark) :is(.nav-main ul li ul li:only-child a.active):before {
    border-inline-start-color: var(--theme-color-gray-500);
  }
}

@supports (anchor-name: --my-anchor) {
  .nav-main ul ul:has(.active):before {
    content: "";
    width: anchor-size(height);
    height: calc(anchor-size(height) + .5px);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-inline-start-color: var(--color-black);
    position-anchor: --active;
    left: calc(anchor(left) + .25rem - .5px);
    top: anchor(top);
    transition-property: top, left;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    position: absolute;
    translate: -100%;
  }

  :where(.dark) :is(.nav-main ul ul:has(.active)):before, .nav-main ul ul:has(.active):has(li:only-child):before {
    border-inline-start-color: var(--theme-color-gray-400);
  }

  :where(.dark) .nav-main ul ul:has(.active):has(li:only-child):before {
    border-inline-start-color: var(--theme-color-gray-500);
  }

  .nav-main ul ul:has(.active) a.active {
    anchor-name: --active;
  }
}

@media not all and (min-width: 64rem) {
  .nav-main {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--theme-color-gray-200);
    background-color: var(--color-white);
    display: flex;
  }

  .nav-main:where(.dark, .dark *) {
    border-color: var(--theme-color-gray-700);
    background-color: var(--theme-color-gray-800);
  }

  .nav-open .nav-main {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    inset-inline-start: calc(var(--spacing) * 0);
  }
}

main {
  padding-inline-start: calc(var(--spacing) * 0);
}

@media (min-width: 64rem) {
  main {
    padding-inline-start: calc(var(--spacing) * 46);
  }
}

.page-fully-loaded :is(main) {
  transition: padding .3s ease-in-out;
}

.nav-closed .nav-main {
  inset-inline-start: calc(var(--spacing) * -50);
}

main.nav-closed {
  padding-inline-start: calc(var(--spacing) * 0);
}

@media (min-width: 64rem) {
  main.nav-closed {
    padding-inline-start: calc(var(--spacing) * 0);
  }
}

.draggable-mirror {
  z-index: var(--z-index-modal);
  position: relative;
}

.draggable-source--is-dragging {
  opacity: .5;
}

body > .draggable-mirror {
  z-index: var(--z-index-draggable);
}

@font-face {
  font-family: inter;
  src: url("./intervariable-DiVDrmQJ.woff2?v=4.1") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: inter;
  src: url("../fonts/inter/intervariable-italic.woff2?v=4.1") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

.dark {
  --prose-body: var(--color-gray-300);
  --prose-headings: var(--color-white);
  --prose-lead: var(--color-gray-400);
  --prose-links: var(--color-white);
  --prose-bold: var(--color-white);
  --prose-counters: var(--color-gray-400);
  --prose-bullets: var(--color-gray-600);
  --prose-hr: var(--color-gray-700);
  --prose-quotes: var(--color-gray-100);
  --prose-quote-borders: var(--color-gray-700);
  --prose-captions: var(--color-gray-400);
  --prose-kbd: var(--color-white);
  --prose-kbd-shadows: var(--color-white);
  --prose-code: var(--color-white);
  --prose-pre-code: var(--color-gray-300);
  --prose-pre-bg: oklch(from var(--color-black) l c h / .5);
  --prose-th-borders: var(--color-gray-600);
  --prose-td-borders: var(--color-gray-700);
}

body {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--theme-color-gray-900);
}

body:where(.dark, .dark *) {
  color: var(--theme-color-gray-50);
}

body {
  font-variant: common-ligatures tabular-nums;
  font-feature-settings: "zero", "ss01", "calt" off;
}

:root {
  interpolate-size: allow-keywords;
  --focus-outline-width: 2px;
  --focus-outline-offset: -1px;
  --focus-within-outline-offset: 0px;
  --focus-outline-color: var(--theme-color-focus-outline, var(--color-blue-400));
  --focus-outline-style: solid;
  --outline-offset-button: 6px;
  --z-index-below: -1;
  --z-index-above: 1;
  --z-index-portal: 2;
  --z-index-draggable: 3;
  --z-index-modal: 4;
  --z-index-max: 5;
  --starting-style-transition-duration: .125s;
}

code:not(pre *) {
  color: hsl(from var(--theme-color-ui-accent-bg) h s 30);
  background: hsl(from var(--theme-color-ui-accent-bg) h s l / .08);
}

code:not(pre *):where(.dark, .dark *) {
  color: hsl(from var(--theme-color-ui-accent-bg) h s 90);
  background: hsl(from var(--theme-color-ui-accent-bg) h s 10 / .5);
}

body:has([data-ui-modal-content], .stack, .live-preview, .code-fullscreen) [data-reka-popper-content-wrapper] {
  z-index: var(--z-index-portal) !important;
}

.data-table {
  border-collapse: separate;
  --tw-border-spacing-y: calc(var(--spacing) * 0);
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  text-align: start;
  color: var(--theme-color-gray-500);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --tw-outline-style: none;
  outline-style: none;
  overflow-x: auto;
}

@media (forced-colors: active) {
  .data-table {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

.data-table.data-table--contained {
  border-radius: var(--radius-xl);
  background: inherit;
  box-shadow: inherit;
}

.data-table thead th {
  text-align: start;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  color: var(--theme-color-gray-900);
}

.data-table thead th:where(.dark, .dark *) {
  color: var(--theme-color-gray-300);
}

.data-table thead th {
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 2);
}

@media (min-width: 48rem) {
  .data-table thead th {
    padding-inline: calc(var(--spacing) * 4);
  }
}

.data-table--contained :is(.data-table thead th) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--theme-color-gray-200);
  padding-block: calc(var(--spacing) * 2.5);
}

.data-table--contained :is(.data-table thead th):where(.dark, .dark *) {
  border-color: var(--theme-color-gray-700);
}

.data-table thead th.handle-column {
  width: calc(var(--spacing) * 4);
  padding: calc(var(--spacing) * 0);
}

.data-table thead .type-column {
  text-align: end;
}

:is(.data-table:not(.data-table--contained) tbody tr:first-child td:first-child, .data-table:not(.data-table--contained) tbody tr:first-child th:first-child):where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  border-top-left-radius: var(--radius-xl);
}

:is(.data-table:not(.data-table--contained) tbody tr:first-child td:first-child, .data-table:not(.data-table--contained) tbody tr:first-child th:first-child):where(:dir(rtl), [dir="rtl"], [dir="rtl"] *), :is(.data-table:not(.data-table--contained) tbody tr:first-child td:last-child, .data-table:not(.data-table--contained) tbody tr:first-child th:last-child):where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  border-top-right-radius: var(--radius-xl);
}

:is(.data-table:not(.data-table--contained) tbody tr:first-child td:last-child, .data-table:not(.data-table--contained) tbody tr:first-child th:last-child):where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  border-top-left-radius: var(--radius-xl);
}

.data-table:not(.data-table--contained) tbody tr:first-child td {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-top-color: var(--theme-color-gray-200);
}

.data-table:not(.data-table--contained) tbody tr:first-child td:where(.dark, .dark *) {
  border-top-color: var(--theme-color-gray-800);
}

.data-table:not(.data-table--contained) tbody tr td:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-850);
}

.data-table:not(.data-table--contained) tbody tr td:first-child {
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 1px;
  border-inline-start-color: var(--theme-color-gray-200);
}

.data-table:not(.data-table--contained) tbody tr td:first-child:where(.dark, .dark *) {
  border-inline-start-color: var(--theme-color-gray-800);
}

.data-table:not(.data-table--contained) tbody tr td:last-child {
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 1px;
  border-inline-end-color: var(--theme-color-gray-200);
}

.data-table:not(.data-table--contained) tbody tr td:last-child:where(.dark, .dark *) {
  border-inline-end-color: var(--theme-color-gray-800);
}

.data-table tbody {
  border-radius: var(--radius-xl);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  box-shadow: 0 3px 2px -1px #e6e6e6, 0 1px 2px #e6e6e6;
}

.data-table tbody:where(.dark, .dark *) {
  box-shadow: unset;
}

.data-table tbody {
  --tw-outline-style: none;
  outline-style: none;
}

.data-table tbody tr:last-child {
  --tw-border-style: none;
  border-style: none;
}

.data-table tbody tr:last-child td {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-bottom-color: var(--theme-color-gray-200);
}

.data-table tbody tr:last-child td:where(.dark, .dark *) {
  border-bottom-color: var(--theme-color-gray-800);
}

:is(.data-table tbody tr:last-child td:first-child, .data-table tbody tr:last-child th:first-child):where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  border-bottom-left-radius: var(--radius-xl);
}

:is(.data-table tbody tr:last-child td:first-child, .data-table tbody tr:last-child th:first-child):where(:dir(rtl), [dir="rtl"], [dir="rtl"] *), :is(.data-table tbody tr:last-child td:last-child, .data-table tbody tr:last-child th:last-child):where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  border-bottom-right-radius: var(--radius-xl);
}

:is(.data-table tbody tr:last-child td:last-child, .data-table tbody tr:last-child th:last-child):where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  border-bottom-left-radius: var(--radius-xl);
}

.data-table tbody tr th {
  padding-block: calc(var(--spacing) * 2);
}

.data-table tbody tr th:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  padding-right: calc(var(--spacing) * 4);
}

.data-table tbody tr th:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  padding-left: calc(var(--spacing) * 4);
}

.data-table tbody tr td {
  background-color: var(--color-white);
}

.data-table tbody tr td:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-900);
}

.data-table tbody tr td {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--theme-color-gray-200);
  padding-block: calc(var(--spacing) * 3);
  padding-inline-start: calc(var(--spacing) * 2);
  padding-inline-end: calc(var(--spacing) * 1);
}

@media (min-width: 48rem) {
  .data-table tbody tr td {
    padding-inline-end: calc(var(--spacing) * 2.5);
    padding-left: calc(var(--spacing) * 4.5);
  }
}

.data-table tbody tr td:where(.dark, .dark *) {
  border-color: #ffffff1a;
}

@supports (color: color-mix(in lab, red, red)) {
  .data-table tbody tr td:where(.dark, .dark *) {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}

.data-table tbody tr td {
  color: var(--theme-color-gray-900);
}

.data-table tbody tr td:where(.dark, .dark *) {
  color: var(--theme-color-gray-200);
}

.data-table tbody tr:has(:hover) td {
  background-color: var(--theme-color-gray-50);
}

.data-table tbody tr:has(:hover) td:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-900);
}

.data-table tbody .type-column {
  text-align: end;
}

.data-table .date-index-field {
  white-space: nowrap;
}

.data-table--contained tbody tr:first-child td {
  border-top: unset;
}

@container scroll-state(scrollable: inline-start) {
  .data-table .checkbox-column {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
}

.data-table thead th.checkbox-column {
  z-index: 1;
  width: calc(var(--spacing) * 8);
  padding-inline-start: calc(.75rem + 1px);
  position: sticky;
}

.data-table--contained :is(.data-table thead th.checkbox-column) {
  padding-inline-start: calc(var(--spacing) * 4);
  position: sticky;
}

.data-table thead .actions-column {
  padding: calc(var(--spacing) * 0);
  text-align: end;
  width: 45px;
  min-width: 45px;
  padding-inline-start: calc(var(--spacing) * 2);
  position: sticky;
  inset-inline-end: -1px;
}

.data-table tbody .checkbox-column {
  inset-inline-start: -1px;
  left: calc(var(--spacing) * -1.75);
  padding-inline: calc(var(--spacing) * 3);
  position: sticky;
  container-type: scroll-state;
}

.data-table--contained :is(.data-table tbody .checkbox-column) {
  padding-inline-start: calc(var(--spacing) * 4);
  position: sticky;
}

.data-table tbody .actions-column {
  width: calc(var(--spacing) * 12);
  padding: calc(var(--spacing) * 0);
  text-align: end;
  padding-inline-start: calc(var(--spacing) * 2);
  position: sticky;
}

.data-table[data-has-selections] tbody tr[data-row="selected"] td {
  background-color: var(--theme-color-gray-100);
}

.data-table[data-has-selections] tbody tr[data-row="selected"] td:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-925);
}

.widget-table {
  text-align: start;
  --tw-outline-style: none;
  outline-style: none;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

@media (forced-colors: active) {
  .widget-table {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

.widget-table thead th {
  text-align: start;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  padding: calc(var(--spacing) * .75);
}

.widget-table thead th[data-column="date"], .widget-table thead th[data-column="datestamp"] {
  text-align: end;
}

.widget-table tbody {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.widget-table tbody tr td {
  padding: calc(var(--spacing) * .75);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.widget-table tbody .type-column {
  text-align: end;
}

.widget-table .date-index-field {
  white-space: nowrap;
}

.table-drag-handle {
  cursor: grab;
  height: 100%;
}

@media (hover: hover) {
  .table-drag-handle:hover {
    background-color: var(--theme-color-gray-100);
  }
}

.table-drag-handle:where(.dark, .dark *) {
  opacity: .75;
}

@media (hover: hover) {
  .table-drag-handle:where(.dark, .dark *):hover {
    background-color: var(--theme-color-gray-700);
  }
}

.table-drag-handle {
  background-image: url("./drag-dots-Bj-Kvfl8.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 7px 17px;
}

.column-sortable {
  cursor: pointer;
  position: relative;
}

.column-status {
  text-align: center;
  width: 80px;
}

.column-actions {
  width: calc(var(--spacing) * 12);
  text-align: end;
}

.asset-modal .saving {
  inset: calc(var(--spacing) * 0);
  border-radius: var(--radius-xs);
  background-color: #ffffffe6;
  align-items: center;
  display: flex;
  position: absolute;
}

@supports (color: color-mix(in lab, red, red)) {
  .asset-modal .saving {
    background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
}

.asset-modal .saving {
  z-index: var(--z-index-modal);
}

.asset-modal .saving .inner {
  text-align: center;
  margin: 0 auto;
  padding: 50px;
}

.asset-modal .saving i {
  margin-right: 10px;
  position: relative;
  top: -1px;
}

[dir="rtl"] :is(.asset-modal .saving i) {
  margin-left: 10px;
  margin-right: 0;
}

.drag-notification {
  inset: calc(var(--spacing) * 0);
  border-radius: var(--radius-xl);
  padding: calc(var(--spacing) * 1);
  text-align: center;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

@container (min-width: 24rem) {
  .drag-notification {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}

.drag-notification {
  border: 1px dashed var(--color-gray-600);
  pointer-events: none;
  z-index: var(--z-index-draggable);
  background: #ffffffe6;
}

.dark .drag-notification {
  background-color: var(--theme-color-gray-900);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .drag-notification {
    background-color: color-mix(in oklab, var(--theme-color-gray-900) 90%, transparent);
  }
}

.dark .drag-notification {
  border-color: var(--color-gray-700);
}

.asset-table-listing {
  border-radius: var(--radius-sm);
  border-style: var(--tw-border-style);
  border-width: 1px;
  position: relative;
  overflow: hidden;
}

.asset-table-listing:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-900);
}

.asset-table-listing table {
  margin: calc(var(--spacing) * 0);
  --tw-border-style: none;
  -webkit-user-select: none;
  user-select: none;
  border-style: none;
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem;
  width: 100%;
}

.asset-table-listing tbody tr {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  .asset-table-listing tbody tr {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

.asset-table-listing tbody tr:not(:last-child) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}

.asset-table-listing tbody tr:not(:last-child):where(.dark, .dark *) {
  border-color: var(--theme-color-gray-900);
}

.asset-table-listing tbody tr td {
  padding: calc(var(--spacing) * 2);
}

.assets-fieldtype-picker + .asset-table-listing {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.asset-listing .actions {
  margin-bottom: 15px;
  display: flex;
}

.asset-listing .actions .search {
  flex: 1;
  margin-left: 0;
  margin-right: 15px;
}

[dir="rtl"] :is(.asset-listing .actions .search) {
  margin-left: 0;
  margin-right: 0;
}

.asset-listing .actions > .btn {
  margin-right: 15px;
}

[dir="rtl"] :is(.asset-listing .actions > .btn) {
  margin-left: 15px;
  margin-right: 0;
}

.asset-tile.draggable-source--is-dragging {
  opacity: .5;
}

.asset-tile.draggable-mirror {
  --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);
}

.asset-grid-listing {
  gap: calc(var(--spacing) * 5);
  display: grid;
  position: relative;
}

@media (min-width: 48rem) {
  .asset-grid-listing {
    gap: calc(var(--spacing) * 6);
  }
}

@media (min-width: 80rem) {
  .asset-grid-listing {
    gap: calc(var(--spacing) * 10);
  }
}

:is(.data-table, .folder-grid-listing) [data-placeholder-shown]:has( + .st-has-error) {
  color: var(--color-red-600);
}

:is(.data-table, .folder-grid-listing) [data-placeholder-shown]:has( + .st-has-error):where(.dark, .dark *) {
  color: var(--color-red-500);
}

.folder-grid-listing {
  gap: calc(var(--spacing) * 5);
  display: grid;
  position: relative;
}

@media (min-width: 48rem) {
  .folder-grid-listing {
    gap: calc(var(--spacing) * 7);
  }
}

.folder-grid-listing {
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
}

.folder-grid-listing [data-placeholder-shown] {
  margin-top: calc(var(--spacing) * 2);
  text-align: center;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: lowercase;
  overflow: hidden;
}

.folder-grid-listing [data-placeholder-shown]:has( + .st-has-error) {
  color: var(--color-red-600);
}

.folder-grid-listing [data-placeholder-shown]:has( + .st-has-error):where(.dark, .dark *) {
  color: var(--color-red-500);
}

.asset-tile {
  min-width: calc(var(--spacing) * 0);
  cursor: pointer;
  border-radius: var(--radius-lg);
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
  outline-color: var(--theme-color-gray-300);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.asset-tile:where(.dark, .dark *) {
  outline-color: var(--theme-color-gray-700);
}

.asset-tile > button {
  --focus-outline-offset: 1px;
}

.selected :is(.asset-tile > button) {
  --focus-outline-offset: 1px;
  --focus-outline-width: 3px;
}

.selected .asset-tile {
  outline-style: var(--tw-outline-style);
  outline-width: 3px;
  outline-color: var(--color-blue-500);
}

.asset-tile .asset-thumb {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.asset-tile .asset-thumb > img, .asset-tile .asset-thumb > svg, .asset-tile .asset-thumb > .svg-img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
}

.asset-filename {
  margin-top: calc(var(--spacing) * 2);
  text-align: center;
  letter-spacing: -.01em;
  font-optical-sizing: auto;
  font-family: inter, sans-serif;
  font-weight: 425;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  white-space: nowrap;
  color: var(--theme-color-gray-500);
}

.asset-filename:where(.dark, .dark *) {
  color: var(--theme-color-gray-300);
}

.asset-filename {
  font-variant: tabular-nums;
}

.selected .asset-filename {
  color: var(--color-blue-500);
}

.dark :is(.selected .asset-filename) {
  color: var(--color-blue-400);
}

.asset-editor .loading {
  inset: calc(var(--spacing) * 0);
  border-radius: var(--radius-sm);
  background-color: var(--theme-color-gray-800);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.asset-editor .loading:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-900);
}

.asset-editor .loading {
  z-index: var(--z-index-portal);
}

.asset-editor .publish-fields {
  display: grid;
  --grid-columns: none !important;
  grid-template-columns: none !important;
}

.lazyload, .lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity .18s;
}

.blueprint-section-field-w-1\/4 {
  width: 25%;
}

.blueprint-section-field-w-1\/3 {
  width: 33.3333%;
}

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

.blueprint-section-field-w-2\/3 {
  width: 66.6667%;
}

.blueprint-section-field-w-3\/4 {
  width: 75%;
}

.blueprint-section-field-w-full {
  width: 100%;
}

.blueprint-add-section-container {
  min-height: calc(var(--spacing) * 40);
  padding: calc(var(--spacing) * 2);
  display: flex;
}

.draggable-container--is-dragging .blueprint-add-section-container {
  display: none;
}

.blueprint-add-section-button {
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  --tw-border-style: dashed;
  border-style: dashed;
  border-width: 1px;
  border-color: var(--theme-color-gray-500);
  width: 100%;
  color: var(--theme-color-gray-700);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.blueprint-add-section-button:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-500);
  color: var(--theme-color-gray-300);
}

.blueprint-add-section-button:hover {
  color: var(--theme-color-gray-925);
  border-color: gray;
}

.blueprint-add-section-button:hover:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-400);
  color: var(--theme-color-gray-200);
}

.blueprint-add-section-button .blueprint-section-draggable-zone {
  inset: calc(var(--spacing) * 0);
  padding: calc(var(--spacing) * 4);
  position: absolute;
}

.blueprint-add-section-button .blueprint-section-field {
  background-color: var(--color-white);
}

.fieldtype-list {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  display: grid;
}

.configure-tab .publish-fields .form-group:not(:last-child) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}

.configure-tab > .publish-fields > .toggle-fieldtype {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.configure-tab > .publish-fields > .toggle-fieldtype .field-inner {
  padding-inline-end: calc(var(--spacing) * 8);
}

.focal-point {
  inset: calc(var(--spacing) * 0);
  background-color: var(--theme-color-gray-800);
  border: 5px solid #394045;
  position: absolute;
}

.focal-point-toolbox {
  z-index: var(--z-index-above);
  top: 20px;
  width: 380px;
  max-height: 95vh;
  position: absolute;
  inset-inline-start: 20px;
  overflow-y: auto;
}

.focal-point-image {
  cursor: pointer;
  margin-block: calc(var(--spacing) * 4);
  position: relative;
  overflow: hidden;
}

.focal-point-image img {
  max-width: 100%;
  display: block;
}

.focal-point-reticle {
  pointer-events: none;
  border-radius: 50%;
  transition: top .5s, left .5s;
  position: absolute;
}

.focal-point-reticle.zoomed {
  border: 1px solid #fff;
  box-shadow: 0 0 5px #00000080;
}

.focal-point-reticle:before {
  content: "";
  top: 50%;
  background: #fff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-block-start: -4px;
  margin-inline-start: -4px;
  position: absolute;
  inset-inline-start: 50%;
  box-shadow: 0 0 4px #000000bf;
}

.focal-point .frame {
  box-sizing: content-box;
  border: 10px solid #394045;
  margin-block-start: -5px;
  margin-inline-start: -5px;
  position: absolute;
  overflow: hidden;
}

.focal-point .frame .frame-image {
  background-size: cover;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.focal-point .frame-1, .focal-point .frame-4, .focal-point .frame-7 {
  width: 66.6667%;
  inset-inline-start: 0;
}

.focal-point .frame-2, .focal-point .frame-5, .focal-point .frame-8 {
  width: 22.2222%;
  inset-inline-start: 66.6667%;
}

.focal-point .frame-3, .focal-point .frame-6, .focal-point .frame-9 {
  width: 11.1111%;
  inset-inline-start: 88.8889%;
}

.focal-point .frame-1, .focal-point .frame-2, .focal-point .frame-3 {
  height: 66.6667%;
  top: 0;
}

.focal-point .frame-4, .focal-point .frame-5, .focal-point .frame-6 {
  height: 22.2222%;
  top: 66.6667%;
}

.focal-point .frame-7, .focal-point .frame-8, .focal-point .frame-9 {
  height: 11.1111%;
  top: 88.8889%;
}

.bard-index-field, .code-index-field, .markdown-index-field, .textarea-index-field {
  -webkit-line-clamp: 2;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.title-index-field {
  -webkit-line-clamp: 2;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  -webkit-box-orient: vertical;
  display: inline;
  overflow: hidden;
}

@media (hover: hover) {
  .title-index-field:hover {
    color: var(--theme-color-gray-925);
  }

  .title-index-field:where(.dark, .dark *):hover {
    color: var(--color-white);
  }
}

.title-index-field:has( > :nth-child(2)) {
  align-items: center;
  gap: calc(var(--spacing) * 2);
  display: inline-flex;
}

.date-index-field {
  white-space: nowrap;
}

.slug-index-field {
  -webkit-line-clamp: 2;
  font-family: var(--font-mono);
  -webkit-box-orient: vertical;
  font-size: .75rem;
  display: -webkit-box;
  overflow: hidden;
}

.status-index-field {
  background-color: var(--theme-color-gray-200);
  border-radius: 3.40282e38px;
  flex-shrink: 1;
  justify-content: center;
  display: inline-block;
}

@supports (color: color-mix(in lab, red, red)) {
  .status-index-field {
    background-color: color-mix(in oklab, var(--theme-color-gray-200) 55%, transparent);
  }
}

.status-index-field {
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * .5);
  text-align: center;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--theme-color-gray-900);
}

.status-index-field:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-300);
}

@supports (color: color-mix(in lab, red, red)) {
  .status-index-field:where(.dark, .dark *) {
    background-color: color-mix(in oklab, var(--theme-color-gray-300) 8%, transparent);
  }
}

.status-index-field:where(.dark, .dark *) {
  color: var(--theme-color-gray-300);
}

.status-index-field.status-published:not(.status-private) {
  background-color: var(--color-green-200);
  color: var(--color-green-900);
}

.status-index-field.status-published:not(.status-private):where(.dark, .dark *) {
  background-color: #7bf1a80f;
}

@supports (color: color-mix(in lab, red, red)) {
  .status-index-field.status-published:not(.status-private):where(.dark, .dark *) {
    background-color: color-mix(in oklab, var(--color-green-300) 6%, transparent);
  }
}

.status-index-field.status-published:not(.status-private):where(.dark, .dark *) {
  color: var(--color-green-300);
}

.status-index-field.status-scheduled {
  background-color: var(--color-amber-200);
  color: var(--color-amber-900);
}

.status-index-field.status-scheduled:where(.dark, .dark *) {
  background-color: var(--color-amber-300);
  color: var(--color-amber-950);
}

.role-index-field, .groups-index-field {
  margin-bottom: calc(var(--spacing) * -1.5);
  flex-wrap: wrap;
  display: flex;
}

:is(.role-index-field, .groups-index-field) .role-index-field-item, :is(.role-index-field, .groups-index-field) .groups-index-field-item {
  margin-bottom: calc(var(--spacing) * 1);
  -webkit-line-clamp: 1;
  border-radius: var(--radius-sm);
  border-style: var(--tw-border-style);
  background-color: var(--theme-color-gray-100);
  padding-inline: calc(var(--spacing) * 1);
  font-size: var(--text-2xs);
  border-width: 1px;
  -webkit-box-orient: vertical;
  display: inline-block;
  overflow: hidden;
}

:is(:is(.role-index-field, .groups-index-field) .role-index-field-item, :is(.role-index-field, .groups-index-field) .groups-index-field-item):where(.dark, .dark *) {
  border-color: var(--theme-color-gray-900);
  background-color: var(--theme-color-gray-700);
}

.toasted-container.bottom-right {
  bottom: 32px !important;
  right: 32px !important;
}

.toasted-container.bottom-left {
  bottom: 32px !important;
  left: 14px !important;
}

.toasted-container {
  align-items: flex-start;
  position: fixed;
}

.toasted-container .toasted.statamic {
  margin-top: calc(var(--spacing) * 4);
  border-radius: var(--radius-xl);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 0);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--theme-color-gray-900);
  --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);
}

.toasted-container .toasted.statamic:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-900);
  color: var(--theme-color-gray-200);
}

.toasted-container .toasted.statamic {
  height: 45px;
}

.toasted-container .toasted.statamic i {
  aspect-ratio: 1;
  height: 75%;
  color: var(--color-white);
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  margin-inline-start: calc(var(--spacing) * 1.5);
  margin-inline-end: calc(var(--spacing) * 4);
  display: flex;
}

.toasted-container .toasted.statamic.success i {
  background-color: var(--color-green-400);
  color: var(--color-green-900);
}

.toasted-container .toasted.statamic.success i:where(.dark, .dark *) {
  background-color: var(--color-green-400);
  color: var(--color-green-950);
}

.toasted-container .toasted.statamic.error i, .toasted-container .toasted.statamic.error i:where(.dark, .dark *) {
  background-color: var(--color-red-600);
}

.toasted-container .toasted.statamic.default i {
  background-color: var(--theme-color-gray-800);
}

.toasted-container .toasted.statamic.default i:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-900);
}

.toasted-container .toasted.statamic .action {
  margin: calc(var(--spacing) * 0);
  height: 100%;
  padding-inline: calc(var(--spacing) * 4);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--theme-color-gray-600);
  opacity: .5;
  align-items: center;
  margin-inline-start: calc(var(--spacing) * 2);
  display: flex;
}

.toasted-container .toasted.statamic .action:where(.dark, .dark *) {
  color: var(--theme-color-gray-300);
}

.toasted-container .toasted.statamic .action {
  transform: translateY(-1.5px);
}

.toasted-container .toasted.statamic .action:hover {
  color: var(--theme-color-gray-900);
  text-decoration-line: none;
}

.toasted-container .toasted.statamic .action:hover:where(.dark, .dark *) {
  color: var(--theme-color-gray-200);
}

.dark .\@container\/panel:has(.page-tree) {
  box-shadow: none;
}

.page-tree .tree-node:where(.dark, .dark *) {
  padding-bottom: calc(var(--spacing) * .25);
}

.page-tree .tree-node:not(.page-tree--ready :is(.page-tree .tree-node)) {
  transition: opacity var(--starting-style-transition-duration);
}

@starting-style {
  .page-tree .tree-node:not(.page-tree--ready :is(.page-tree .tree-node)) {
    opacity: 0;
  }
}

.page-tree .page-tree-branch {
  border-radius: var(--radius-xl);
  background-color: var(--color-white);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --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);
  position: relative;
}

.page-tree .page-tree-branch:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-800);
}

.page-tree .page-move {
  width: calc(var(--spacing) * 6);
}

.page-tree .page-move:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  border-radius: var(--radius-xl);
}

.page-tree .page-move:where(.dark, .dark *) {
  color: var(--theme-color-gray-200);
}

.page-tree .page-move {
  cursor: grab;
  background-image: url("./drag-dots-Bj-Kvfl8.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 7px 17px;
}

.page-tree .page-root {
  width: calc(var(--spacing) * 6);
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 1px;
  border-start-start-radius: .25rem;
  border-end-start-radius: .25rem;
  align-items: center;
  display: flex;
}

.page-tree .tree-node:has(.is-section) + .tree-node .page-tree-branch, .page-tree .tree-node:has(.page-tree-branch--has-children):has(.is-open) + .tree-node .page-tree-branch {
  border-start-start-radius: 0;
}

.page-tree .tree-node:has(.is-section) + .tree-node:has(.is-section) .page-tree-branch {
  border-radius: var(--radius-xl);
}

.nav-builder {
  background: none;
}

.nav-builder .tree-node {
  background-color: var(--theme-color-gray-200);
}

@supports (color: color-mix(in lab, red, red)) {
  .nav-builder .tree-node {
    background-color: color-mix(in oklab, var(--theme-color-gray-200) 45%, transparent);
  }
}

.nav-builder .tree-node:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-950);
}

@supports (color: color-mix(in lab, red, red)) {
  .nav-builder .tree-node:where(.dark, .dark *) {
    background-color: color-mix(in oklab, var(--theme-color-gray-950) 35%, transparent);
  }
}

.nav-builder .tree-node .tree-node-inner {
  padding-inline: calc(var(--spacing) * 1);
}

.nav-builder .tree-node:has(.is-section) {
  margin-top: calc(var(--spacing) * 8);
  border-top-left-radius: var(--radius-2xl);
  border-top-right-radius: var(--radius-2xl);
  background-color: var(--theme-color-gray-200);
}

@supports (color: color-mix(in lab, red, red)) {
  .nav-builder .tree-node:has(.is-section) {
    background-color: color-mix(in oklab, var(--theme-color-gray-200) 45%, transparent);
  }
}

.nav-builder .tree-node:has(.is-section) {
  padding-top: calc(var(--spacing) * 1);
}

.nav-builder .tree-node:has(.is-section):where(.dark, .dark *) {
  background-color: var(--theme-color-gray-950);
}

.nav-builder .tree-node:has( + .tree-node .is-section), .nav-builder .tree-node:last-child {
  border-bottom-right-radius: var(--radius-2xl);
  border-bottom-left-radius: var(--radius-2xl);
  padding-bottom: calc(var(--spacing) * 1);
}

.nav-builder .tree-node:has(.is-top-level-section-placeholder) {
  margin-top: calc(var(--spacing) * 1);
  background: none;
}

.nav-builder .tree-node.drag-placeholder-wrapper:has(.is-section-placeholder) {
  margin-inline: calc(var(--spacing) * -1);
  margin-top: calc(var(--spacing) * 2);
  background: none;
}

.nav-builder .tree-node:has( + .drag-placeholder-wrapper):has( + * .is-section-placeholder) {
  border-bottom-right-radius: var(--radius-2xl);
  border-bottom-left-radius: var(--radius-2xl);
  padding-bottom: calc(var(--spacing) * 1);
}

.drag-placeholder-wrapper:has(.is-section-placeholder) + :is(.nav-builder .tree-node) {
  border-top-left-radius: var(--radius-2xl);
  border-top-right-radius: var(--radius-2xl);
}

.nav-builder .page-tree-branch {
  margin-top: 0;
}

.nav-builder .tree-node:has(.first-branch:empty) {
  display: none;
}

.nav-builder .tree-node:has(.first-branch) + .tree-node {
  border-top-left-radius: var(--radius-2xl);
  border-top-right-radius: var(--radius-2xl);
  padding-top: calc(var(--spacing) * 1);
}

.pagination {
  border-radius: var(--radius-sm);
  padding: calc(var(--spacing) * 0);
  --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);
  justify-content: center;
  align-items: center;
  list-style-type: none;
  display: flex;
  overflow: hidden;
}

.pagination:where(.dark, .dark *) {
  --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);
}

.pagination li a {
  background-color: var(--color-white);
  height: 100%;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  color: var(--theme-color-gray-900);
  display: block;
}

.pagination li a:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}

.pagination li a:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}

.pagination li a:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-900);
  background-color: var(--theme-color-gray-700);
  color: var(--theme-color-gray-300);
}

.pagination li a:hover {
  background-color: var(--theme-color-gray-100);
  color: var(--theme-color-gray-900);
}

.pagination li a:hover:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-850);
  color: var(--theme-color-gray-200);
}

.pagination li > .unclickable {
  background-color: var(--color-white);
  height: 100%;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  color: var(--theme-color-gray-500);
  display: block;
}

.pagination li > .unclickable:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}

.pagination li > .unclickable:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}

.pagination li > .unclickable:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-900);
  background-color: var(--theme-color-gray-700);
  color: var(--theme-color-gray-500);
}

.pagination li > .unclickable:hover {
  cursor: text;
}

.pagination li:last-child a:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  border-right-style: var(--tw-border-style);
  border-right-width: 0;
}

.pagination li:last-child a:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  border-left-style: var(--tw-border-style);
  border-left-width: 0;
}

.pagination li.current a {
  background-color: var(--theme-color-gray-100);
  color: var(--color-blue-600);
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.pagination li.current a:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-850);
  color: #2870f5;
}

.pagination.pagination-inline {
  --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);
  border-radius: 0;
}

.popover {
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.popover:before {
  content: "";
  position: absolute;
  inset: -10px 0;
}

.popover .popover-content {
  transform-origin: 50% 10%;
  opacity: 0;
  will-change: transform, opacity;
  background-clip: padding-box;
  min-width: 180px;
  transition: all 50ms ease-in;
  animation-fill-mode: forwards;
  transform: scale(.85);
}

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

.popover-open .popover {
  pointer-events: auto;
  visibility: visible;
}

.popover-open .popover-content {
  opacity: 1;
  transform: scale(1);
}

.popover-open .rotating-dots {
  transform: rotate(90deg);
}

.rotating-dots {
  cursor: pointer;
  transition: all .12s ease-out;
  position: relative;
}

.rotating-dots-button {
  color: var(--theme-color-gray-700);
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rotating-dots-button:where(.dark, .dark *) {
  color: var(--theme-color-gray-300);
}

.rotating-dots-button {
  width: 20px;
  height: 20px;
}

.rotating-dots-button:hover {
  color: var(--theme-color-gray-925);
}

.rotating-dots-button:hover:where(.dark, .dark *) {
  color: var(--theme-color-gray-200);
}

.rotating-dots-button:focus {
  outline-width: var(--focus-outline-width);
  outline-offset: var(--focus-outline-offset);
  outline-color: var(--focus-outline-color, currentColor);
  outline-style: var(--focus-outline-style, solid);
}

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

.live-preview-header {
  height: calc(var(--spacing) * 13);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--theme-color-gray-300);
  background-color: var(--color-white);
  padding-block: calc(var(--spacing) * 2);
  --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);
  justify-content: space-between;
  align-items: center;
  padding-inline-start: calc(var(--spacing) * 7);
  padding-inline-end: calc(var(--spacing) * 4);
  display: flex;
  position: relative;
}

.live-preview-header:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-700);
  background-color: var(--theme-color-gray-850);
}

.live-preview-header {
  z-index: 2;
}

.live-preview-main {
  z-index: 1;
  flex: 1;
  display: flex;
  overflow: scroll;
}

.live-preview-editor {
  background-color: var(--color-white);
  height: 100%;
  display: flex;
  position: relative;
}

.live-preview-editor:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-850);
}

.live-preview-editor {
  z-index: 3;
}

.live-preview-fields {
  z-index: 2;
  position: relative;
}

@container live-preview (min-width: 56rem) {
  .live-preview .publish-tab-outer {
    padding-inline: calc(var(--spacing) * 6);
  }
}

.live-preview-contents {
  background-color: var(--theme-color-gray-500);
  z-index: 1;
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
}

.live-preview .tabs-container {
  margin-bottom: calc(var(--spacing) * 0);
  background-color: var(--theme-color-gray-300);
}

.live-preview .tabs-container:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-700);
}

@container live-preview (min-width: 56rem) {
  .live-preview .tabs-container {
    margin-bottom: calc(var(--spacing) * 6);
  }
}

.live-preview .publish-tabs:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  padding-left: calc(var(--spacing) * 4);
}

@container live-preview (min-width: 56rem) {
  .live-preview .publish-tabs:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    padding-left: calc(var(--spacing) * 6);
  }
}

.live-preview .publish-tabs:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  padding-right: calc(var(--spacing) * 4);
}

@container live-preview (min-width: 56rem) {
  .live-preview .publish-tabs:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-right: calc(var(--spacing) * 6);
  }
}

.live-preview .publish-sections-section {
  margin-bottom: calc(var(--spacing) * 0);
}

@container live-preview (min-width: 56rem) {
  .live-preview .publish-sections-section {
    margin-bottom: calc(var(--spacing) * 8);
  }
}

.live-preview .publish-section-header {
  border-radius: 0;
}

@container live-preview (min-width: 56rem) {
  .live-preview .publish-section-header {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }
}

.live-preview .card {
  border-radius: 0;
}

@container live-preview (min-width: 56rem) {
  .live-preview .card {
    border-radius: var(--radius-md);
  }
}

.live-preview .publish-tab-actions-footer {
  display: none;
}

.live-preview-contents iframe {
  background-color: var(--color-white);
}

.live-preview-contents iframe.responsive {
  width: 100%;
  height: 100%;
}

.live-preview-contents iframe.device {
  margin-top: calc(var(--spacing) * 4);
  border-radius: var(--radius-sm);
  --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);
}

.live-preview-resizer {
  width: calc(var(--spacing) * 4);
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 1px;
  border-color: var(--theme-color-gray-200);
  --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);
}

.live-preview-resizer:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-600);
  background-color: var(--theme-color-gray-800);
}

.live-preview-resizer {
  z-index: 1;
  cursor: ew-resize;
  background-image: url("./drag-dots-Bj-Kvfl8.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 7px 17px;
}

.live-preview-header-slide-enter-active, .live-preview-header-slide-leave-active {
  transition: all .3s;
}

.live-preview-header-slide-enter-from, .live-preview-header-slide-leave-to {
  transform: translateY(-100px);
}

.live-preview-editor-slide-enter-active, .live-preview-editor-slide-leave-active {
  transition: all .3s;
}

.live-preview-editor-slide-enter-from, .live-preview-editor-slide-leave-to {
  opacity: 0;
  transform: translateX(-50px);
}

.live-preview-contents-slide-enter-active, .live-preview-contents-slide-leave-active {
  transition: all .3s;
}

.live-preview-contents-slide-enter-from, .live-preview-contents-slide-leave-to {
  opacity: 0;
  transform: translateX(50px);
}

main .live-preview-tabs-drop-enter-active, main .live-preview-tabs-drop-leave-active {
  transition: all .2s;
}

main .live-preview-tabs-drop-enter-active {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

main .live-preview-tabs-drop-leave-active {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
}

main .live-preview-tabs-drop-enter, main .live-preview-tabs-drop-leave-to {
  opacity: 0;
  transform: translateY(100px);
}

.publish-fields, .field-grid {
  --grid-columns: 12;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  gap: calc(var(--spacing) * 6);
  column-gap: calc(var(--spacing) * 3);
  display: grid;
}

@container panel (min-width: 32rem) {
  .publish-fields, .field-grid {
    gap: calc(var(--spacing) * 8);
  }
}

aside :is(.publish-fields, .field-grid) {
  column-gap: calc(var(--spacing) * 2);
  row-gap: calc(var(--spacing) * 6);
}

:is(.publish-fields, .field-grid) .form-group {
  grid-column: span var(--col-span, var(--grid-columns));
}

:is(.publish-fields, .field-grid) .spacer-fieldtype {
  visibility: hidden;
}

@container panel not (min-width: 32rem) {
  :is(.publish-fields, .field-grid) .spacer-fieldtype {
    display: none;
  }
}

@container panel (min-width: 32rem) {
  .field-w-25 {
    --col-span: calc(var(--grid-columns) * .25);
  }

  .field-w-33 {
    --col-span: calc(var(--grid-columns) * .333);
  }

  .field-w-50 {
    --col-span: calc(var(--grid-columns) * .5);
  }

  .field-w-66 {
    --col-span: calc(var(--grid-columns) * .666);
  }

  .field-w-75 {
    --col-span: calc(var(--grid-columns) * .75);
  }

  .field-w-undefined, .field-w-100 {
    --col-span: calc(var(--grid-columns) * 1);
  }
}

.field-grid > * {
  grid-column: span var(--col-span, var(--grid-columns));
}

.publish-fields-fluid {
  gap: calc(var(--spacing) * 2);
  flex-wrap: wrap;
  display: flex;
}

.publish-fields-fluid > * {
  flex-grow: 1;
}

@media (min-width: 64rem) {
  .publish-fields-fluid .field-w-25 {
    flex-basis: 24.5%;
  }

  .publish-fields-fluid .field-w-33 {
    flex-basis: 32.5%;
  }

  .publish-fields-fluid .field-w-50 {
    flex-basis: 49.4%;
  }

  .publish-fields-fluid .field-w-66 {
    flex-basis: 66.1%;
  }

  .publish-fields-fluid .field-w-75 {
    flex-basis: 74.5%;
  }

  .publish-fields-fluid .field-w-undefined, .publish-fields-fluid .field-w-100 {
    flex-basis: 100%;
  }
}

@media not all and (min-width: 1400px) {
  .publish-fields-fluid--xl-only [class*="field-w-"] {
    flex-basis: 100%;
  }
}

.publish-field {
  position: relative;
}

.publish-field .read-only-overlay {
  inset: calc(var(--spacing) * 0);
  cursor: not-allowed;
  background-color: #ffffff40;
  position: absolute;
}

@supports (color: color-mix(in lab, red, red)) {
  .publish-field .read-only-overlay {
    background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
  }
}

.publish-field .read-only-overlay {
  z-index: var(--z-index-portal);
}

.publish-field .has-field-dropdown .field-inner {
  padding-right: calc(var(--spacing) * 6);
}

.publish-field .has-field-dropdown .field-dropdown {
  right: calc(var(--spacing) * 0);
  display: block;
  position: absolute;
  bottom: -3px;
}

.publish-field .has-field-dropdown:not(.has-field-label) .field-inner {
  margin-bottom: calc(var(--spacing) * 2);
  min-height: 19.5px;
}

.publish-field code {
  border-radius: var(--radius-sm);
  background-color: var(--color-blue-50);
  padding-inline: calc(var(--spacing) * 1);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-blue-600);
}

.publish-field-label {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  align-items: center;
  display: flex;
}

.publish-sections .publish-sections-section {
  margin-bottom: calc(var(--spacing) * 8);
}

[data-cards-wrap="fields"] :is(.publish-sections .publish-sections-section) {
  margin-bottom: calc(var(--spacing) * 12);
}

.publish-section-header {
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--theme-color-gray-400);
  background-color: var(--theme-color-gray-100);
}

.publish-section-header:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-900);
  background-color: var(--theme-color-gray-850);
}

.publish-section-header-inner {
  padding-inline: calc(var(--spacing) * 4);
  padding-top: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 3);
}

@container (min-width: 32rem) {
  .publish-section-header-inner {
    padding-inline: calc(var(--spacing) * 6);
  }
}

.publish-sidebar {
  width: 300px;
  flex-shrink: 0;
  margin-inline-start: calc(var(--spacing) * 8);
}

.publish-sidebar .publish-fields .form-group {
  padding: calc(var(--spacing) * 0);
}

.publish-tab-actions-footer {
  margin-top: calc(var(--spacing) * 6);
}

.sneak-peek-editing .publish-tabs {
  z-index: var(--z-index-portal);
  position: sticky;
  top: 0;
}

#nprogress {
  pointer-events: none;
}

#nprogress .bar.bar {
  inset-inline-start: calc(var(--spacing) * 0);
  top: calc(var(--spacing) * 0);
  background-color: var(--theme-color-progress-bar);
  width: 100%;
  height: 2px;
  z-index: var(--z-index-portal);
  position: fixed;
}

.nprogress-custom-parent {
  position: relative;
  overflow: hidden;
}

.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

table .ui-sortable-helper {
  background: #fff;
  display: table;
  box-shadow: 0 2px 2px #00000024, 0 3px 1px -2px #0000001a, 0 1px 5px #0000001f;
}

.placeholder {
  background: #eee;
  height: 37px;
}

.drag-handle {
  cursor: move;
}

.drag-handle:active {
  cursor: grabbing !important;
}

tbody.ui-sortable > tr > .cell-counter > .move {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--theme-color-gray-700);
  display: none;
  position: relative;
  top: 2px;
}

tbody.ui-sortable > tr:hover .default {
  display: none;
}

tbody.ui-sortable > tr:hover .cell-counter > .move {
  display: block;
}

.portal-targets {
  pointer-events: none;
  inset: calc(var(--spacing) * 0);
  z-index: var(--z-index-portal);
  position: fixed;
}

.portal-targets .vue-portal-target {
  pointer-events: auto;
  isolation: isolate;
}

body:has(.stacks-on-stacks) [data-reka-popper-content-wrapper] {
  z-index: var(--z-index-portal) !important;
}

.stacks-on-stacks .stack-container {
  inset: calc(var(--spacing) * 0);
  -webkit-backface-visibility: hidden;
  transition: transform .2s ease-out;
  position: absolute;
}

.stacks-on-stacks .stack-overlay {
  pointer-events: none;
}

.stacks-on-stacks .stack-hit-area {
  inset: calc(var(--spacing) * 0);
  cursor: pointer;
  position: absolute;
}

.stacks-on-stacks .stack-content {
  height: calc(100svh - 1rem);
  position: relative;
}

.stacks-on-stacks .stack-slide-enter-active, .stacks-on-stacks .stack-slide-leave-active {
  will-change: transform, opacity;
  transition: transform .2s ease-out, opacity .2s ease-out;
}

.stacks-on-stacks .stack-slide-enter-from {
  opacity: 0;
  transform: translateX(10%);
}

[dir="rtl"] :is(.stacks-on-stacks .stack-slide-enter-from) {
  transform: translateX(-10%);
}

.stacks-on-stacks .stack-slide-leave-to {
  opacity: 0;
  transform: translateX(10%);
}

[dir="rtl"] :is(.stacks-on-stacks .stack-slide-leave-to) {
  transform: translateX(-10%);
}

@media (max-width: 980px) {
  .stacks-on-stacks .stack-container {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    transform: translateX(0) !important;
  }

  [dir="rtl"] :is(.stacks-on-stacks .stack-container) {
    left: 0 !important;
    right: 0 !important;
    transform: translateX(0) !important;
  }
}

.tabs-container {
  margin-bottom: calc(var(--spacing) * 6);
  border-bottom-style: var(--tw-border-style);
  width: 100%;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  border-bottom-width: 1px;
  display: flex;
  position: relative;
}

.tabs-container:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-600);
}

.tabs-container .fade-left, .tabs-container .fade-right {
  pointer-events: none;
  inset-block: calc(var(--spacing) * 0);
  z-index: 2;
  width: calc(var(--spacing) * 4);
  --tw-gradient-from: var(--theme-color-gray-300);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  position: absolute;
}

:is(.tabs-container .fade-left, .tabs-container .fade-right):where(.dark, .dark *) {
  --tw-gradient-from: var(--theme-color-gray-850);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.tabs-container .fade-left:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  left: calc(var(--spacing) * 0);
  --tw-gradient-position: to right;
}

@supports (background-image: linear-gradient(in lab, red, red)) {
  .tabs-container .fade-left:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    --tw-gradient-position: to right in oklab;
  }
}

.tabs-container .fade-left:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  background-image: linear-gradient(var(--tw-gradient-stops));
}

.tabs-container .fade-left:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  right: calc(var(--spacing) * 0);
  --tw-gradient-position: to left;
}

@supports (background-image: linear-gradient(in lab, red, red)) {
  .tabs-container .fade-left:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-gradient-position: to left in oklab;
  }
}

.tabs-container .fade-left:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  background-image: linear-gradient(var(--tw-gradient-stops));
}

.tabs-container .fade-right:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  right: calc(var(--spacing) * 0);
  --tw-gradient-position: to left;
}

@supports (background-image: linear-gradient(in lab, red, red)) {
  .tabs-container .fade-right:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    --tw-gradient-position: to left in oklab;
  }
}

.tabs-container .fade-right:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  background-image: linear-gradient(var(--tw-gradient-stops));
}

.tabs-container .fade-right:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  left: calc(var(--spacing) * 0);
  --tw-gradient-position: to right;
}

@supports (background-image: linear-gradient(in lab, red, red)) {
  .tabs-container .fade-right:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-gradient-position: to right in oklab;
  }
}

.tabs-container .fade-right:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  background-image: linear-gradient(var(--tw-gradient-stops));
}

.card .tabs-container .fade-left, .card .tabs-container .fade-right {
  --tw-gradient-from: var(--color-white);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

:is(.card .tabs-container .fade-left, .card .tabs-container .fade-right):where(.dark, .dark *) {
  --tw-gradient-from: var(--theme-color-gray-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.tabs {
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
}

:where(.tabs > :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)));
}

.tabs {
  overflow: hidden;
}

:where(.tabs:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) > :not(:last-child)) {
  --tw-space-x-reverse: 1;
}

-scrolled.tabs:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  margin-left: calc(var(--spacing) * 0);
  padding-left: calc(var(--spacing) * 0);
}

-scrolled.tabs:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  margin-right: calc(var(--spacing) * 0);
  padding-right: calc(var(--spacing) * 0);
}

.tab-button {
  border-bottom-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 2);
  white-space: nowrap;
  color: var(--theme-color-gray-700);
  -webkit-user-select: none;
  user-select: none;
  border-color: #0000;
  border-bottom-width: 2px;
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.tab-button:where(.dark, .dark *) {
  color: var(--theme-color-gray-300);
}

.tab-button:hover {
  color: var(--theme-color-gray-900);
}

.tab-button:hover:where(.dark, .dark *) {
  color: var(--theme-color-gray-200);
}

.tab-button: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);
  --tw-ring-color: var(--color-blue-500);
  --tw-outline-style: none;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  outline-style: none;
}

@media (forced-colors: active) {
  .tab-button:focus-visible {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

.tab-button:focus-visible {
  --tw-ring-inset: inset;
}

.tab-button:focus-visible:where(.dark, .dark *) {
  --tw-ring-color: #2870f5;
}

.tab-button.active {
  border-color: var(--color-blue-500);
  color: var(--color-blue-500);
}

.tab-button.active:where(.dark, .dark *) {
  border-color: var(--color-blue-400);
  color: var(--color-blue-400);
}

.tab-button.has-error {
  color: var(--color-red-600);
}

.tab-button.has-error.active {
  box-shadow: var(--color-red-400) 0 3px inset, #e6ebf1 -1px 0 inset;
}

.pill-tab {
  border-radius: var(--radius-sm);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1);
  color: var(--theme-color-gray-700);
  align-items: center;
  display: flex;
}

.pill-tab:focus {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  .pill-tab:focus {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

.pill-tab:where(.dark, .dark *) {
  color: var(--theme-color-gray-400);
}

.pill-tab:hover {
  color: var(--theme-color-gray-900);
}

.pill-tab:hover:where(.dark, .dark *) {
  color: var(--theme-color-gray-200);
}

.pill-tab.active {
  background-color: var(--color-blue-100);
  color: var(--color-blue-900);
}

.pill-tab.active:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-600);
  color: var(--theme-color-gray-300);
}

.button-tab {
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1);
  color: var(--theme-color-gray-700);
  display: inline-block;
}

.button-tab:focus {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  .button-tab:focus {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

.button-tab:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  margin-right: calc(var(--spacing) * 1);
}

.button-tab:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  margin-left: calc(var(--spacing) * 1);
}

.button-tab:hover {
  color: #00f;
}

.button-tab.active {
  border-radius: var(--radius-sm);
  background-color: var(--color-blue-100);
  color: var(--color-blue-800);
}

.v-popper--theme-tooltip {
  font-size: var(--text-2xs);
  color: var(--color-white);
}

.v-popper--theme-tooltip .v-popper__inner {
  padding: 5px 10px !important;
}

.wizard-steps {
  justify-content: space-between;
  display: flex;
}

.wizard-steps .step {
  cursor: pointer;
  border-style: var(--tw-border-style);
  padding: calc(var(--spacing) * 0);
  text-align: center;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  background-color: #0000;
  border-width: 0;
  flex: 1;
  margin-inline: auto;
  position: relative;
}

.wizard-steps .step:not(:first-child):before {
  height: calc(var(--spacing) * 1);
  background-color: var(--theme-color-gray-300);
  content: "";
  inset-inline-start: calc(var(--spacing) * 0);
  width: 50%;
  position: absolute;
  top: 18px;
}

.wizard-steps .dark .step:not(:first-child):before {
  background-color: var(--theme-color-gray-700);
}

.wizard-steps .step:not(:last-child):after {
  height: calc(var(--spacing) * 1);
  background-color: var(--theme-color-gray-300);
  content: "";
  inset-inline-start: 50%;
  width: 50%;
  position: absolute;
  top: 18px;
}

.wizard-steps .dark .step:not(:last-child):after {
  background-color: var(--theme-color-gray-700);
}

.wizard-steps .step.complete:before, .wizard-steps .step.complete:after {
  background-color: var(--theme-color-gray-900);
}

.wizard-steps .ball {
  z-index: 10;
  width: calc(var(--spacing) * 10);
  height: calc(var(--spacing) * 10);
  background-color: var(--theme-color-gray-300);
  text-align: center;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: calc(var(--spacing) * 10);
  line-height: calc(var(--spacing) * 10);
  color: var(--theme-color-gray-600);
  border-radius: 3.40282e38px;
  margin-inline: auto;
  position: relative;
}

.wizard-steps .ball:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-700);
  color: var(--theme-color-gray-300);
}

.wizard-steps .label {
  margin-top: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--theme-color-gray-500);
}

.wizard-steps .label:where(.dark, .dark *) {
  color: var(--theme-color-gray-400);
}

.wizard-steps .complete .ball {
  background-color: var(--theme-color-gray-900);
  color: var(--color-white);
}

.wizard-steps .complete .ball:where(.dark, .dark *) {
  background-color: var(--color-white);
  color: var(--theme-color-gray-900);
}

.wizard-steps .complete .label {
  color: var(--theme-color-gray-900);
}

.wizard-steps .complete .label:where(.dark, .dark *) {
  color: var(--theme-color-gray-200);
}

.dark .wizard-steps .step:before, .dark .wizard-steps .step:after {
  background-color: var(--theme-color-gray-700);
}

.dark .wizard-steps .complete:before, .dark .wizard-steps .complete:after {
  background-color: var(--color-white);
}

.assets-fieldtype .assets-fieldtype-drag-container {
  position: relative;
}

.assets-fieldtype .assets-fieldtype-picker {
  border-radius: var(--radius-sm);
  border-style: var(--tw-border-style);
  background-color: var(--theme-color-gray-200);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  border-width: 1px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.assets-fieldtype .assets-fieldtype-picker:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-900);
  background-color: var(--theme-color-gray-800);
}

.assets-fieldtype .assets-fieldtype-picker.is-expanded {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.grid-fieldtype .assets-fieldtype-picker {
  --tw-border-style: none;
  padding: calc(var(--spacing) * 0);
  background-color: #0000;
  border-style: none;
  border-radius: 0;
}

.grid-fieldtype .grid-table .assets-fieldtype .asset-table-listing tbody tr td {
  padding: 4px;
}

.bard-set-solo .asset-tile {
  max-width: none;
  padding: 0;
}

.bard-set-solo .assets-fieldtype label, .assets-fieldtype .delete-bard-set {
  display: none;
}

.bard-set-solo :is(.assets-fieldtype .delete-bard-set) {
  display: block;
}

.grid-table .grid-cell.assets-fieldtype:not(:has([data-asset-picker])) > *, .grid-stacked [data-asset-browser]:not(:has([data-asset-picker])) {
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--theme-color-gray-300);
}

:is(.grid-table .grid-cell.assets-fieldtype:not(:has([data-asset-picker])) > *, .grid-stacked [data-asset-browser]:not(:has([data-asset-picker]))):where(.dark, .dark *) {
  border-color: var(--theme-color-gray-700);
}

:is(.grid-table .grid-cell.assets-fieldtype:not(:has([data-asset-picker])) > *, .grid-stacked [data-asset-browser]:not(:has([data-asset-picker]))) :not(button, button *) {
  border-radius: var(--radius-lg);
  --tw-border-style: none;
  border-style: none;
}

.grid-table tr:has( > :nth-child(3)) .grid-cell.assets-fieldtype:not(:has([data-asset-picker])) > * {
  --tw-shadow: 0px 2px 3px -2px var(--tw-shadow-color, #00000026);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.grid-table tr:has( > :nth-child(3)) .grid-cell.assets-fieldtype:not(:has([data-asset-picker])) > * td, .grid-stacked:not(:has([data-asset-picker])) .publish-fields:has( > :nth-child(3)) .assets-fieldtype td {
  padding: .3125rem;
}

.grid-fieldtype .grid-table .markdown-fieldtype .markdown-preview {
  --tw-border-style: none;
  padding: calc(var(--spacing) * 2);
  text-align: start;
  border-style: none;
}

.grid-fieldtype .grid-table .markdown-fieldtype .markdown-preview p {
  line-height: 1.2;
}

.markdown-fieldtype .cm-header {
  color: var(--theme-color-gray-900);
}

.markdown-fieldtype .cm-header:where(.dark, .dark *) {
  color: var(--theme-color-gray-300);
}

.markdown-fieldtype .cm-header.cm-header-1 {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}

.markdown-fieldtype .cm-header.cm-header-2 {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}

.markdown-fieldtype .cm-header.cm-header-3 {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.markdown-fieldtype .cm-quote {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--theme-color-gray-900);
  font-style: italic;
}

.markdown-fieldtype .cm-quote:where(.dark, .dark *) {
  color: var(--theme-color-gray-300);
}

.markdown-fieldtype .cm-variable-2 {
  color: var(--theme-color-gray-900);
}

.markdown-fieldtype .cm-variable-2:where(.dark, .dark *) {
  color: var(--theme-color-gray-300);
}

.markdown-fieldtype .CodeMirror {
  background-color: #0000;
}

[data-markdown-toolbar] {
  border-top-left-radius: calc(var(--radius-lg) - 1px);
  border-top-right-radius: calc(var(--radius-lg) - 1px);
  background-color: var(--theme-color-gray-50);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--theme-color-gray-300);
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow-x: auto;
}

[data-markdown-toolbar]:where(.dark, .dark *) {
  border-color: #fff3;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-markdown-toolbar]:where(.dark, .dark *) {
    border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
}

[data-markdown-toolbar]:where(.dark, .dark *) {
  border-bottom-color: #ffffff1a;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-markdown-toolbar]:where(.dark, .dark *) {
    border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}

[data-markdown-toolbar]:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-925);
}

.grid-cell [data-markdown-toolbar] {
  top: calc(var(--spacing) * 8);
}

.markdown-preview {
  min-height: calc(var(--spacing) * 16);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  margin-inline: auto;
}

@container markdown (min-width: 28rem) {
  .markdown-preview {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
  }
}

.markdown-preview ol {
  list-style-type: decimal;
}

.markdown-preview ul {
  list-style-type: disc;
}

.markdown-preview pre {
  border-radius: var(--radius-sm);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
}

.markdown-preview pre:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-700);
  color: var(--color-red-600);
}

.markdown-preview pre {
  color: #c7254e;
  direction: ltr;
  background-color: #f9f2f4;
}

.markdown-preview pre code {
  padding: calc(var(--spacing) * 0);
}

.markdown-preview .heading-permalink {
  display: none;
}

.markdown-fullscreen {
  inset: calc(var(--spacing) * 0);
  border-style: var(--tw-border-style);
  background-color: var(--theme-color-gray-100);
  min-height: 100vh;
  padding-top: calc(var(--spacing) * 12);
  will-change: transform;
  border-width: 0;
  border-radius: 0;
  position: fixed;
  overflow: scroll;
}

.markdown-fullscreen .mode-wrap {
  cursor: text;
  height: calc(100vh - 80px);
  overflow-y: scroll;
}

.markdown-fullscreen .mode-wrap.mode-preview {
  height: calc(100vh - 44px);
}

.markdown-fullscreen [data-markdown-toolbar] {
  top: calc(var(--spacing) * 0);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
  position: relative;
}

.markdown-fullscreen [data-markdown-mode-toggle] {
  margin-inline-start: calc(var(--spacing) * 6);
}

.markdown-fullscreen .editor {
  margin-inline: auto;
  margin-block: calc(var(--spacing) * 6);
  max-width: var(--max-width-page);
  border-radius: var(--radius-lg);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 2);
  --tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, #0000005e);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  position: relative;
}

@media (min-width: 48rem) {
  .markdown-fullscreen .editor {
    padding-inline: calc(var(--spacing) * 8);
    padding-top: calc(var(--spacing) * 8);
  }
}

.markdown-fullscreen .editor:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-900) !important;
}

.markdown-fullscreen .editor .CodeMirror-scroll {
  margin: calc(var(--spacing) * 0);
}

.markdown-fullscreen .CodeMirror {
  --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);
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  .markdown-fullscreen .CodeMirror {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

.markdown-fullscreen .CodeMirror:focus, .markdown-fullscreen .CodeMirror:focus-within {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}

.markdown-fullscreen .markdown-preview {
  max-width: var(--max-width-page);
  padding: calc(var(--spacing) * 8);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  background-color: #0000;
  margin-inline: auto;
  position: relative;
}

.partial-fieldtype.form-group {
  margin: 0;
  padding: 0;
}

.partial-fieldtype > .field-inner {
  padding: 0;
}

.partial-fieldtype > .field-inner > label {
  display: none;
}

.editing-layout .partial-fieldtype.form-group {
  padding: 15px;
}

.editing-layout .partial-fieldtype.form-group > .field-inner > .publish-fields > .form-group {
  padding: 0;
}

.section-fieldtype {
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  padding: calc(var(--spacing) * 3);
  border-width: 1px;
}

.table-contained {
  margin-bottom: calc(var(--spacing) * 4);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  text-align: start;
  --tw-shadow: 0px 2px 3px -2px var(--tw-shadow-color, #00000026);
  width: 100%;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-outline-style: none;
  border-width: 1px;
  outline-style: none;
  position: relative;
}

@media (forced-colors: active) {
  .table-contained {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

.table-contained:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-700);
}

.table-contained:where([data-contrast="increased"] *) {
  border-color: var(--theme-color-gray-500);
}

.table-contained {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.table-contained thead th {
  top: calc(var(--spacing) * -2);
  border-bottom-style: var(--tw-border-style);
  background-color: var(--theme-color-gray-50);
  padding: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--theme-color-gray-900);
  border-bottom-width: 1px;
  overflow: hidden;
}

.table-contained thead th:not(:last-child) {
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 1px;
}

.table-contained thead th:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-800);
  border-bottom-color: var(--theme-color-gray-700);
  background-color: var(--theme-color-gray-925);
  color: var(--theme-color-gray-100);
}

.table-contained thead th:where([data-contrast="increased"] *) {
  border-color: var(--theme-color-gray-500);
}

.bard-fieldtype:has( > .bard-fixed-toolbar) .bard-content :is(.table-contained thead th) {
  top: calc(var(--spacing) * 8);
}

.table-contained thead th {
  text-align: left;
  z-index: var(--z-index-above);
  display: table-cell;
  position: sticky;
}

.table-contained thead th:first-child {
  border-start-start-radius: var(--radius-lg);
  padding-inline-start: calc(var(--spacing) * 3);
}

.table-contained thead th:last-child {
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 0;
  border-start-end-radius: var(--radius-lg);
}

.table-contained thead th.grid-drag-handle-header {
  width: calc(var(--spacing) * 3);
}

.table-contained thead th {
  margin-block-end: 8px;
}

.table-contained thead th + * {
  margin-block-start: -8px;
}

.table-contained:not(:has(th)) tbody tr:first-child td:first-child {
  border-top-left-radius: calc(var(--radius-lg) - 1px);
}

.table-contained:not(:has(th)) tbody tr:first-child td:last-child {
  border-top-right-radius: calc(var(--radius-lg) - 1px);
}

.table-contained tbody {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  .table-contained tbody {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

.table-contained tbody:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-900);
}

.table-contained tbody th {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--theme-color-gray-300);
  background-color: var(--theme-color-gray-50);
  padding: calc(var(--spacing) * 2);
  text-align: start;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--theme-color-gray-700);
  overflow: hidden;
}

.table-contained tbody th:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-700);
  background-color: var(--theme-color-gray-925);
  color: var(--theme-color-gray-100);
}

tr:first-child :is(.table-contained tbody th) {
  border-top-left-radius: var(--radius-lg);
}

tr:last-child :is(.table-contained tbody th) {
  border-bottom-left-radius: var(--radius-lg);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}

.table-contained tbody tr {
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  .table-contained tbody tr {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

.table-contained tbody tr:first-child td {
  overflow: hidden;
}

.table-contained tbody tr:last-child td {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
  overflow: hidden;
}

.table-contained tbody tr:last-child td:first-child {
  border-bottom-left-radius: calc(var(--radius-lg) - 1px);
}

.table-contained tbody tr:last-child td:last-child {
  border-bottom-right-radius: calc(var(--radius-lg) - 1px);
}

.table-contained tbody tr.draggable-source--is-dragging td {
  background-color: var(--theme-color-gray-100);
}

.table-contained tbody tr.draggable-source--is-dragging td:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-800);
}

.table-contained tbody td {
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 1px;
  border-bottom-style: var(--tw-border-style);
  padding: calc(var(--spacing) * 0);
  border-bottom-width: 1px;
}

.table-contained tbody td:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-700);
}

.table-contained tbody td:where([data-contrast="increased"] *) {
  border-color: var(--theme-color-gray-500);
}

.table-contained tbody td:first-child.grid-cell {
  padding-inline-start: calc(var(--spacing) * 4);
}

.table-contained tbody td:last-child {
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 0;
}

.table-contained tbody td.table-drag-handle {
  width: calc(var(--spacing) * 3);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 2);
}

.table-contained tbody td.table-drag-handle:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-850);
}

.table-contained tbody td.table-drag-handle:hover {
  background-color: var(--theme-color-gray-100);
}

.table-contained tbody td.table-drag-handle:hover:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-700);
}

.table-contained [data-ui-control] {
  appearance: none;
  border-style: var(--tw-border-style);
  width: 100%;
  max-width: 100%;
  padding: calc(var(--spacing) * 2);
  --tw-border-style: none;
  background-color: var(--color-white);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --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);
  border-style: none;
  border-width: 1px;
  border-radius: 0;
  display: block;
}

.table-contained [data-ui-control]:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-900);
}

.table-contained .row-controls {
  width: calc(var(--spacing) * 8);
  text-align: center;
  vertical-align: middle;
  padding-inline-start: calc(var(--spacing) * 0);
}

.table-contained .row-controls:focus-within {
  background-color: var(--theme-color-gray-100);
}

.table-contained .row-controls:focus-within:where(.dark, .dark *) {
  background-color: var(--theme-color-gray-700);
}

.table-contained .row-controls:focus-within button {
  --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);
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  .table-contained .row-controls:focus-within button {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}

td[data-column="size"] {
  white-space: nowrap;
}

.table-fullscreen {
  inset: calc(var(--spacing) * 0);
  background-color: var(--theme-color-gray-200);
  min-height: 100vh;
  z-index: var(--z-index-portal);
  border-radius: 0;
  position: fixed;
  overflow: scroll;
}

.field-width-selector {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 12);
  cursor: pointer;
  display: flex;
  position: relative;
}

.field-width-selector .field-width-label {
  pointer-events: none;
  inset: calc(var(--spacing) * 0);
  z-index: 10;
  text-align: center;
  width: 100%;
  font-size: var(--text-4xs);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--theme-color-gray-700);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.field-width-selector .field-width-label:where(.dark, .dark *) {
  color: var(--theme-color-gray-300);
}

.field-width-selector .field-width-notch {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--theme-color-gray-400);
  flex: 1;
  position: relative;
}

.field-width-selector .field-width-notch:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  border-left-style: var(--tw-border-style);
  border-left-width: 0;
}

.field-width-selector .field-width-notch:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  border-right-style: var(--tw-border-style);
  border-right-width: 0;
}

.field-width-selector .field-width-notch:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-600);
}

.field-width-selector .field-width-notch:first-of-type:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  border-top-left-radius: var(--radius-sm);
  border-bottom-left-radius: var(--radius-sm);
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}

.field-width-selector .field-width-notch:first-of-type:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  border-top-right-radius: var(--radius-sm);
  border-bottom-right-radius: var(--radius-sm);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}

.field-width-selector .field-width-notch.filled {
  border-color: var(--theme-color-gray-400);
  background-color: var(--color-white);
  margin-block: -1px;
}

.field-width-selector .field-width-notch.filled:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  border-right-style: var(--tw-border-style);
  border-right-width: 0;
  padding-right: 1px;
}

.field-width-selector .field-width-notch.filled:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  border-left-style: var(--tw-border-style);
  border-left-width: 0;
  padding-left: 1px;
}

.field-width-selector .field-width-notch.filled:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-600);
  background-color: var(--theme-color-gray-700);
}

.field-width-selector .field-width-notch.selected:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  border-top-right-radius: var(--radius-sm);
  border-bottom-right-radius: var(--radius-sm);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}

.field-width-selector .field-width-notch.selected:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  border-top-left-radius: var(--radius-sm);
  border-bottom-left-radius: var(--radius-sm);
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}

.width-fieldtype .field-width-selector {
  height: calc(var(--spacing) * 9);
  width: calc(var(--spacing) * 16);
  margin-top: 1px;
}

.width-fieldtype .field-width-selector .field-width-notch {
  border-block-color: var(--theme-color-gray-500);
  border-right-color: var(--theme-color-gray-400);
  background-color: var(--theme-color-gray-200);
}

.width-fieldtype .field-width-selector .field-width-notch:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-800);
  border-block-color: var(--theme-color-gray-800);
  background-color: var(--theme-color-gray-700);
}

.width-fieldtype .field-width-selector .field-width-notch:last-child {
  border-right-color: var(--theme-color-gray-500);
}

.width-fieldtype .field-width-selector .field-width-notch:last-child:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
  border-top-right-radius: var(--radius-sm);
  border-bottom-right-radius: var(--radius-sm);
}

.width-fieldtype .field-width-selector .field-width-notch:last-child:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  border-top-left-radius: var(--radius-sm);
  border-bottom-left-radius: var(--radius-sm);
}

.width-fieldtype .field-width-selector .field-width-notch:last-child:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-800);
}

.width-fieldtype .field-width-selector .field-width-notch.filled {
  border-color: var(--theme-color-gray-500);
  --tw-gradient-position: to bottom;
}

@supports (background-image: linear-gradient(in lab, red, red)) {
  .width-fieldtype .field-width-selector .field-width-notch.filled {
    --tw-gradient-position: to bottom in oklab;
  }
}

.width-fieldtype .field-width-selector .field-width-notch.filled {
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-white);
  --tw-gradient-to: var(--theme-color-gray-100);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.width-fieldtype .field-width-selector .field-width-notch.filled:where(.dark, .dark *) {
  border-color: var(--theme-color-gray-800);
  --tw-gradient-from: var(--theme-color-gray-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-to: var(--theme-color-gray-600);
}

.width-fieldtype .field-width-selector .field-width-label {
  font-size: var(--text-2xs);
}

.divide-y > :not(:has( ~ :not([style*="display: none"]))) {
  border-block-end: none;
}

[v-cloak], [x-cloak] {
  display: none;
}

.z-max {
  z-index: var(--z-index-max);
}

:root {
  --checkerboard-light: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v12H0zm12 12h12v12H12z' fill='%23f3f4f6'/%3E%3C/svg%3E");
  --checkerboard-dark: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v12H0zm12 12h12v12H12z' fill='%230a0a0a'/%3E%3C/svg%3E");
  --checkerboard-dark-color: #1c1c1e;
  --checkerboard-light-color: #fff;
}

@keyframes pulse-on-appearance {
  50% {
    opacity: .85;
    transform: scale(1.1);
  }

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

.dark input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px var(--color-gray-500);
  -webkit-text-fill-color: var(--color-gray-300);
}

:-webkit-any(.dark input:-webkit-autofill:focus, .dark input:-webkit-autofill:active) {
  -webkit-text-fill-color: var(--color-gray-200);
  -webkit-box-shadow: inset 0 0 0 50px var(--color-gray-500) !important;
}

:is(.dark input:autofill:focus, .dark input:autofill:active) {
  -webkit-text-fill-color: var(--color-gray-200);
  -webkit-box-shadow: inset 0 0 0 50px var(--color-gray-500) !important;
}

.popoverAnimation {
  --tw-duration: .1s;
  will-change: transform,opacity;
  transition-duration: .1s;
}

.popoverAnimation[data-state="closed"] {
  animation: var(--tw-duration, .15s) var(--tw-ease, ease) exit;
}

.popoverAnimation[data-state="open"] {
  animation: var(--tw-duration, .15s) var(--tw-ease, ease) enter;
}

.popoverAnimation[data-state="closed"] {
  --tw-exit-opacity: 0;
}

.popoverAnimation[data-state="open"] {
  --tw-enter-opacity: 0;
}

.popoverAnimation[data-state="closed"] {
  --tw-exit-scale: .95;
}

.popoverAnimation[data-state="open"] {
  --tw-enter-scale: .95;
}

.popoverAnimation[data-side="bottom"] {
  --tw-enter-translate-y: calc(.5rem * -1);
}

.popoverAnimation[data-side="left"] {
  --tw-enter-translate-x: .5rem;
}

.popoverAnimation[data-side="right"] {
  --tw-enter-translate-x: calc(.5rem * -1);
}

.popoverAnimation[data-side="top"] {
  --tw-enter-translate-y: .5rem;
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@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-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-contain-size {
  syntax: "*";
  inherits: false
}

@property --tw-contain-layout {
  syntax: "*";
  inherits: false
}

@property --tw-contain-paint {
  syntax: "*";
  inherits: false
}

@property --tw-contain-style {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

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

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes wiggle {
  0%, 100% {
    transform: rotate(-3deg);
  }

  50% {
    transform: rotate(3deg);
  }
}

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

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