/*! tailwindcss v4.0.8 | MIT License | https://tailwindcss.com */

@layer theme, base, components, utilities;

@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-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;

    --color-red-50: oklch(97.1% 0.013 17.38);

    --color-red-100: oklch(93.6% 0.032 17.717);

    --color-red-200: oklch(88.5% 0.062 18.334);

    --color-red-300: oklch(80.8% 0.114 19.571);

    --color-red-400: oklch(70.4% 0.191 22.216);

    --color-red-500: oklch(63.7% 0.237 25.331);

    --color-red-600: oklch(57.7% 0.245 27.325);

    --color-red-700: oklch(50.5% 0.213 27.518);

    --color-red-800: oklch(44.4% 0.177 26.899);

    --color-red-900: oklch(39.6% 0.141 25.723);

    --color-orange-50: oklch(98% 0.016 73.684);

    --color-orange-100: oklch(95.4% 0.038 75.164);

    --color-orange-300: oklch(83.7% 0.128 66.29);

    --color-orange-400: oklch(75% 0.183 55.934);

    --color-orange-500: oklch(70.5% 0.213 47.604);

    --color-orange-600: oklch(64.6% 0.222 41.116);

    --color-orange-700: oklch(55.3% 0.195 38.402);

    --color-orange-800: oklch(47% 0.157 37.304);

    --color-amber-50: oklch(98.7% 0.022 95.277);

    --color-amber-100: oklch(96.2% 0.059 95.617);

    --color-amber-500: oklch(76.9% 0.188 70.08);

    --color-amber-600: oklch(66.6% 0.179 58.318);

    --color-yellow-50: oklch(98.7% 0.026 102.212);

    --color-yellow-100: oklch(97.3% 0.071 103.193);

    --color-yellow-200: oklch(94.5% 0.129 101.54);

    --color-yellow-400: oklch(85.2% 0.199 91.936);

    --color-yellow-600: oklch(68.1% 0.162 75.834);

    --color-yellow-700: oklch(55.4% 0.135 66.442);

    --color-green-50: oklch(98.2% 0.018 155.826);

    --color-green-100: oklch(96.2% 0.044 156.743);

    --color-green-300: oklch(87.1% 0.15 154.449);

    --color-green-400: oklch(79.2% 0.209 151.711);

    --color-green-500: oklch(72.3% 0.219 149.579);

    --color-green-600: oklch(62.7% 0.194 149.214);

    --color-green-700: oklch(52.7% 0.154 150.069);

    --color-green-800: oklch(44.8% 0.119 151.328);

    --color-green-900: oklch(39.3% 0.095 152.535);

    --color-emerald-50: oklch(97.9% 0.021 166.113);

    --color-emerald-100: oklch(95% 0.052 163.051);

    --color-emerald-300: oklch(84.5% 0.143 164.978);

    --color-emerald-500: oklch(69.6% 0.17 162.48);

    --color-emerald-600: oklch(59.6% 0.145 163.225);

    --color-emerald-700: oklch(50.8% 0.118 165.612);

    --color-emerald-800: oklch(43.2% 0.095 166.913);

    --color-teal-300: oklch(85.5% 0.138 181.071);

    --color-teal-600: oklch(60% 0.118 184.704);

    --color-sky-50: oklch(97.7% 0.013 236.62);

    --color-sky-100: oklch(95.1% 0.026 236.824);

    --color-sky-400: oklch(74.6% 0.16 232.661);

    --color-sky-500: oklch(68.5% 0.169 237.323);

    --color-sky-600: oklch(58.8% 0.158 241.966);

    --color-sky-700: oklch(50% 0.134 242.749);

    --color-sky-800: oklch(44.3% 0.11 240.79);

    --color-blue-600: oklch(54.6% 0.245 262.881);

    --color-indigo-500: oklch(58.5% 0.233 277.117);

    --color-violet-600: oklch(54.1% 0.281 293.009);

    --color-purple-400: oklch(71.4% 0.203 305.504);

    --color-purple-600: oklch(55.8% 0.288 302.321);

    --color-purple-800: oklch(43.8% 0.218 303.724);

    --color-rose-400: oklch(71.2% 0.194 13.428);

    --color-rose-600: oklch(58.6% 0.253 17.585);

    --color-rose-800: oklch(45.5% 0.188 13.697);

    --color-slate-100: oklch(96.8% 0.007 247.896);

    --color-slate-400: oklch(70.4% 0.04 256.788);

    --color-slate-600: oklch(44.6% 0.043 257.281);

    --color-slate-900: oklch(20.8% 0.042 265.755);

    --color-gray-50: oklch(98.5% 0.002 247.839);

    --color-gray-100: oklch(96.7% 0.003 264.542);

    --color-gray-200: oklch(92.8% 0.006 264.531);

    --color-gray-300: oklch(87.2% 0.01 258.338);

    --color-gray-400: oklch(70.7% 0.022 261.325);

    --color-gray-500: oklch(55.1% 0.027 264.364);

    --color-gray-600: oklch(44.6% 0.03 256.802);

    --color-gray-700: oklch(37.3% 0.034 259.733);

    --color-gray-800: oklch(27.8% 0.033 256.848);

    --color-gray-900: oklch(21% 0.034 264.665);

    --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-700: oklch(37.1% 0 0);

    --color-neutral-800: oklch(26.9% 0 0);

    --color-neutral-900: oklch(20.5% 0 0);

    --color-stone-600: oklch(44.4% 0.011 73.639);

    --color-stone-700: oklch(37.4% 0.01 67.558);

    --color-stone-800: oklch(26.8% 0.007 34.298);

    --color-stone-900: oklch(21.6% 0.006 56.043);

    --color-black: #000;

    --color-white: #fff;

    --spacing: 0.25rem;

    --breakpoint-lg: 64rem;

    --breakpoint-xl: 80rem;

    --container-lg: 32rem;

    --container-2xl: 42rem;

    --container-4xl: 56rem;

    --text-xs: 0.75rem;

    --text-xs--line-height: calc(1 / 0.75);

    --text-sm: 0.875rem;

    --text-sm--line-height: calc(1.25 / 0.875);

    --text-base: 1rem;

    --text-base--line-height: calc(1.5 / 1);

    --text-lg: 1.125rem;

    --text-lg--line-height: calc(1.75 / 1.125);

    --text-xl: 1.25rem;

    --text-xl--line-height: calc(1.75 / 1.25);

    --text-2xl: 1.5rem;

    --text-2xl--line-height: calc(2 / 1.5);

    --text-3xl: 1.875rem;

    --text-3xl--line-height: calc(2.25 / 1.875);

    --text-5xl: 3rem;

    --text-5xl--line-height: 1;

    --font-weight-normal: 400;

    --font-weight-medium: 500;

    --font-weight-semibold: 600;

    --font-weight-bold: 700;

    --tracking-tight: -0.025em;

    --leading-normal: 1.5;

    --radius-xs: 0.125rem;

    --radius-sm: 0.25rem;

    --radius-md: 0.375rem;

    --radius-lg: 0.5rem;

    --radius-xl: 0.75rem;

    --ease-in: cubic-bezier(0.4, 0, 1, 1);

    --ease-out: cubic-bezier(0, 0, 0.2, 1);

    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

    --animate-spin: spin 1s linear infinite;

    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;

    --default-transition-duration: 150ms;

    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    --color-nord-13: #EBCB8B;

    --color-nord-14: #A3BE8C;

    --color-mojo-blue-light: #354B67;

    --color-mojo-blue-800: #172d49;

    --color-mojo-blue-900: #0d233f;

    --color-mojo-blue-dark: #16345a;

    --color-mojo-gold-400: #ffc329;

    --color-mojo-gold-700: #e8a50b;

    --color-mojo-gold-900: #d49100;

    --color-mojo-gold-light: #fcb91f;

    --color-mojo-gold-dark: #a97602;
  }
}

@layer base {

  *, ::after, ::before, ::backdrop, ::file-selector-button {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    border: 0 solid;
  }

  html, :host {

    line-height: 1.5;

    -webkit-text-size-adjust: 100%;

    tab-size: 4;

    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    font-feature-settings: initial;

    font-variation-settings: initial;

    -webkit-tap-highlight-color: transparent;
  }

  hr {

    height: 0;

    color: inherit;

    border-top-width: 1px;
  }

  abbr:where([title]) {

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {

    font-size: inherit;

    font-weight: inherit;
  }

  a {

    color: inherit;

    -webkit-text-decoration: inherit;

    text-decoration: inherit;
  }

  b, strong {

    font-weight: bolder;
  }

  code, kbd, samp, pre {

    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;

    font-feature-settings: initial;

    font-variation-settings: initial;

    font-size: 1em;
  }

  small {

    font-size: 80%;
  }

  sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;
  }

  sub {

    bottom: -0.25em;
  }

  sup {

    top: -0.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 {

    display: block;

    vertical-align: middle;
  }

  img, video {

    max-width: 100%;

    height: auto;
  }

  button, input, select, optgroup, textarea, ::file-selector-button {

    font: inherit;

    font-feature-settings: inherit;

    font-variation-settings: inherit;

    letter-spacing: inherit;

    color: inherit;

    border-radius: 0;

    background-color: transparent;

    opacity: 1;
  }

  :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: 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {

    padding-block: 0;
  }

  :-moz-ui-invalid {

    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {

    appearance: button;
  }

  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {

    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {

    display: none !important;
  }
}

@layer utilities {

  .diff {

    position: relative;

    display: grid;

    width: 100%;

    overflow: hidden;

    webkit-user-select: none;

    user-select: none;

    direction: ltr;

    container-type: inline-size;

    grid-template-columns: auto 1fr;

    &:focus-visible, &:has(.diff-item-1:focus-visible) {

      outline-style: var(--tw-outline-style);

      outline-width: 2px;

      outline-offset: 1px;

      outline-color: var(--color-base-content);
    }

    &:focus-visible {

      outline-style: var(--tw-outline-style);

      outline-width: 2px;

      outline-offset: 1px;

      outline-color: var(--color-base-content);

      .diff-resizer {

        min-width: 90cqi;

        max-width: 90cqi;
      }
    }

    &:has(.diff-item-2:focus-visible) {

      outline-style: var(--tw-outline-style);

      outline-width: 2px;

      outline-offset: 1px;

      .diff-resizer {

        min-width: 10cqi;

        max-width: 10cqi;
      }
    }

    @supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x) {

      &:focus {

        .diff-resizer {

          min-width: 10cqi;

          max-width: 10cqi;
        }
      }

      &:has(.diff-item-1:focus) {

        .diff-resizer {

          min-width: 90cqi;

          max-width: 90cqi;
        }
      }
    }
  }

  .\@container {

    container-type: inline-size;
  }

  .modal {

    pointer-events: none;

    visibility: hidden;

    position: fixed;

    inset: calc(0.25rem * 0);

    margin: calc(0.25rem * 0);

    display: grid;

    height: 100%;

    max-height: none;

    width: 100%;

    max-width: none;

    align-items: center;

    justify-items: center;

    background-color: transparent;

    padding: calc(0.25rem * 0);

    color: inherit;

    overflow-x: hidden;

    transition: translate 0.3s ease-out, visibility 0.3s allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out;

    overflow-y: hidden;

    overscroll-behavior: contain;

    z-index: 999;

    &::backdrop {

      display: none;
    }

    &.modal-open, &[open], &:target {

      pointer-events: auto;

      visibility: visible;

      opacity: 100%;

      background-color: oklch(0% 0 0/ 0.4);

      .modal-box {

        translate: 0 0;

        scale: 1;

        opacity: 1;
      }
    }

    @starting-style {

      &.modal-open, &[open], &:target {

        visibility: hidden;

        opacity: 0%;
      }
    }
  }

  .tooltip {

    position: relative;

    display: inline-block;

    --tt-bg: var(--color-neutral);

    --tt-off: calc(100% + 0.5rem);

    --tt-tail: calc(100% + 1px + 0.25rem);

    > :where(.tooltip-content), &:where([data-tip]):before {

      position: absolute;

      max-width: 20rem;

      border-radius: var(--radius-field);

      padding-inline: calc(0.25rem * 2);

      padding-block: calc(0.25rem * 1);

      text-align: center;

      white-space: normal;

      color: var(--color-neutral-content);

      opacity: 0%;

      font-size: 0.875rem;

      line-height: 1.25;

      transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;

      background-color: var(--tt-bg);

      width: max-content;

      pointer-events: none;

      z-index: 1;

      --tw-content: attr(data-tip);

      content: var(--tw-content);
    }

    &:after {

      position: absolute;

      position: absolute;

      opacity: 0%;

      background-color: var(--tt-bg);

      transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;

      content: "";

      pointer-events: none;

      width: 0.625rem;

      height: 0.25rem;

      display: block;

      mask-repeat: no-repeat;

      mask-position: -1px 0;

      --mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");

      mask-image: var(--mask-tooltip);
    }

    &.tooltip-open, &[data-tip]:not([data-tip=""]):hover, &:not(:has(.tooltip-content:empty)):has(.tooltip-content):hover, &:has(:focus-visible) {

      > .tooltip-content, &[data-tip]:before, &:after {

        opacity: 100%;

        --tt-pos: 0rem;

        transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0ms;
      }
    }

    > .tooltip-content, &[data-tip]:before {

      transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));

      inset: auto auto var(--tt-off) 50%;
    }

    &:after {

      transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));

      inset: auto auto var(--tt-tail) 50%;
    }
  }

  .tab {

    position: relative;

    display: inline-flex;

    cursor: pointer;

    appearance: none;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    text-align: center;

    webkit-user-select: none;

    user-select: none;

    &:hover {

      @media (hover: hover) {

        color: var(--color-base-content);
      }
    }

    --tab-p: 1rem;

    --tab-bg: var(--color-base-100);

    --tab-border-color: var(--color-base-300);

    --tab-radius-ss: 0;

    --tab-radius-se: 0;

    --tab-radius-es: 0;

    --tab-radius-ee: 0;

    --tab-order: 0;

    --tab-radius-min: calc(0.75rem - var(--border));

    border-color: #0000;

    order: var(--tab-order);

    height: calc(var(--size-field, 0.25rem) * 10);

    font-size: 0.875rem;

    padding-inline-start: var(--tab-p);

    padding-inline-end: var(--tab-p);

    &:is(input[type="radio"]) {

      min-width: fit-content;

      &:after {

        content: attr(aria-label);
      }
    }

    &:is(label) {

      position: relative;

      input {

        position: absolute;

        inset: calc(0.25rem * 0);

        cursor: pointer;

        appearance: none;

        opacity: 0%;
      }
    }

    &:checked, &:is(label:has(:checked)), &:is(.tab-active, [aria-selected="true"]) {

      & + .tab-content {

        display: block;

        height: 100%;
      }
    }

    &:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"]) {

      color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
    }

    &:not(input):empty {

      flex-grow: 1;

      cursor: default;
    }

    &:focus {

      --tw-outline-style: none;

      outline-style: none;

      @media (forced-colors: active) {

        outline: 2px solid transparent;

        outline-offset: 2px;
      }
    }

    &:focus-visible, &:is(label:has(:checked:focus-visible)) {

      outline: 2px solid currentColor;

      outline-offset: -5px;
    }

    &[disabled] {

      pointer-events: none;

      opacity: 40%;
    }
  }

  .menu {

    display: flex;

    width: fit-content;

    flex-direction: column;

    flex-wrap: wrap;

    padding: calc(0.25rem * 2);

    --menu-active-fg: var(--color-neutral-content);

    --menu-active-bg: var(--color-neutral);

    font-size: 0.875rem;

    :where(li ul) {

      position: relative;

      margin-inline-start: calc(0.25rem * 4);

      padding-inline-start: calc(0.25rem * 2);

      white-space: nowrap;

      &:before {

        position: absolute;

        inset-inline-start: calc(0.25rem * 0);

        top: calc(0.25rem * 3);

        bottom: calc(0.25rem * 3);

        background-color: var(--color-base-content);

        opacity: 10%;

        width: var(--border);

        content: "";
      }
    }

    :where(li > .menu-dropdown:not(.menu-dropdown-show)) {

      display: none;
    }

    :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), :where(li:not(.menu-title) > details > summary:not(.menu-title)) {

      display: grid;

      grid-auto-flow: column;

      align-content: flex-start;

      align-items: center;

      gap: calc(0.25rem * 2);

      border-radius: var(--radius-field);

      padding-inline: calc(0.25rem * 3);

      padding-block: calc(0.25rem * 1.5);

      text-align: start;

      transition-property: color, background-color, box-shadow;

      transition-duration: 0.2s;

      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

      grid-auto-columns: minmax(auto, max-content) auto max-content;

      text-wrap: balance;

      user-select: none;
    }

    :where(li > details > summary) {

      --tw-outline-style: none;

      outline-style: none;

      @media (forced-colors: active) {

        outline: 2px solid transparent;

        outline-offset: 2px;
      }

      &::-webkit-details-marker {

        display: none;
      }
    }

    :where(li > details > summary), :where(li > .menu-dropdown-toggle) {

      &:after {

        justify-self: flex-end;

        display: block;

        height: 0.375rem;

        width: 0.375rem;

        rotate: -135deg;

        translate: 0 -1px;

        transition-property: rotate, translate;

        transition-duration: 0.2s;

        content: "";

        transform-origin: 50% 50%;

        box-shadow: 2px 2px inset;

        pointer-events: none;
      }
    }

    :where(li > details[open] > summary):after, :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {

      rotate: 45deg;

      translate: 0 1px;
    }

    :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn) {

      &.menu-focus, &:focus-visible {

        cursor: pointer;

        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);

        color: var(--color-base-content);

        --tw-outline-style: none;

        outline-style: none;

        @media (forced-colors: active) {

          outline: 2px solid transparent;

          outline-offset: 2px;
        }
      }
    }

    :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover ) {

      cursor: pointer;

      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);

      --tw-outline-style: none;

      outline-style: none;

      @media (forced-colors: active) {

        outline: 2px solid transparent;

        outline-offset: 2px;
      }

      box-shadow: 0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset;
    }

    :where(li:empty) {

      background-color: var(--color-base-content);

      opacity: 10%;

      margin: 0.5rem 1rem;

      height: 1px;
    }

    :where(li) {

      position: relative;

      display: flex;

      flex-shrink: 0;

      flex-direction: column;

      flex-wrap: wrap;

      align-items: stretch;

      .badge {

        justify-self: flex-end;
      }

      & > *:not(ul, .menu-title, details, .btn):active, & > *:not(ul, .menu-title, details, .btn).menu-active, & > details > summary:active {

        --tw-outline-style: none;

        outline-style: none;

        @media (forced-colors: active) {

          outline: 2px solid transparent;

          outline-offset: 2px;
        }

        color: var(--menu-active-fg);

        background-color: var(--menu-active-bg);

        background-size: auto, calc(var(--noise) * 100%);

        background-image: none, var(--fx-noise);

        &:not(&:active) {

          box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);
        }
      }

      &.menu-disabled {

        pointer-events: none;

        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .dropdown:focus-within {

      .menu-dropdown-toggle:after {

        rotate: 45deg;

        translate: 0 1px;
      }
    }

    .dropdown-content {

      margin-top: calc(0.25rem * 2);

      padding: calc(0.25rem * 2);

      &:before {

        display: none;
      }
    }
  }

  .\!dropdown {

    position: relative !important;

    display: inline-block !important;

    position-area: var(--anchor-v, bottom) var(--anchor-h, span-right) !important;

    & > *:not(summary):focus {

      --tw-outline-style: none;

      outline-style: none !important;

      @media (forced-colors: active) {

        outline: 2px solid transparent !important;

        outline-offset: 2px !important;
      }
    }

    .dropdown-content {

      position: absolute !important;
    }

    &:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) {

      .dropdown-content {

        display: none !important;

        transform-origin: top !important;

        opacity: 0% !important;

        scale: 95% !important;
      }
    }

    &[popover], .dropdown-content {

      z-index: 999;

      animation: dropdown 0.2s !important;

      transition-property: opacity, scale, display !important;

      transition-behavior: allow-discrete !important;

      transition-duration: 0.2s !important;

      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    }

    @starting-style {

      &[popover], .dropdown-content {

        scale: 95% !important;

        opacity: 0 !important;
      }
    }

    &.dropdown-open, &:not(.dropdown-hover):focus, &:focus-within {

      > [tabindex]:first-child {

        pointer-events: none !important;
      }

      .dropdown-content {

        opacity: 100% !important;
      }
    }

    &.dropdown-hover:hover {

      .dropdown-content {

        opacity: 100% !important;

        scale: 100% !important;
      }
    }

    &:is(details) {

      summary {

        &::-webkit-details-marker {

          display: none !important;
        }
      }
    }

    &.dropdown-open, &:focus, &:focus-within {

      .dropdown-content {

        scale: 100% !important;
      }
    }

    &:where([popover]) {

      background: #0000 !important;
    }

    &[popover] {

      position: fixed !important;

      color: inherit !important;

      @supports not (position-area: bottom) {

        margin: auto !important;

        &.dropdown-open:not(:popover-open) {

          display: none !important;

          transform-origin: top !important;

          opacity: 0% !important;

          scale: 95% !important;
        }

        &::backdrop {

          background-color: color-mix(in oklab, #000 30%, #0000) !important;
        }
      }

      &:not(.dropdown-open, :popover-open) {

        display: none !important;

        transform-origin: top !important;

        opacity: 0% !important;

        scale: 95% !important;
      }
    }
  }

  .dropdown {

    position: relative;

    display: inline-block;

    position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);

    & > *:not(summary):focus {

      --tw-outline-style: none;

      outline-style: none;

      @media (forced-colors: active) {

        outline: 2px solid transparent;

        outline-offset: 2px;
      }
    }

    .dropdown-content {

      position: absolute;
    }

    &:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) {

      .dropdown-content {

        display: none;

        transform-origin: top;

        opacity: 0%;

        scale: 95%;
      }
    }

    &[popover], .dropdown-content {

      z-index: 999;

      animation: dropdown 0.2s;

      transition-property: opacity, scale, display;

      transition-behavior: allow-discrete;

      transition-duration: 0.2s;

      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

    @starting-style {

      &[popover], .dropdown-content {

        scale: 95%;

        opacity: 0;
      }
    }

    &.dropdown-open, &:not(.dropdown-hover):focus, &:focus-within {

      > [tabindex]:first-child {

        pointer-events: none;
      }

      .dropdown-content {

        opacity: 100%;
      }
    }

    &.dropdown-hover:hover {

      .dropdown-content {

        opacity: 100%;

        scale: 100%;
      }
    }

    &:is(details) {

      summary {

        &::-webkit-details-marker {

          display: none;
        }
      }
    }

    &.dropdown-open, &:focus, &:focus-within {

      .dropdown-content {

        scale: 100%;
      }
    }

    &:where([popover]) {

      background: #0000;
    }

    &[popover] {

      position: fixed;

      color: inherit;

      @supports not (position-area: bottom) {

        margin: auto;

        &.dropdown-open:not(:popover-open) {

          display: none;

          transform-origin: top;

          opacity: 0%;

          scale: 95%;
        }

        &::backdrop {

          background-color: color-mix(in oklab, #000 30%, #0000);
        }
      }

      &:not(.dropdown-open, :popover-open) {

        display: none;

        transform-origin: top;

        opacity: 0%;

        scale: 95%;
      }
    }
  }

  .btn {

    :where(&) {

      width: unset;
    }

    display: inline-flex;

    flex-shrink: 0;

    cursor: pointer;

    flex-wrap: nowrap;

    align-items: center;

    justify-content: center;

    gap: calc(0.25rem * 1.5);

    text-align: center;

    vertical-align: middle;

    outline-offset: 2px;

    webkit-user-select: none;

    user-select: none;

    padding-inline: var(--btn-p);

    color: var(--btn-fg);

    --tw-prose-links: var(--btn-fg);

    height: var(--size);

    font-size: var(--fontsize, 0.875rem);

    font-weight: 600;

    outline-color: var(--btn-color, var(--color-base-content));

    transition-property: color, background-color, border-color, box-shadow;

    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

    transition-duration: 0.2s;

    border-start-start-radius: var(--join-ss, var(--radius-field));

    border-start-end-radius: var(--join-se, var(--radius-field));

    border-end-start-radius: var(--join-es, var(--radius-field));

    border-end-end-radius: var(--join-ee, var(--radius-field));

    background-color: var(--btn-bg);

    background-size: auto, calc(var(--noise) * 100%);

    background-image: none, var(--btn-noise);

    border-width: var(--border);

    border-style: solid;

    border-color: var(--btn-border);

    text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));

    touch-action: manipulation;

    box-shadow: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow);

    --size: calc(var(--size-field, 0.25rem) * 10);

    --btn-bg: var(--btn-color, var(--color-base-200));

    --btn-fg: var(--color-base-content);

    --btn-p: 1rem;

    --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));

    --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),
    0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);

    --btn-noise: var(--fx-noise);

    .prose & {

      text-decoration-line: none;
    }

    @media (hover: hover) {

      &:hover {

        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
      }
    }

    &:focus-visible {

      outline-width: 2px;

      outline-style: solid;

      isolation: isolate;
    }

    &:active:not(.btn-active) {

      translate: 0 0.5px;

      --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);

      --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);

      --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);
    }

    &:is(:disabled, [disabled], .btn-disabled) {

      &:not(.btn-link, .btn-ghost) {

        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);

        box-shadow: none;
      }

      pointer-events: none;

      --btn-border: #0000;

      --btn-noise: none;

      --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);

      @media (hover: hover) {

        &:hover {

          pointer-events: none;

          background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent);

          --btn-border: #0000;

          --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
        }
      }
    }

    &:is(input[type="checkbox"], input[type="radio"]) {

      appearance: none;

      &::after {

        content: attr(aria-label);
      }
    }

    &:where(input:checked:not(.filter .btn)) {

      --btn-color: var(--color-primary);

      --btn-fg: var(--color-primary-content);

      isolation: isolate;
    }
  }

  .loading {

    pointer-events: none;

    display: inline-block;

    aspect-ratio: 1 / 1;

    background-color: currentColor;

    vertical-align: middle;

    width: calc(var(--size-selector, 0.25rem) * 6);

    mask-size: 100%;

    mask-repeat: no-repeat;

    mask-position: center;

    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  }

  .pointer-events-none {

    pointer-events: none;
  }

  .empty-space {

    &:after {

      content: '.';

      visibility: hidden;
    }
  }

  .invisible {

    visibility: hidden;
  }

  .visible {

    visibility: visible;
  }

  .visible\! {

    visibility: visible !important;
  }

  .\!list {

    display: flex !important;

    flex-direction: column !important;

    font-size: 0.875rem !important;

    :where(.list-row) {

      --list-grid-cols: minmax(0, auto) 1fr;

      position: relative !important;

      display: grid !important;

      grid-auto-flow: column !important;

      gap: calc(0.25rem * 4) !important;

      border-radius: var(--radius-box) !important;

      padding: calc(0.25rem * 4) !important;

      word-break: break-word !important;

      grid-template-columns: var(--list-grid-cols) !important;

      &:has(.list-col-grow):nth-child(1) {

        --list-grid-cols: 1fr;
      }

      &:has(.list-col-grow):nth-child(2) {

        --list-grid-cols: minmax(0, auto) 1fr;
      }

      &:has(.list-col-grow):nth-child(3) {

        --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;
      }

      &:has(.list-col-grow):nth-child(4) {

        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
      }

      &:has(.list-col-grow):nth-child(5) {

        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
      }

      &:has(.list-col-grow):nth-child(6) {

        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto)
        minmax(0, auto) 1fr;
      }

      :not(.list-col-wrap) {

        grid-row-start: 1 !important;
      }
    }

    & > :not(:last-child) {

      &.list-row, .list-row {

        &:after {

          content: "" !important;

          border-bottom: var(--border) solid !important;

          inset-inline: var(--radius-box) !important;

          position: absolute !important;

          bottom: calc(0.25rem * 0) !important;

          border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent) !important;
        }
      }
    }
  }

  .list {

    display: flex;

    flex-direction: column;

    font-size: 0.875rem;

    :where(.list-row) {

      --list-grid-cols: minmax(0, auto) 1fr;

      position: relative;

      display: grid;

      grid-auto-flow: column;

      gap: calc(0.25rem * 4);

      border-radius: var(--radius-box);

      padding: calc(0.25rem * 4);

      word-break: break-word;

      grid-template-columns: var(--list-grid-cols);

      &:has(.list-col-grow):nth-child(1) {

        --list-grid-cols: 1fr;
      }

      &:has(.list-col-grow):nth-child(2) {

        --list-grid-cols: minmax(0, auto) 1fr;
      }

      &:has(.list-col-grow):nth-child(3) {

        --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;
      }

      &:has(.list-col-grow):nth-child(4) {

        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
      }

      &:has(.list-col-grow):nth-child(5) {

        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
      }

      &:has(.list-col-grow):nth-child(6) {

        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto)
        minmax(0, auto) 1fr;
      }

      :not(.list-col-wrap) {

        grid-row-start: 1;
      }
    }

    & > :not(:last-child) {

      &.list-row, .list-row {

        &:after {

          content: "";

          border-bottom: var(--border) solid;

          inset-inline: var(--radius-box);

          position: absolute;

          bottom: calc(0.25rem * 0);

          border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
        }
      }
    }
  }

  .\!toggle {

    border: var(--border) solid currentColor !important;

    color: var(--input-color) !important;

    position: relative !important;

    display: inline-grid !important;

    flex-shrink: 0 !important;

    cursor: pointer !important;

    appearance: none !important;

    place-content: center !important;

    vertical-align: middle !important;

    webkit-user-select: none !important;

    user-select: none !important;

    grid-template-columns: 0fr 1fr 1fr !important;

    --radius-selector-max: calc(
    var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
  );

    border-radius: calc( var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)) ) !important;

    padding: var(--toggle-p) !important;

    box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset !important;

    transition: color 0.3s, grid-template-columns 0.2s !important;

    --input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000);

    --toggle-p: calc(var(--size) * 0.125);

    --size: calc(var(--size-selector, 0.25rem) * 6);

    width: calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2) !important;

    height: var(--size) !important;

    > * {

      z-index: 1;

      grid-column: span 1 / span 1 !important;

      grid-column-start: 2 !important;

      grid-row-start: 1 !important;

      height: 100% !important;

      cursor: pointer !important;

      appearance: none !important;

      background-color: transparent !important;

      padding: calc(0.25rem * 0.5) !important;

      transition: opacity 0.2s, rotate 0.4s !important;

      border: none !important;

      &:focus {

        --tw-outline-style: none;

        outline-style: none !important;

        @media (forced-colors: active) {

          outline: 2px solid transparent !important;

          outline-offset: 2px !important;
        }
      }

      &:nth-child(2) {

        color: var(--color-base-100) !important;

        rotate: 0deg !important;
      }

      &:nth-child(3) {

        color: var(--color-base-100) !important;

        opacity: 0% !important;

        rotate: -15deg !important;
      }
    }

    &:has(:checked) {

      > :nth-child(2) {

        opacity: 0% !important;

        rotate: 15deg !important;
      }

      > :nth-child(3) {

        opacity: 100% !important;

        rotate: 0deg !important;
      }
    }

    &:before {

      position: relative !important;

      inset-inline-start: calc(0.25rem * 0) !important;

      grid-column-start: 2 !important;

      grid-row-start: 1 !important;

      aspect-ratio: 1 / 1 !important;

      height: 100% !important;

      border-radius: var(--radius-selector) !important;

      background-color: currentColor !important;

      translate: 0 !important;

      --tw-content: "";

      content: var(--tw-content) !important;

      transition: background-color 0.1s, translate 0.2s, inset-inline-start 0.2s !important;

      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) !important;

      background-size: auto, calc(var(--noise) * 100%) !important;

      background-image: none, var(--fx-noise) !important;
    }

    @media (forced-colors: active) {

      &:before {

        outline-style: var(--tw-outline-style) !important;

        outline-width: 1px !important;

        outline-offset: calc(1px * -1) !important;
      }
    }

    @media print {

      &:before {

        outline: 0.25rem solid !important;

        outline-offset: -1rem !important;
      }
    }

    &:focus-visible, &:has(:focus-visible) {

      outline: 2px solid currentColor !important;

      outline-offset: 2px !important;
    }

    &:checked, &[aria-checked="true"], &:has(> input:checked) {

      grid-template-columns: 1fr 1fr 0fr !important;

      background-color: var(--color-base-100) !important;

      --input-color: var(--color-base-content);

      &:before {

        background-color: currentColor !important;
      }

      @starting-style {

        &:before {

          opacity: 0 !important;
        }
      }
    }

    &:indeterminate {

      grid-template-columns: 0.5fr 1fr 0.5fr !important;
    }

    &:disabled {

      cursor: not-allowed !important;

      opacity: 30% !important;

      &:before {

        background-color: transparent !important;

        border: var(--border) solid currentColor !important;
      }
    }
  }

  .toggle {

    border: var(--border) solid currentColor;

    color: var(--input-color);

    position: relative;

    display: inline-grid;

    flex-shrink: 0;

    cursor: pointer;

    appearance: none;

    place-content: center;

    vertical-align: middle;

    webkit-user-select: none;

    user-select: none;

    grid-template-columns: 0fr 1fr 1fr;

    --radius-selector-max: calc(
    var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
  );

    border-radius: calc( var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)) );

    padding: var(--toggle-p);

    box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;

    transition: color 0.3s, grid-template-columns 0.2s;

    --input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000);

    --toggle-p: calc(var(--size) * 0.125);

    --size: calc(var(--size-selector, 0.25rem) * 6);

    width: calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);

    height: var(--size);

    > * {

      z-index: 1;

      grid-column: span 1 / span 1;

      grid-column-start: 2;

      grid-row-start: 1;

      height: 100%;

      cursor: pointer;

      appearance: none;

      background-color: transparent;

      padding: calc(0.25rem * 0.5);

      transition: opacity 0.2s, rotate 0.4s;

      border: none;

      &:focus {

        --tw-outline-style: none;

        outline-style: none;

        @media (forced-colors: active) {

          outline: 2px solid transparent;

          outline-offset: 2px;
        }
      }

      &:nth-child(2) {

        color: var(--color-base-100);

        rotate: 0deg;
      }

      &:nth-child(3) {

        color: var(--color-base-100);

        opacity: 0%;

        rotate: -15deg;
      }
    }

    &:has(:checked) {

      > :nth-child(2) {

        opacity: 0%;

        rotate: 15deg;
      }

      > :nth-child(3) {

        opacity: 100%;

        rotate: 0deg;
      }
    }

    &:before {

      position: relative;

      inset-inline-start: calc(0.25rem * 0);

      grid-column-start: 2;

      grid-row-start: 1;

      aspect-ratio: 1 / 1;

      height: 100%;

      border-radius: var(--radius-selector);

      background-color: currentColor;

      translate: 0;

      --tw-content: "";

      content: var(--tw-content);

      transition: background-color 0.1s, translate 0.2s, inset-inline-start 0.2s;

      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);

      background-size: auto, calc(var(--noise) * 100%);

      background-image: none, var(--fx-noise);
    }

    @media (forced-colors: active) {

      &:before {

        outline-style: var(--tw-outline-style);

        outline-width: 1px;

        outline-offset: calc(1px * -1);
      }
    }

    @media print {

      &:before {

        outline: 0.25rem solid;

        outline-offset: -1rem;
      }
    }

    &:focus-visible, &:has(:focus-visible) {

      outline: 2px solid currentColor;

      outline-offset: 2px;
    }

    &:checked, &[aria-checked="true"], &:has(> input:checked) {

      grid-template-columns: 1fr 1fr 0fr;

      background-color: var(--color-base-100);

      --input-color: var(--color-base-content);

      &:before {

        background-color: currentColor;
      }

      @starting-style {

        &:before {

          opacity: 0;
        }
      }
    }

    &:indeterminate {

      grid-template-columns: 0.5fr 1fr 0.5fr;
    }

    &:disabled {

      cursor: not-allowed;

      opacity: 30%;

      &:before {

        background-color: transparent;

        border: var(--border) solid currentColor;
      }
    }
  }

  .\!input {

    cursor: text !important;

    border: var(--border) solid #0000 !important;

    position: relative !important;

    display: inline-flex !important;

    flex-shrink: 1 !important;

    appearance: none !important;

    align-items: center !important;

    gap: calc(0.25rem * 2) !important;

    background-color: var(--color-base-100) !important;

    padding-inline: calc(0.25rem * 3) !important;

    vertical-align: middle !important;

    white-space: nowrap !important;

    width: clamp(3rem, 20rem, 100%) !important;

    height: var(--size) !important;

    font-size: 0.875rem !important;

    border-start-start-radius: var(--join-ss, var(--radius-field)) !important;

    border-start-end-radius: var(--join-se, var(--radius-field)) !important;

    border-end-start-radius: var(--join-es, var(--radius-field)) !important;

    border-end-end-radius: var(--join-ee, var(--radius-field)) !important;

    border-color: var(--input-color) !important;

    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset !important;

    --size: calc(var(--size-field, 0.25rem) * 10);

    --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);

    &:where(input) {

      display: inline-flex !important;
    }

    :where(input) {

      display: inline-flex !important;

      height: 100% !important;

      width: 100% !important;

      appearance: none !important;

      background-color: transparent !important;

      border: none !important;

      &:focus, &:focus-within {

        --tw-outline-style: none;

        outline-style: none !important;

        @media (forced-colors: active) {

          outline: 2px solid transparent !important;

          outline-offset: 2px !important;
        }
      }
    }

    :where(input[type="date"]) {

      display: inline-block !important;
    }

    &:focus, &:focus-within {

      --input-color: var(--color-base-content);

      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) !important;

      outline: 2px solid var(--input-color) !important;

      outline-offset: 2px !important;

      isolation: isolate !important;

      z-index: 1;
    }

    &:has(> input[disabled]), &:is(:disabled, [disabled]) {

      cursor: not-allowed !important;

      border-color: var(--color-base-200) !important;

      background-color: var(--color-base-200) !important;

      color: color-mix(in oklab, var(--color-base-content) 40%, transparent) !important;

      &::placeholder {

        color: color-mix(in oklab, var(--color-base-content) 20%, transparent) !important;
      }

      box-shadow: none !important;
    }

    &:has(> input[disabled]) > input[disabled] {

      cursor: not-allowed !important;
    }

    &::-webkit-date-and-time-value {

      text-align: inherit !important;
    }

    &[type="number"] {

      &::-webkit-inner-spin-button {

        margin-block: calc(0.25rem * -3) !important;

        margin-inline-end: calc(0.25rem * -3) !important;
      }
    }

    &::-webkit-calendar-picker-indicator {

      position: absolute !important;

      inset-inline-end: 0.75em !important;
    }
  }

  .input {

    cursor: text;

    border: var(--border) solid #0000;

    position: relative;

    display: inline-flex;

    flex-shrink: 1;

    appearance: none;

    align-items: center;

    gap: calc(0.25rem * 2);

    background-color: var(--color-base-100);

    padding-inline: calc(0.25rem * 3);

    vertical-align: middle;

    white-space: nowrap;

    width: clamp(3rem, 20rem, 100%);

    height: var(--size);

    font-size: 0.875rem;

    border-start-start-radius: var(--join-ss, var(--radius-field));

    border-start-end-radius: var(--join-se, var(--radius-field));

    border-end-start-radius: var(--join-es, var(--radius-field));

    border-end-end-radius: var(--join-ee, var(--radius-field));

    border-color: var(--input-color);

    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;

    --size: calc(var(--size-field, 0.25rem) * 10);

    --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);

    &:where(input) {

      display: inline-flex;
    }

    :where(input) {

      display: inline-flex;

      height: 100%;

      width: 100%;

      appearance: none;

      background-color: transparent;

      border: none;

      &:focus, &:focus-within {

        --tw-outline-style: none;

        outline-style: none;

        @media (forced-colors: active) {

          outline: 2px solid transparent;

          outline-offset: 2px;
        }
      }
    }

    :where(input[type="date"]) {

      display: inline-block;
    }

    &:focus, &:focus-within {

      --input-color: var(--color-base-content);

      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);

      outline: 2px solid var(--input-color);

      outline-offset: 2px;

      isolation: isolate;

      z-index: 1;
    }

    &:has(> input[disabled]), &:is(:disabled, [disabled]) {

      cursor: not-allowed;

      border-color: var(--color-base-200);

      background-color: var(--color-base-200);

      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);

      &::placeholder {

        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }

      box-shadow: none;
    }

    &:has(> input[disabled]) > input[disabled] {

      cursor: not-allowed;
    }

    &::-webkit-date-and-time-value {

      text-align: inherit;
    }

    &[type="number"] {

      &::-webkit-inner-spin-button {

        margin-block: calc(0.25rem * -3);

        margin-inline-end: calc(0.25rem * -3);
      }
    }

    &::-webkit-calendar-picker-indicator {

      position: absolute;

      inset-inline-end: 0.75em;
    }
  }

  .indicator {

    position: relative;

    display: inline-flex;

    width: max-content;

    :where(.indicator-item) {

      z-index: 1;

      position: absolute;

      white-space: nowrap;

      top: var(--inidicator-t, 0);

      bottom: var(--inidicator-b, auto);

      left: var(--inidicator-s, auto);

      right: var(--inidicator-e, 0);

      translate: var(--inidicator-x, 50%) var(--indicator-y, -50%);
    }
  }

  .table {

    font-size: 0.875rem;

    position: relative;

    width: 100%;

    border-radius: var(--radius-box);

    text-align: left;

    &:where(, [dir="rtl"], [dir="rtl"] *):dir(rtl) {

      text-align: right;
    }

    tr.row-hover {

      &, &:nth-child(even) {

        &:hover {

          @media (hover: hover) {

            background-color: var(--color-base-200);
          }
        }
      }
    }

    :where(th, td) {

      padding-inline: calc(0.25rem * 4);

      padding-block: calc(0.25rem * 3);

      vertical-align: middle;
    }

    :where(thead, tfoot) {

      white-space: nowrap;

      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);

      font-size: 0.875rem;

      font-weight: 600;
    }

    :where(tfoot) {

      border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
    }

    :where(.table-pin-rows thead tr) {

      position: sticky;

      top: calc(0.25rem * 0);

      z-index: 1;

      background-color: var(--color-base-100);
    }

    :where(.table-pin-rows tfoot tr) {

      position: sticky;

      bottom: calc(0.25rem * 0);

      z-index: 1;

      background-color: var(--color-base-100);
    }

    :where(.table-pin-cols tr th) {

      position: sticky;

      right: calc(0.25rem * 0);

      left: calc(0.25rem * 0);

      background-color: var(--color-base-100);
    }

    :where(thead tr, tbody tr:not(:last-child)) {

      border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
    }
  }

  .sticky-note {

    position: relative;

    &:before {

      filter: blur(5px);

      background-color: rgba(0, 0, 0, 0.15);

      content: '';

      left: 5px;

      width: 90%;

      bottom: 0;

      top: 18px;

      position: absolute;
    }
  }

  .pin {

    background-color: #aaa;

    display: block;

    height: 32px;

    width: 2px;

    position: absolute;

    left: 50%;

    top: -16px;

    z-index: 1;

    transform: rotateZ(12.5deg) scale(1.25) rotateY(180deg);

    &:after {

      background-color: #a31;

      background-image: radial-gradient( circle at 25% 25%, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 0%, 0.3) );

      border-radius: 50%;

      box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, 0.1), inset 3px 3px 3px hsla(0, 0%, 100%, 0.2), inset -3px -3px 3px hsla(0, 0%, 0%, 0.2), 23px 20px 3px hsla(0, 0%, 0%, 0.15);

      content: '';

      height: 12px;

      left: -5px;

      position: absolute;

      top: -10px;

      width: 12px;
    }

    &:before {

      background-color: hsla(0, 0%, 0%, 0.1);

      box-shadow: 0 0 0.25em hsla(0, 0%, 0%, 0.1);

      content: '';

      height: 24px;

      width: 2px;

      left: 0;

      position: absolute;

      top: 8px;

      transform: rotate(57.5deg);

      -moz-transform: rotate(57.5deg);

      -webkit-transform: rotate(57.5deg);

      -o-transform: rotate(57.5deg);

      -ms-transform: rotate(57.5deg);

      transform-origin: 50% 100%;

      -moz-transform-origin: 50% 100%;

      -webkit-transform-origin: 50% 100%;

      -ms-transform-origin: 50% 100%;

      -o-transform-origin: 50% 100%;
    }
  }

  .steps {

    display: inline-grid;

    grid-auto-flow: column;

    overflow: hidden;

    overflow-x: auto;

    counter-reset: step;

    grid-auto-columns: 1fr;

    .step {

      display: grid;

      grid-template-columns: repeat(1, minmax(0, 1fr));

      grid-template-columns: auto;

      grid-template-rows: repeat(2, minmax(0, 1fr));

      grid-template-rows: 40px 1fr;

      place-items: center;

      text-align: center;

      min-width: 4rem;

      --step-bg: var(--color-base-300);

      --step-fg: var(--color-base-content);

      &:before {

        top: calc(0.25rem * 0);

        grid-column-start: 1;

        grid-row-start: 1;

        height: calc(0.25rem * 2);

        width: 100%;

        border: 1px solid;

        color: var(--step-bg);

        background-color: var(--step-bg);

        --tw-content: "";

        content: var(--tw-content);

        margin-inline-start: -100%;
      }

      > .step-icon, &:not(:has(.step-icon)):after {

        content: counter(step);

        counter-increment: step;

        z-index: 1;

        color: var(--step-fg);

        background-color: var(--step-bg);

        border: 1px solid var(--step-bg);

        position: relative;

        grid-column-start: 1;

        grid-row-start: 1;

        display: grid;

        height: calc(0.25rem * 8);

        width: calc(0.25rem * 8);

        place-items: center;

        place-self: center;

        border-radius: calc(infinity * 1px);
      }

      &:first-child:before {

        content: none;
      }

      &[data-content]:after {

        content: attr(data-content);
      }
    }

    .step-neutral {

      + .step-neutral:before, &:after, > .step-icon {

        --step-bg: var(--color-neutral);

        --step-fg: var(--color-neutral-content);
      }
    }

    .step-primary {

      + .step-primary:before, &:after, > .step-icon {

        --step-bg: var(--color-primary);

        --step-fg: var(--color-primary-content);
      }
    }

    .step-secondary {

      + .step-secondary:before, &:after, > .step-icon {

        --step-bg: var(--color-secondary);

        --step-fg: var(--color-secondary-content);
      }
    }

    .step-accent {

      + .step-accent:before, &:after, > .step-icon {

        --step-bg: var(--color-accent);

        --step-fg: var(--color-accent-content);
      }
    }

    .step-info {

      + .step-info:before, &:after, > .step-icon {

        --step-bg: var(--color-info);

        --step-fg: var(--color-info-content);
      }
    }

    .step-success {

      + .step-success:before, &:after, > .step-icon {

        --step-bg: var(--color-success);

        --step-fg: var(--color-success-content);
      }
    }

    .step-warning {

      + .step-warning:before, &:after, > .step-icon {

        --step-bg: var(--color-warning);

        --step-fg: var(--color-warning-content);
      }
    }

    .step-error {

      + .step-error:before, &:after, > .step-icon {

        --step-bg: var(--color-error);

        --step-fg: var(--color-error-content);
      }
    }
  }

  .range {

    appearance: none;

    webkit-appearance: none;

    --range-thumb: var(--color-base-100);

    --range-thumb-size: calc(var(--size-selector, 0.25rem) * 6);

    --range-progress: currentColor;

    --range-fill: 1;

    --range-p: 0.25rem;

    --range-bg: color-mix(in oklab, currentColor 10%, #0000);

    cursor: pointer;

    overflow: hidden;

    background-color: transparent;

    vertical-align: middle;

    width: clamp(3rem, 20rem, 100%);

    --radius-selector-max: calc(
    var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
  );

    border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));

    border: none;

    height: var(--range-thumb-size);

    [dir="rtl"] & {

      --range-dir: -1;
    }

    &:focus {

      outline: none;
    }

    &:focus-visible {

      outline: 2px solid;

      outline-offset: 2px;
    }

    &::-webkit-slider-runnable-track {

      width: 100%;

      background-color: var(--range-bg);

      border-radius: var(--radius-selector);

      height: calc(var(--range-thumb-size) * 0.5);
    }

    @media (forced-colors: active) {

      &::-webkit-slider-runnable-track {

        border: 1px solid;
      }
    }

    @media (forced-colors: active) {

      &::-moz-range-track {

        border: 1px solid;
      }
    }

    &::-webkit-slider-thumb {

      position: relative;

      box-sizing: border-box;

      border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));

      background-color: currentColor;

      height: var(--range-thumb-size);

      width: var(--range-thumb-size);

      border: var(--range-p) solid;

      appearance: none;

      webkit-appearance: none;

      top: 50%;

      color: var(--range-progress);

      transform: translateY(-50%);

      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill));
    }

    &::-moz-range-track {

      width: 100%;

      background-color: var(--range-bg);

      border-radius: var(--radius-selector);

      height: calc(var(--range-thumb-size) * 0.5);
    }

    &::-moz-range-thumb {

      position: relative;

      box-sizing: border-box;

      border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));

      background-color: currentColor;

      height: var(--range-thumb-size);

      width: var(--range-thumb-size);

      border: var(--range-p) solid;

      top: 50%;

      color: var(--range-progress);

      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill));
    }

    &:disabled {

      cursor: not-allowed;

      opacity: 30%;
    }
  }

  .select {

    border: var(--border) solid #0000;

    position: relative;

    display: inline-flex;

    flex-shrink: 1;

    appearance: none;

    align-items: center;

    gap: calc(0.25rem * 1.5);

    background-color: var(--color-base-100);

    padding-inline-start: calc(0.25rem * 4);

    padding-inline-end: calc(0.25rem * 7);

    vertical-align: middle;

    width: clamp(3rem, 20rem, 100%);

    height: var(--size);

    font-size: 0.875rem;

    border-start-start-radius: var(--join-ss, var(--radius-field));

    border-start-end-radius: var(--join-se, var(--radius-field));

    border-end-start-radius: var(--join-es, var(--radius-field));

    border-end-end-radius: var(--join-ee, var(--radius-field));

    background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);

    background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);

    background-size: 4px 4px, 4px 4px;

    background-repeat: no-repeat;

    text-overflow: ellipsis;

    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;

    border-color: var(--input-color);

    --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);

    --size: calc(var(--size-field, 0.25rem) * 10);

    [dir="rtl"] & {

      background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
    }

    select {

      margin-inline-start: calc(0.25rem * -4);

      margin-inline-end: calc(0.25rem * -7);

      width: calc(100% + 2.75rem);

      appearance: none;

      padding-inline-start: calc(0.25rem * 4);

      padding-inline-end: calc(0.25rem * 7);

      height: calc(100% - 2px);

      background: inherit;

      border-radius: inherit;

      border-style: none;

      &:focus, &:focus-within {

        --tw-outline-style: none;

        outline-style: none;

        @media (forced-colors: active) {

          outline: 2px solid transparent;

          outline-offset: 2px;
        }
      }

      &:not(:last-child) {

        margin-inline-end: calc(0.25rem * -5.5);

        background-image: none;
      }
    }

    &:focus, &:focus-within {

      --input-color: var(--color-base-content);

      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);

      outline: 2px solid var(--input-color);

      outline-offset: 2px;

      isolation: isolate;

      z-index: 1;
    }

    &:has(> select[disabled]), &:is(:disabled, [disabled]) {

      cursor: not-allowed;

      border-color: var(--color-base-200);

      background-color: var(--color-base-200);

      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);

      &::placeholder {

        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    &:has(> select[disabled]) > select[disabled] {

      cursor: not-allowed;
    }
  }

  .card {

    position: relative;

    display: flex;

    flex-direction: column;

    border-radius: var(--radius-box);

    outline-width: 2px;

    transition: outline 0.2s ease-in-out;

    outline: 0 solid #0000;

    outline-offset: 2px;

    &:focus {

      --tw-outline-style: none;

      outline-style: none;

      @media (forced-colors: active) {

        outline: 2px solid transparent;

        outline-offset: 2px;
      }
    }

    &:focus-visible {

      outline-color: currentColor;
    }

    :where(figure:first-child) {

      overflow: hidden;

      border-start-start-radius: inherit;

      border-start-end-radius: inherit;

      border-end-start-radius: unset;

      border-end-end-radius: unset;
    }

    :where(figure:last-child) {

      overflow: hidden;

      border-start-start-radius: unset;

      border-start-end-radius: unset;

      border-end-start-radius: inherit;

      border-end-end-radius: inherit;
    }

    &:where(.card-border) {

      border: var(--border) solid var(--color-base-200);
    }

    &:where(.card-dash) {

      border: var(--border) dashed var(--color-base-200);
    }

    &.image-full {

      display: grid;

      > * {

        grid-column-start: 1;

        grid-row-start: 1;
      }

      > .card-body {

        position: relative;

        color: var(--color-neutral-content);
      }

      :where(figure) {

        overflow: hidden;

        border-radius: inherit;
      }

      > figure img {

        height: 100%;

        object-fit: cover;

        filter: brightness(28%);
      }
    }

    figure {

      display: flex;

      align-items: center;

      justify-content: center;
    }

    &:has(> input:is(input[type="checkbox"], input[type="radio"])) {

      cursor: pointer;

      user-select: none;
    }

    &:has(> :checked) {

      outline: 2px solid currentColor;
    }
  }

  .swap {

    position: relative;

    display: inline-grid;

    cursor: pointer;

    place-content: center;

    vertical-align: middle;

    webkit-user-select: none;

    user-select: none;

    input {

      appearance: none;

      border: none;
    }

    > * {

      grid-column-start: 1;

      grid-row-start: 1;

      transition-property: transform, rotate, opacity;

      transition-duration: 0.2s;

      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }

    .swap-on, .swap-indeterminate, input:indeterminate ~ .swap-on {

      opacity: 0%;
    }

    input:is(:checked, :indeterminate) {

      & ~ .swap-off {

        opacity: 0%;
      }
    }

    input:checked ~ .swap-on, input:indeterminate ~ .swap-indeterminate {

      opacity: 100%;

      backface-visibility: visible;
    }
  }

  .swap\! {

    position: relative !important;

    display: inline-grid !important;

    cursor: pointer !important;

    place-content: center !important;

    vertical-align: middle !important;

    webkit-user-select: none !important;

    user-select: none !important;

    input {

      appearance: none !important;

      border: none !important;
    }

    > * {

      grid-column-start: 1 !important;

      grid-row-start: 1 !important;

      transition-property: transform, rotate, opacity !important;

      transition-duration: 0.2s !important;

      transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
    }

    .swap-on, .swap-indeterminate, input:indeterminate ~ .swap-on {

      opacity: 0% !important;
    }

    input:is(:checked, :indeterminate) {

      & ~ .swap-off {

        opacity: 0% !important;
      }
    }

    input:checked ~ .swap-on, input:indeterminate ~ .swap-indeterminate {

      opacity: 100% !important;

      backface-visibility: visible !important;
    }
  }

  .sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border-width: 0;
  }

  .avatar {

    position: relative;

    display: inline-flex;

    vertical-align: middle;

    & > div {

      display: block;

      aspect-ratio: 1 / 1;

      overflow: hidden;
    }

    img {

      height: 100%;

      width: 100%;

      object-fit: cover;
    }
  }

  .\!checkbox {

    border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000)) !important;

    position: relative !important;

    flex-shrink: 0 !important;

    cursor: pointer !important;

    appearance: none !important;

    border-radius: var(--radius-selector) !important;

    padding: calc(0.25rem * 1) !important;

    vertical-align: middle !important;

    color: var(--color-base-content) !important;

    box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 0 #0000 inset, 0 0 #0000 !important;

    transition: background-color 0.2s, box-shadow 0.2s !important;

    --size: calc(var(--size-selector, 0.25rem) * 6);

    width: var(--size) !important;

    height: var(--size) !important;

    background-size: auto, calc(var(--noise) * 100%) !important;

    background-image: none, var(--fx-noise) !important;

    &:before {

      --tw-content: "";

      content: var(--tw-content) !important;

      display: block !important;

      width: 100% !important;

      height: 100% !important;

      rotate: 45deg !important;

      background-color: currentColor !important;

      opacity: 0% !important;

      transition: clip-path 0.3s, opacity 0.1s, rotate 0.3s, translate 0.3s !important;

      transition-delay: 0.1s !important;

      clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%) !important;

      box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset !important;

      font-size: 1rem !important;

      line-height: 0.75 !important;
    }

    &:focus-visible {

      outline: 2px solid var(--input-color, currentColor) !important;

      outline-offset: 2px !important;
    }

    &:checked, &[aria-checked="true"] {

      background-color: var(--input-color, #0000) !important;

      box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) !important;

      &:before {

        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%) !important;

        opacity: 100% !important;
      }

      @media (forced-colors: active) {

        &:before {

          rotate: 0deg !important;

          background-color: transparent !important;

          --tw-content: "✔︎";

          clip-path: none !important;
        }
      }

      @media print {

        &:before {

          rotate: 0deg !important;

          background-color: transparent !important;

          --tw-content: "✔︎";

          clip-path: none !important;
        }
      }
    }

    &:indeterminate {

      &:before {

        rotate: 0deg !important;

        opacity: 100% !important;

        translate: 0 -35% !important;

        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%) !important;
      }
    }

    &:disabled {

      cursor: not-allowed !important;

      opacity: 20% !important;
    }
  }

  .checkbox {

    border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));

    position: relative;

    flex-shrink: 0;

    cursor: pointer;

    appearance: none;

    border-radius: var(--radius-selector);

    padding: calc(0.25rem * 1);

    vertical-align: middle;

    color: var(--color-base-content);

    box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 0 #0000 inset, 0 0 #0000;

    transition: background-color 0.2s, box-shadow 0.2s;

    --size: calc(var(--size-selector, 0.25rem) * 6);

    width: var(--size);

    height: var(--size);

    background-size: auto, calc(var(--noise) * 100%);

    background-image: none, var(--fx-noise);

    &:before {

      --tw-content: "";

      content: var(--tw-content);

      display: block;

      width: 100%;

      height: 100%;

      rotate: 45deg;

      background-color: currentColor;

      opacity: 0%;

      transition: clip-path 0.3s, opacity 0.1s, rotate 0.3s, translate 0.3s;

      transition-delay: 0.1s;

      clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);

      box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;

      font-size: 1rem;

      line-height: 0.75;
    }

    &:focus-visible {

      outline: 2px solid var(--input-color, currentColor);

      outline-offset: 2px;
    }

    &:checked, &[aria-checked="true"] {

      background-color: var(--input-color, #0000);

      box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));

      &:before {

        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);

        opacity: 100%;
      }

      @media (forced-colors: active) {

        &:before {

          rotate: 0deg;

          background-color: transparent;

          --tw-content: "✔︎";

          clip-path: none;
        }
      }

      @media print {

        &:before {

          rotate: 0deg;

          background-color: transparent;

          --tw-content: "✔︎";

          clip-path: none;
        }
      }
    }

    &:indeterminate {

      &:before {

        rotate: 0deg;

        opacity: 100%;

        translate: 0 -35%;

        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
      }
    }

    &:disabled {

      cursor: not-allowed;

      opacity: 20%;
    }
  }

  .radio {

    position: relative;

    flex-shrink: 0;

    cursor: pointer;

    appearance: none;

    border-radius: calc(infinity * 1px);

    padding: calc(0.25rem * 1);

    vertical-align: middle;

    border: var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000));

    box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset;

    --size: calc(var(--size-selector, 0.25rem) * 6);

    width: var(--size);

    height: var(--size);

    color: var(--input-color, currentColor);

    &:before {

      display: block;

      width: 100%;

      height: 100%;

      border-radius: calc(infinity * 1px);

      --tw-content: "";

      content: var(--tw-content);

      background-size: auto, calc(var(--noise) * 100%);

      background-image: none, var(--fx-noise);
    }

    &:focus-visible {

      outline: 2px solid currentColor;
    }

    &:checked, &[aria-checked="true"] {

      animation: radio 0.2s ease-out;

      border-color: currentColor;

      background-color: var(--color-base-100);

      &:before {

        background-color: currentColor;

        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
      }

      @media (forced-colors: active) {

        &:before {

          outline-style: var(--tw-outline-style);

          outline-width: 1px;

          outline-offset: calc(1px * -1);
        }
      }

      @media print {

        &:before {

          outline: 0.25rem solid;

          outline-offset: -1rem;
        }
      }
    }

    &:disabled {

      cursor: not-allowed;

      opacity: 20%;
    }
  }

  .mojo-form-select {

    position: relative;

    display: block;

    width: 100%;

    appearance: none;

    background-color: #fff;

    border-color: oklch(55.1% 0.027 264.364);

    border-width: 1px;

    border-radius: 0px;

    padding-top: 0.5rem;

    padding-right: 0.75rem;

    padding-bottom: 0.5rem;

    padding-left: 0.75rem;

    font-size: 1rem;

    line-height: 1.5rem;

    --tw-shadow: 0 0 #0000;

    &:focus {

      outline: 2px solid transparent;

      outline-offset: 2px;

      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

      --tw-ring-offset-width: 0px;

      --tw-ring-offset-color: #fff;

      --tw-ring-color: oklch(54.6% 0.245 262.881);

      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

      border-color: oklch(54.6% 0.245 262.881);
    }

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");

    background-position: right 0.5rem center;

    background-repeat: no-repeat;

    background-size: 1.5em 1.5em;

    padding-right: 2.5rem;

    print-color-adjust: exact;

    &:where([size]:not([size="1"])) {

      background-image: initial;

      background-position: initial;

      background-repeat: unset;

      background-size: initial;

      padding-right: 0.75rem;

      print-color-adjust: unset;
    }

    border-radius: var(--radius-md);

    border-style: var(--tw-border-style);

    border-width: 1px;

    border-color: var(--color-gray-200);

    padding-inline: calc(var(--spacing) * 3);

    padding-block: calc(var(--spacing) * 2);

    padding-right: calc(var(--spacing) * 10);

    padding-left: calc(var(--spacing) * 3);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

    outline-style: none;

    @media (forced-colors: active) {

      outline: 2px solid transparent;

      outline-offset: 2px;
    }

    &:focus {

      --tw-ring-color: var(--color-mojo-blue-light);
    }

    &:focus {

      border-color: var(--color-gray-200) !important;
    }

    &:focus {

      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }

    &:focus {

      --tw-ring-offset-width: 2px;

      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }

    &:focus {

      --tw-ring-offset-color: var(--color-white);
    }

    &[disabled] {

      border-color: var(--color-gray-200) !important;

      background-color: var(--color-gray-50) !important;

      color: var(--color-gray-500) !important;
    }
  }

@supports (color: rgb(0 0 0 / 0)) {
.mojo-form-select {

      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    }
}

  .drawer {

    position: relative;

    display: grid;

    width: 100%;

    grid-auto-columns: max-content auto;
  }

  .mojo-form-input {

    position: relative;

    display: block;

    width: 100%;

    border-radius: var(--radius-md);

    border-style: var(--tw-border-style);

    border-width: 1px;

    padding-inline: calc(var(--spacing) * 3);

    padding-block: calc(var(--spacing) * 2);

    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

    outline-style: none;

    @media (forced-colors: active) {

      outline: 2px solid transparent;

      outline-offset: 2px;
    }

    &:focus {

      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    &:focus {

      --tw-ring-color: var(--color-mojo-blue-light);
    }

    &:focus {

      --tw-ring-offset-width: 2px;

      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }

    &:focus {

      --tw-ring-offset-color: var(--color-white);
    }

    &[disabled] {

      border-color: var(--color-gray-200) !important;

      background-color: var(--color-gray-50) !important;

      color: var(--color-gray-500) !important;
    }

    .field_with_errors>& {

      border-radius: var(--radius-md);

      border-style: var(--tw-border-style);

      border-width: 1px;

      border-color: var(--color-red-300);

      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

      &:focus-within {

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

      &:focus-within {

        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);

        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }

      &:focus-within {

        --tw-ring-color: var(--color-red-500);
      }

      &:focus-within {

        --tw-ring-offset-width: 2px;

        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      }

      &:focus-within {

        outline-style: none;

        @media (forced-colors: active) {

          outline: 2px solid transparent;

          outline-offset: 2px;
        }
      }
    }
  }

  .stats {

    position: relative;

    display: inline-grid;

    grid-auto-flow: column;

    overflow-x: auto;

    border-radius: var(--radius-box);
  }

  .progress {

    position: relative;

    height: calc(0.25rem * 2);

    width: 100%;

    appearance: none;

    overflow: hidden;

    border-radius: var(--radius-box);

    background-color: color-mix(in oklab, currentColor 20%, transparent);

    color: var(--color-base-content);

    &:indeterminate {

      background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );

      background-size: 200%;

      background-position-x: 15%;

      animation: progress 5s ease-in-out infinite;

      @supports (-moz-appearance: none) {

        &::-moz-progress-bar {

          background-color: transparent;

          background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );

          background-size: 200%;

          background-position-x: 15%;

          animation: progress 5s ease-in-out infinite;
        }
      }
    }

    @supports (-moz-appearance: none) {

      &::-moz-progress-bar {

        border-radius: var(--radius-box);

        background-color: currentColor;
      }
    }

    @supports (-webkit-appearance: none) {

      &::-webkit-progress-bar {

        border-radius: var(--radius-box);

        background-color: transparent;
      }

      &::-webkit-progress-value {

        border-radius: var(--radius-box);

        background-color: currentColor;
      }
    }
  }

  .absolute {

    position: absolute;
  }

  .fixed {

    position: fixed;
  }

  .relative {

    position: relative;
  }

  .static {

    position: static;
  }

  .sticky {

    position: sticky;
  }

  .inset-0 {

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

  .inset-2 {

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

  .inset-4 {

    inset: calc(var(--spacing) * 4);
  }

  .inset-y-0 {

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

  .inset-y-1 {

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

  .inset-y-px {

    inset-block: 1px;
  }

  .-top-1\.5 {

    top: calc(var(--spacing) * -1.5);
  }

  .-top-2 {

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

  .-top-2\.5 {

    top: calc(var(--spacing) * -2.5);
  }

  .-top-4 {

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

  .top-0 {

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

  .top-2 {

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

  .-right-2 {

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

  .-right-2\.5 {

    right: calc(var(--spacing) * -2.5);
  }

  .right-0 {

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

  .right-2 {

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

  .right-4 {

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

  .right-8 {

    right: calc(var(--spacing) * 8);
  }

  .bottom-0 {

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

  .bottom-2 {

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

  .-left-1\.5 {

    left: calc(var(--spacing) * -1.5);
  }

  .-left-4 {

    left: calc(var(--spacing) * -4);
  }

  .left-0 {

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

  .left-2 {

    left: calc(var(--spacing) * 2);
  }

  .textarea {

    border: var(--border) solid #0000;

    min-height: calc(0.25rem * 20);

    flex-shrink: 1;

    appearance: none;

    border-radius: var(--radius-field);

    background-color: var(--color-base-100);

    padding-block: calc(0.25rem * 2);

    vertical-align: middle;

    width: clamp(3rem, 20rem, 100%);

    padding-inline-start: 0.75rem;

    padding-inline-end: 0.75rem;

    font-size: 0.875rem;

    border-color: var(--input-color);

    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;

    --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);

    textarea {

      appearance: none;

      background-color: transparent;

      border: none;

      &:focus, &:focus-within {

        --tw-outline-style: none;

        outline-style: none;

        @media (forced-colors: active) {

          outline: 2px solid transparent;

          outline-offset: 2px;
        }
      }
    }

    &:focus, &:focus-within {

      --input-color: var(--color-base-content);

      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);

      outline: 2px solid var(--input-color);

      outline-offset: 2px;

      isolation: isolate;
    }

    &:has(> textarea[disabled]), &:is(:disabled, [disabled]) {

      cursor: not-allowed;

      border-color: var(--color-base-200);

      background-color: var(--color-base-200);

      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);

      &::placeholder {

        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }

      box-shadow: none;
    }

    &:has(> textarea[disabled]) > textarea[disabled] {

      cursor: not-allowed;
    }
  }

  .isolate {

    isolation: isolate;
  }

  .stack {

    display: inline-grid;

    grid-template-columns: 3px 4px 1fr 4px 3px;

    grid-template-rows: 3px 4px 1fr 4px 3px;

    & > * {

      height: 100%;

      width: 100%;

      &:nth-child(n + 2) {

        width: 100%;

        opacity: 70%;
      }

      &:nth-child(2) {

        z-index: 2;

        opacity: 90%;
      }

      &:nth-child(1) {

        z-index: 3;

        width: 100%;
      }
    }

    &, &.stack-bottom {

      > * {

        grid-column: 3 / 4;

        grid-row: 3 / 6;

        &:nth-child(2) {

          grid-column: 2 / 5;

          grid-row: 2 / 5;
        }

        &:nth-child(1) {

          grid-column: 1 / 6;

          grid-row: 1 / 4;
        }
      }
    }

    &.stack-top {

      > * {

        grid-column: 3 / 4;

        grid-row: 1 / 4;

        &:nth-child(2) {

          grid-column: 2 / 5;

          grid-row: 2 / 5;
        }

        &:nth-child(1) {

          grid-column: 1 / 6;

          grid-row: 3 / 6;
        }
      }
    }

    &.stack-start {

      > * {

        grid-column: 1 / 4;

        grid-row: 3 / 4;

        &:nth-child(2) {

          grid-column: 2 / 5;

          grid-row: 2 / 5;
        }

        &:nth-child(1) {

          grid-column: 3 / 6;

          grid-row: 1 / 6;
        }
      }
    }

    &.stack-end {

      > * {

        grid-column: 3 / 6;

        grid-row: 3 / 4;

        &:nth-child(2) {

          grid-column: 2 / 5;

          grid-row: 2 / 5;
        }

        &:nth-child(1) {

          grid-column: 1 / 4;

          grid-row: 1 / 6;
        }
      }
    }
  }

  .z-10 {

    z-index: 10;
  }

  .z-50 {

    z-index: 50;
  }

  .z-9999 {

    z-index: 9999;
  }

  .z-999999999 {

    z-index: 999999999;
  }

  .col-span-1 {

    grid-column: span 1 / span 1;
  }

  .col-span-2 {

    grid-column: span 2 / span 2;
  }

  .col-start-1 {

    grid-column-start: 1;
  }

  .float-right {

    float: right;
  }

  .container {

    width: 100%;

    @media (width >= 40rem) {

      max-width: 40rem;
    }

    @media (width >= 48rem) {

      max-width: 48rem;
    }

    @media (width >= 64rem) {

      max-width: 64rem;
    }

    @media (width >= 80rem) {

      max-width: 80rem;
    }

    @media (width >= 96rem) {

      max-width: 96rem;
    }
  }

  .m-0 {

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

  .filter {

    display: flex;

    flex-wrap: wrap;

    input[type="radio"] {

      width: auto;
    }

    input {

      overflow: hidden;

      opacity: 100%;

      scale: 1;

      transition: margin 0.1s, opacity 0.3s, padding 0.3s, border-width 0.1s;

      &:not(:last-child) {

        margin-inline-end: calc(0.25rem * 1);
      }

      &.filter-reset {

        aspect-ratio: 1 / 1;

        &::after {

          content: "×";
        }
      }
    }

    &:not(:has(input:checked:not(.filter-reset))) {

      .filter-reset, input[type="reset"] {

        scale: 0;

        border-width: 0;

        margin-inline: calc(0.25rem * 0);

        width: calc(0.25rem * 0);

        padding-inline: calc(0.25rem * 0);

        opacity: 0%;
      }
    }

    &:has(input:checked:not(.filter-reset)) {

      input:not(:checked, .filter-reset, input[type="reset"]) {

        scale: 0;

        border-width: 0;

        margin-inline: calc(0.25rem * 0);

        width: calc(0.25rem * 0);

        padding-inline: calc(0.25rem * 0);

        opacity: 0%;
      }
    }
  }

  .-mx-1\.5 {

    margin-inline: calc(var(--spacing) * -1.5);
  }

  .-mx-4 {

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

  .mx-3 {

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

  .-my-1\.5 {

    margin-block: calc(var(--spacing) * -1.5);
  }

  .-my-2 {

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

  .my-0 {

    margin-block: calc(var(--spacing) * 0);
  }

  .my-1 {

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

  .my-2 {

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

  .my-3 {

    margin-block: calc(var(--spacing) * 3);
  }

  .my-4 {

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

  .label {

    display: inline-flex;

    align-items: center;

    gap: calc(0.25rem * 1.5);

    white-space: nowrap;

    color: color-mix(in oklab, currentColor 60%, transparent);

    &:has(input) {

      cursor: pointer;
    }

    &:is(.input > *, .select > *) {

      display: flex;

      height: calc(100% - 0.5rem);

      align-items: center;

      padding-inline: calc(0.25rem * 3);

      white-space: nowrap;

      font-size: inherit;

      &:first-child {

        margin-inline-start: calc(0.25rem * -3);

        margin-inline-end: calc(0.25rem * 3);

        border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
      }

      &:last-child {

        margin-inline-start: calc(0.25rem * 3);

        margin-inline-end: calc(0.25rem * -3);

        border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
      }
    }
  }

  .prose {

    color: var(--tw-prose-body);

    max-width: 65ch;

    :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 1.25em;

      margin-bottom: 1.25em;
    }

    :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: var(--tw-prose-lead);

      font-size: 1.25em;

      line-height: 1.6;

      margin-top: 1.2em;

      margin-bottom: 1.2em;
    }

    :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: var(--tw-prose-links);

      text-decoration: underline;

      font-weight: 500;
    }

    :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: var(--tw-prose-bold);

      font-weight: 600;
    }

    :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: inherit;
    }

    :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: inherit;
    }

    :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: inherit;
    }

    :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      list-style-type: decimal;

      margin-top: 1.25em;

      margin-bottom: 1.25em;

      padding-inline-start: 1.625em;
    }

    :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      list-style-type: upper-alpha;
    }

    :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      list-style-type: lower-alpha;
    }

    :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      list-style-type: upper-alpha;
    }

    :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      list-style-type: lower-alpha;
    }

    :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      list-style-type: upper-roman;
    }

    :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      list-style-type: lower-roman;
    }

    :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      list-style-type: upper-roman;
    }

    :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      list-style-type: lower-roman;
    }

    :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      list-style-type: decimal;
    }

    :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      list-style-type: disc;

      margin-top: 1.25em;

      margin-bottom: 1.25em;

      padding-inline-start: 1.625em;
    }

    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {

      font-weight: 400;

      color: var(--tw-prose-counters);
    }

    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {

      color: var(--tw-prose-bullets);
    }

    :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: var(--tw-prose-headings);

      font-weight: 600;

      margin-top: 1.25em;
    }

    :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      border-color: var(--tw-prose-hr);

      border-top-width: 1;

      margin-top: 3em;

      margin-bottom: 3em;
    }

    :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      font-weight: 500;

      font-style: italic;

      color: var(--tw-prose-quotes);

      border-inline-start-width: 0.25rem;

      border-inline-start-color: var(--tw-prose-quote-borders);

      quotes: "\201C""\201D""\2018""\2019";

      margin-top: 1.6em;

      margin-bottom: 1.6em;

      padding-inline-start: 1em;
    }

    :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {

      content: open-quote;
    }

    :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {

      content: close-quote;
    }

    :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: var(--tw-prose-headings);

      font-weight: 800;

      font-size: 2.25em;

      margin-top: 0;

      margin-bottom: 0.8888889em;

      line-height: 1.1111111;
    }

    :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      font-weight: 900;

      color: inherit;
    }

    :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: var(--tw-prose-headings);

      font-weight: 700;

      font-size: 1.5em;

      margin-top: 2em;

      margin-bottom: 1em;

      line-height: 1.3333333;
    }

    :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      font-weight: 800;

      color: inherit;
    }

    :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: var(--tw-prose-headings);

      font-weight: 600;

      font-size: 1.25em;

      margin-top: 1.6em;

      margin-bottom: 0.6em;

      line-height: 1.6;
    }

    :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      font-weight: 700;

      color: inherit;
    }

    :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: var(--tw-prose-headings);

      font-weight: 600;

      margin-top: 1.5em;

      margin-bottom: 0.5em;

      line-height: 1.5;
    }

    :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      font-weight: 700;

      color: inherit;
    }

    :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 2em;

      margin-bottom: 2em;
    }

    :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      display: block;

      margin-top: 2em;

      margin-bottom: 2em;
    }

    :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 2em;

      margin-bottom: 2em;
    }

    :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      font-weight: 500;

      font-family: inherit;

      color: var(--tw-prose-kbd);

      box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);

      font-size: 0.875em;

      border-radius: 0.3125rem;

      padding-top: 0.1875em;

      padding-inline-end: 0.375em;

      padding-bottom: 0.1875em;

      padding-inline-start: 0.375em;
    }

    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: var(--tw-prose-code);

      font-weight: 600;

      font-size: 0.875em;
    }

    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {

      content: ;
    }

    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {

      content: ;
    }

    :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: inherit;
    }

    :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: inherit;
    }

    :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: inherit;

      font-size: 0.875em;
    }

    :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: inherit;

      font-size: 0.9em;
    }

    :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: inherit;
    }

    :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: inherit;
    }

    :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: inherit;
    }

    :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: var(--tw-prose-pre-code);

      background-color: var(--tw-prose-pre-bg);

      overflow-x: auto;

      font-weight: 400;

      font-size: 0.875em;

      line-height: 1.7142857;

      margin-top: 1.7142857em;

      margin-bottom: 1.7142857em;

      border-radius: 0.375rem;

      padding-top: 0.8571429em;

      padding-inline-end: 1.1428571em;

      padding-bottom: 0.8571429em;

      padding-inline-start: 1.1428571em;
    }

    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      background-color: transparent;

      border-width: 0;

      border-radius: 0;

      padding: 0;

      font-weight: inherit;

      color: inherit;

      font-size: inherit;

      font-family: inherit;

      line-height: inherit;
    }

    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {

      content: none;
    }

    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {

      content: none;
    }

    :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      width: 100%;

      table-layout: auto;

      margin-top: 2em;

      margin-bottom: 2em;

      font-size: 0.875em;

      line-height: 1.7142857;
    }

    :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      border-bottom-width: 1px;

      border-bottom-color: var(--tw-prose-th-borders);
    }

    :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: var(--tw-prose-headings);

      font-weight: 600;

      vertical-align: bottom;

      padding-inline-end: 0.5714286em;

      padding-bottom: 0.5714286em;

      padding-inline-start: 0.5714286em;
    }

    :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      border-bottom-width: 1px;

      border-bottom-color: var(--tw-prose-td-borders);
    }

    :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      border-bottom-width: 0;
    }

    :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      vertical-align: baseline;
    }

    :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      border-top-width: 1px;

      border-top-color: var(--tw-prose-th-borders);
    }

    :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      vertical-align: top;
    }

    :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      text-align: start;
    }

    :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 0;

      margin-bottom: 0;
    }

    :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      color: var(--tw-prose-captions);

      font-size: 0.875em;

      line-height: 1.4285714;

      margin-top: 0.8571429em;
    }

    --tw-prose-body: oklch(37.3% 0.034 259.733);

    --tw-prose-headings: oklch(21% 0.034 264.665);

    --tw-prose-lead: oklch(44.6% 0.03 256.802);

    --tw-prose-links: oklch(21% 0.034 264.665);

    --tw-prose-bold: oklch(21% 0.034 264.665);

    --tw-prose-counters: oklch(55.1% 0.027 264.364);

    --tw-prose-bullets: oklch(87.2% 0.01 258.338);

    --tw-prose-hr: oklch(92.8% 0.006 264.531);

    --tw-prose-quotes: oklch(21% 0.034 264.665);

    --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);

    --tw-prose-captions: oklch(55.1% 0.027 264.364);

    --tw-prose-kbd: oklch(21% 0.034 264.665);

    --tw-prose-kbd-shadows: NaN NaN NaN;

    --tw-prose-code: oklch(21% 0.034 264.665);

    --tw-prose-pre-code: oklch(92.8% 0.006 264.531);

    --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);

    --tw-prose-th-borders: oklch(87.2% 0.01 258.338);

    --tw-prose-td-borders: oklch(92.8% 0.006 264.531);

    --tw-prose-invert-body: oklch(87.2% 0.01 258.338);

    --tw-prose-invert-headings: #fff;

    --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);

    --tw-prose-invert-links: #fff;

    --tw-prose-invert-bold: #fff;

    --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);

    --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);

    --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);

    --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);

    --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);

    --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);

    --tw-prose-invert-kbd: #fff;

    --tw-prose-invert-kbd-shadows: 255 255 255;

    --tw-prose-invert-code: #fff;

    --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);

    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);

    --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);

    --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);

    font-size: 1rem;

    line-height: 1.75;

    :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 0;

      margin-bottom: 0;
    }

    :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 0.5em;

      margin-bottom: 0.5em;
    }

    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      padding-inline-start: 0.375em;
    }

    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      padding-inline-start: 0.375em;
    }

    :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 0.75em;

      margin-bottom: 0.75em;
    }

    :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 1.25em;
    }

    :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-bottom: 1.25em;
    }

    :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 1.25em;
    }

    :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-bottom: 1.25em;
    }

    :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 0.75em;

      margin-bottom: 0.75em;
    }

    :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 1.25em;

      margin-bottom: 1.25em;
    }

    :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 0.5em;

      padding-inline-start: 1.625em;
    }

    :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 0;
    }

    :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 0;
    }

    :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 0;
    }

    :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 0;
    }

    :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      padding-inline-start: 0;
    }

    :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      padding-inline-end: 0;
    }

    :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      padding-top: 0.5714286em;

      padding-inline-end: 0.5714286em;

      padding-bottom: 0.5714286em;

      padding-inline-start: 0.5714286em;
    }

    :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      padding-inline-start: 0;
    }

    :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      padding-inline-end: 0;
    }

    :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 2em;

      margin-bottom: 2em;
    }

    :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-top: 0;
    }

    :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

      margin-bottom: 0;
    }
  }

  .-mt-4 {

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

  .-mt-px {

    margin-top: -1px;
  }

  .mt-0 {

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

  .mt-1 {

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

  .mt-2 {

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

  .mt-3 {

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

  .mt-4 {

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

  .mt-6 {

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

  .mt-8 {

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

  .mt-10 {

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

  .breadcrumbs {

    max-width: 100%;

    overflow-x: auto;

    padding-block: calc(0.25rem * 2);

    > menu, > ul, > ol {

      display: flex;

      min-height: min-content;

      align-items: center;

      white-space: nowrap;

      > li {

        display: flex;

        align-items: center;

        > * {

          display: flex;

          cursor: pointer;

          align-items: center;

          gap: calc(0.25rem * 2);

          &:hover {

            @media (hover: hover) {

              text-decoration-line: underline;
            }
          }

          &:focus {

            --tw-outline-style: none;

            outline-style: none;

            @media (forced-colors: active) {

              outline: 2px solid transparent;

              outline-offset: 2px;
            }
          }

          &:focus-visible {

            outline: 2px solid currentColor;

            outline-offset: 2px;
          }
        }

        & + *:before {

          content: "";

          margin-right: calc(0.25rem * 3);

          margin-left: calc(0.25rem * 2);

          display: block;

          height: calc(0.25rem * 1.5);

          width: calc(0.25rem * 1.5);

          opacity: 40%;

          rotate: 45deg;

          border-top: 1px solid;

          border-right: 1px solid;

          background-color: #0000;
        }

        [dir="rtl"] & + *:before {

          rotate: -135deg;
        }
      }
    }
  }

  .mr-1 {

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

  .mr-2 {

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

  .mr-3 {

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

  .mr-3\! {

    margin-right: calc(var(--spacing) * 3) !important;
  }

  .mr-4 {

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

  .trix-content {

    & ul {

      margin-bottom: inherit !important;
    }

    & li {

      list-style-type: inherit !important;
    }
  }

  .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-2 {

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

  .mb-3 {

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

  .mb-4 {

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

  .mb-5 {

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

  .mb-8 {

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

  .-ml-2 {

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

  .-ml-px {

    margin-left: -1px;
  }

  .ml-2 {

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

  .ml-3 {

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

  .ml-7 {

    margin-left: calc(var(--spacing) * 7);
  }

  .ml-auto {

    margin-left: auto;
  }

  .status {

    display: inline-block;

    aspect-ratio: 1 / 1;

    width: calc(0.25rem * 2);

    height: calc(0.25rem * 2);

    border-radius: var(--radius-selector);

    background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);

    background-position: center;

    background-repeat: no-repeat;

    vertical-align: middle;

    color: color-mix(in srgb, #000 30%, transparent);

    @supports (color: color-mix(in lab, red, red)) {

      color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }

    background-image: radial-gradient( circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * 0.5)), #0000 );

    box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);
  }

  .form-checkbox {

    appearance: none;

    padding: 0;

    print-color-adjust: exact;

    display: inline-block;

    vertical-align: middle;

    background-origin: border-box;

    user-select: none;

    flex-shrink: 0;

    height: 1rem;

    width: 1rem;

    color: oklch(54.6% 0.245 262.881);

    background-color: #fff;

    border-color: oklch(55.1% 0.027 264.364);

    border-width: 1px;

    --tw-shadow: 0 0 #0000;

    border-radius: 0px;

    &:focus {

      outline: 2px solid transparent;

      outline-offset: 2px;

      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

      --tw-ring-offset-width: 2px;

      --tw-ring-offset-color: #fff;

      --tw-ring-color: oklch(54.6% 0.245 262.881);

      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);

      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    &:checked {

      border-color: transparent;

      background-color: currentColor;

      background-size: 100% 100%;

      background-position: center;

      background-repeat: no-repeat;
    }

    &:checked {

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

      @media (forced-colors: active) {

        appearance: auto;
      }
    }

    &:checked:hover {

      border-color: transparent;

      background-color: currentColor;
    }

    &:checked:focus {

      border-color: transparent;

      background-color: currentColor;
    }

    &:indeterminate {

      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");

      border-color: transparent;

      background-color: currentColor;

      background-size: 100% 100%;

      background-position: center;

      background-repeat: no-repeat;

      @media (forced-colors: active) {

        appearance: auto;
      }
    }

    &:indeterminate:hover {

      border-color: transparent;

      background-color: currentColor;
    }

    &:indeterminate:focus {

      border-color: transparent;

      background-color: currentColor;
    }
  }

  .badge {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: calc(0.25rem * 2);

    border-radius: var(--radius-selector);

    vertical-align: middle;

    color: var(--badge-fg);

    border: var(--border) solid var(--badge-color, var(--color-base-200));

    font-size: 0.875rem;

    width: fit-content;

    padding-inline: calc(0.25rem * 3 - var(--border));

    background-size: auto, calc(var(--noise) * 100%);

    background-image: none, var(--fx-noise);

    background-color: var(--badge-bg);

    --badge-bg: var(--badge-color, var(--color-base-100));

    --badge-fg: var(--color-base-content);

    --size: calc(var(--size-selector, 0.25rem) * 6);

    height: var(--size);

    &.badge-outline {

      --badge-fg: var(--badge-color);

      --badge-bg: #0000;

      background-image: none;

      border-color: currentColor;
    }

    &.badge-dash {

      --badge-fg: var(--badge-color);

      --badge-bg: #0000;

      background-image: none;

      border-color: currentColor;

      border-style: dashed;
    }

    &.badge-soft {

      color: var(--badge-color, var(--color-base-content));

      background-color: color-mix( in oklab, var(--badge-color, var(--color-base-content)) 8%, var(--color-base-100) );

      border-color: color-mix( in oklab, var(--badge-color, var(--color-base-content)) 10%, var(--color-base-100) );

      background-image: none;
    }
  }

  .kbd {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: var(--radius-field);

    background-color: var(--color-base-200);

    vertical-align: middle;

    padding-left: 0.5em;

    padding-right: 0.5em;

    border: var(--border) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);

    border-bottom: calc(var(--border) + 1px) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);

    --size: calc(var(--size-selector, 0.25rem) * 6);

    font-size: 0.875rem;

    height: var(--size);

    min-width: var(--size);
  }

  .tabs {

    display: flex;

    flex-wrap: wrap;

    --tabs-height: auto;

    --tabs-direction: row;

    height: var(--tabs-height);

    flex-direction: var(--tabs-direction);
  }

  .form-input {

    appearance: none;

    background-color: #fff;

    border-color: oklch(55.1% 0.027 264.364);

    border-width: 1px;

    border-radius: 0px;

    padding-top: 0.5rem;

    padding-right: 0.75rem;

    padding-bottom: 0.5rem;

    padding-left: 0.75rem;

    font-size: 1rem;

    line-height: 1.5rem;

    --tw-shadow: 0 0 #0000;

    &:focus {

      outline: 2px solid transparent;

      outline-offset: 2px;

      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

      --tw-ring-offset-width: 0px;

      --tw-ring-offset-color: #fff;

      --tw-ring-color: oklch(54.6% 0.245 262.881);

      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

      border-color: oklch(54.6% 0.245 262.881);
    }

    &::placeholder {

      color: oklch(55.1% 0.027 264.364);

      opacity: 1;
    }

    &::-webkit-datetime-edit-fields-wrapper {

      padding: 0;
    }

    &::-webkit-date-and-time-value {

      min-height: 1.5em;
    }

    &::-webkit-date-and-time-value {

      text-align: inherit;
    }

    &::-webkit-datetime-edit {

      display: inline-flex;
    }

    &::-webkit-datetime-edit {

      padding-top: 0;

      padding-bottom: 0;
    }

    &::-webkit-datetime-edit-year-field {

      padding-top: 0;

      padding-bottom: 0;
    }

    &::-webkit-datetime-edit-month-field {

      padding-top: 0;

      padding-bottom: 0;
    }

    &::-webkit-datetime-edit-day-field {

      padding-top: 0;

      padding-bottom: 0;
    }

    &::-webkit-datetime-edit-hour-field {

      padding-top: 0;

      padding-bottom: 0;
    }

    &::-webkit-datetime-edit-minute-field {

      padding-top: 0;

      padding-bottom: 0;
    }

    &::-webkit-datetime-edit-second-field {

      padding-top: 0;

      padding-bottom: 0;
    }

    &::-webkit-datetime-edit-millisecond-field {

      padding-top: 0;

      padding-bottom: 0;
    }

    &::-webkit-datetime-edit-meridiem-field {

      padding-top: 0;

      padding-bottom: 0;
    }
  }

  .footer {

    display: grid;

    width: 100%;

    grid-auto-flow: row;

    place-items: start;

    column-gap: calc(0.25rem * 4);

    row-gap: calc(0.25rem * 10);

    font-size: 0.875rem;

    line-height: 1.25rem;

    & > * {

      display: grid;

      place-items: start;

      gap: calc(0.25rem * 2);
    }

    &.footer-center {

      grid-auto-flow: column dense;

      place-items: center;

      text-align: center;

      & > * {

        place-items: center;
      }
    }
  }

  .stat {

    display: inline-grid;

    width: 100%;

    column-gap: calc(0.25rem * 4);

    padding-inline: calc(0.25rem * 6);

    padding-block: calc(0.25rem * 4);

    grid-template-columns: repeat(1, 1fr);

    &:not(:last-child) {

      border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);

      border-block-end: none;
    }
  }

  .card-body {

    display: flex;

    flex: auto;

    flex-direction: column;

    gap: calc(0.25rem * 2);

    padding: var(--card-p, 1.5rem);

    font-size: var(--card-fs, 0.875rem);

    :where(p) {

      flex-grow: 1;
    }
  }

  .alert {

    display: grid;

    align-items: center;

    gap: calc(0.25rem * 4);

    border-radius: var(--radius-box);

    padding-inline: calc(0.25rem * 4);

    padding-block: calc(0.25rem * 3);

    color: var(--color-base-content);

    background-color: var(--alert-color, var(--color-base-200));

    justify-content: start;

    justify-items: start;

    grid-auto-flow: column;

    grid-template-columns: auto;

    text-align: start;

    border: var(--border) solid var(--color-base-200);

    font-size: 0.875rem;

    line-height: 1.25rem;

    background-size: auto, calc(var(--noise) * 100%);

    background-image: none, var(--fx-noise);

    box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px color-mix( in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000 ), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));

    &:has():nth-child(2) {

      grid-template-columns: auto minmax(auto, 1fr);
    }

    &.alert-outline {

      background-color: transparent;

      color: var(--alert-color);

      box-shadow: none;

      background-image: none;
    }

    &.alert-dash {

      background-color: transparent;

      color: var(--alert-color);

      border-style: dashed;

      box-shadow: none;

      background-image: none;
    }

    &.alert-soft {

      color: var(--alert-color, var(--color-base-content));

      background: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 8%, var(--color-base-100) );

      border-color: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 10%, var(--color-base-100) );

      box-shadow: none;

      background-image: none;
    }
  }

  .sticky-note-content {

    background: linear-gradient( 180deg, rgba(244, 245, 146, 1) 0%, rgba(244, 245, 146, 1) 12%, rgba(234, 235, 136, 1) 75%, rgba(254, 255, 156, 1) 100% );

    padding: 3rem 3rem 3rem 1rem;

    display: flex;

    justify-content: center;

    align-items: center;

    font-family: 'Comic Sans MS', monospace;

    clip-path: url(#stickyClip);
  }

  .card-title {

    display: flex;

    align-items: center;

    gap: calc(0.25rem * 2);

    font-size: var(--cardtitle-fs, 1.125rem);

    font-weight: 600;
  }

  .join {

    display: inline-flex;

    align-items: stretch;

    --join-ss: 0;

    --join-se: 0;

    --join-es: 0;

    --join-ee: 0;

    :where(.join-item) {

      border-start-start-radius: var(--join-ss, 0);

      border-start-end-radius: var(--join-se, 0);

      border-end-start-radius: var(--join-es, 0);

      border-end-end-radius: var(--join-ee, 0);

      * {

        --join-ss: var(--radius-field);

        --join-se: var(--radius-field);

        --join-es: var(--radius-field);

        --join-ee: var(--radius-field);
      }
    }

    > .join-item:where(:first-child) {

      --join-ss: var(--radius-field);

      --join-se: 0;

      --join-es: var(--radius-field);

      --join-ee: 0;
    }

    :first-child:not(:last-child) {

      :where(.join-item) {

        --join-ss: var(--radius-field);

        --join-se: 0;

        --join-es: var(--radius-field);

        --join-ee: 0;
      }
    }

    > .join-item:where(:last-child) {

      --join-ss: 0;

      --join-se: var(--radius-field);

      --join-es: 0;

      --join-ee: var(--radius-field);
    }

    :last-child:not(:first-child) {

      :where(.join-item) {

        --join-ss: 0;

        --join-se: var(--radius-field);

        --join-es: 0;

        --join-ee: var(--radius-field);
      }
    }

    > .join-item:where(:only-child) {

      --join-ss: var(--radius-field);

      --join-se: var(--radius-field);

      --join-es: var(--radius-field);

      --join-ee: var(--radius-field);
    }

    :only-child {

      :where(.join-item) {

        --join-ss: var(--radius-field);

        --join-se: var(--radius-field);

        --join-es: var(--radius-field);

        --join-ee: var(--radius-field);
      }
    }
  }

  .prose {

    :root & {

      --tw-prose-body: color-mix(in oklab, var(--color-base-content) 80%, #0000);

      --tw-prose-headings: var(--color-base-content);

      --tw-prose-lead: var(--color-base-content);

      --tw-prose-links: var(--color-base-content);

      --tw-prose-bold: var(--color-base-content);

      --tw-prose-counters: var(--color-base-content);

      --tw-prose-bullets: color-mix(in oklab, var(--color-base-content) 50%, #0000);

      --tw-prose-hr: color-mix(in oklab, var(--color-base-content) 20%, #0000);

      --tw-prose-quotes: var(--color-base-content);

      --tw-prose-quote-borders: color-mix(in oklab, var(--color-base-content) 20%, #0000);

      --tw-prose-captions: color-mix(in oklab, var(--color-base-content) 50%, #0000);

      --tw-prose-code: var(--color-base-content);

      --tw-prose-pre-code: var(--color-neutral-content);

      --tw-prose-pre-bg: var(--color-neutral);

      --tw-prose-th-borders: color-mix(in oklab, var(--color-base-content) 50%, #0000);

      --tw-prose-td-borders: color-mix(in oklab, var(--color-base-content) 20%, #0000);

      --tw-prose-kbd: color-mix(in oklab, var(--color-base-content) 80%, #0000);

      :where(code):not(pre > code) {

        background-color: var(--color-base-200);

        border-radius: var(--radius-selector);

        border: var(--border) solid var(--color-base-300);

        padding-inline: 0.5em;

        font-weight: inherit;

        &:before, &:after {

          display: none;
        }
      }
    }
  }

  .mask {

    display: inline-block;

    vertical-align: middle;

    mask-size: contain;

    mask-repeat: no-repeat;

    mask-position: center;
  }

  .block {

    display: block;
  }

  .block\! {

    display: block !important;
  }

  .contents {

    display: contents;
  }

  .flex {

    display: flex;
  }

  .flex\! {

    display: flex !important;
  }

  .grid {

    display: grid;
  }

  .hidden {

    display: none;
  }

  .hidden {

    display: none;
  }

  .hidden\! {

    display: none !important;
  }

  .hidden\! {

    display: none !important;
  }

  .inline {

    display: inline;
  }

  .inline\! {

    display: inline !important;
  }

  .inline-block {

    display: inline-block;
  }

  .inline-block\! {

    display: inline-block !important;
  }

  .inline-flex {

    display: inline-flex;
  }

  .inline-flex\! {

    display: inline-flex !important;
  }

  .inline-grid {

    display: inline-grid;
  }

  .sticky-note-outer {

    display: flex;
  }

  .table {

    display: table;
  }

  .size-5 {

    width: calc(var(--spacing) * 5);

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

  .h-2 {

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

  .h-3 {

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

  .h-3\! {

    height: calc(var(--spacing) * 3) !important;
  }

  .h-4 {

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

  .h-4\! {

    height: calc(var(--spacing) * 4) !important;
  }

  .h-5 {

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

  .h-5\! {

    height: calc(var(--spacing) * 5) !important;
  }

  .h-6 {

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

  .h-6\! {

    height: calc(var(--spacing) * 6) !important;
  }

  .h-7 {

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

  .h-8 {

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

  .h-8\! {

    height: calc(var(--spacing) * 8) !important;
  }

  .h-10 {

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

  .h-10\! {

    height: calc(var(--spacing) * 10) !important;
  }

  .h-12\! {

    height: calc(var(--spacing) * 12) !important;
  }

  .h-60 {

    height: calc(var(--spacing) * 60);
  }

  .h-96 {

    height: calc(var(--spacing) * 96);
  }

  .h-100 {

    height: calc(var(--spacing) * 100);
  }

  .h-\[1em\] {

    height: 1em;
  }

  .h-\[1em\]\! {

    height: 1em !important;
  }

  .h-\[18px\] {

    height: 18px;
  }

  .h-\[350px\]\! {

    height: 350px !important;
  }

  .h-\[450px\]\! {

    height: 450px !important;
  }

  .h-\[calc\(100vh-\(var\(--spacing\)\*8\)-\(var\(--spacing\)\*14\)\)\] {

    height: calc(100vh - (var(--spacing) * 8) - (var(--spacing) * 14));
  }

  .h-\[calc\(100vh-\(var\(--spacing\)\*8\)-\(var\(--spacing\)\*14\)-\(var\(--spacing\)\*14\)\)\] {

    height: calc(100vh - (var(--spacing) * 8) - (var(--spacing) * 14) - (var(--spacing) * 14));
  }

  .h-fit {

    height: fit-content;
  }

  .h-full {

    height: 100%;
  }

  .h-max {

    height: max-content;
  }

  .h-screen {

    height: 100vh;
  }

  .max-h-14 {

    max-height: calc(var(--spacing) * 14);
  }

  .max-h-60 {

    max-height: calc(var(--spacing) * 60);
  }

  .max-h-\[calc\(100vh-\(var\(--spacing\)\*8\)\)\] {

    max-height: calc(100vh - (var(--spacing) * 8));
  }

  .max-h-\[calc\(100vh-\(var\(--spacing\)\*8\)-\(var\(--spacing\)\*14\)\)\] {

    max-height: calc(100vh - (var(--spacing) * 8) - (var(--spacing) * 14));
  }

  .max-h-\[calc\(100vh-\(var\(--spacing\)\*8\)-\(var\(--spacing\)\*14\)-\(var\(--spacing\)\*14\)\)\] {

    max-height: calc(100vh - (var(--spacing) * 8) - (var(--spacing) * 14) - (var(--spacing) * 14));
  }

  .max-h-\[calc\(100vh-2rem\)\] {

    max-height: calc(100vh - 2rem);
  }

  .max-h-\[calc\(100vh-2rem-3\.5rem\)\] {

    max-height: calc(100vh - 2rem - 3.5rem);
  }

  .min-h-\[1px\] {

    min-height: 1px;
  }

  .min-h-full {

    min-height: 100%;
  }

  .min-h-screen {

    min-height: 100vh;
  }

  .w-1\/2 {

    width: calc(1/2 * 100%);
  }

  .w-1\/4 {

    width: calc(1/4 * 100%);
  }

  .w-2 {

    width: calc(var(--spacing) * 2);
  }

  .w-3 {

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

  .w-3\! {

    width: calc(var(--spacing) * 3) !important;
  }

  .w-4 {

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

  .w-4\! {

    width: calc(var(--spacing) * 4) !important;
  }

  .w-5 {

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

  .w-5\! {

    width: calc(var(--spacing) * 5) !important;
  }

  .w-6 {

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

  .w-6\! {

    width: calc(var(--spacing) * 6) !important;
  }

  .w-7 {

    width: calc(var(--spacing) * 7);
  }

  .w-8 {

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

  .w-8\! {

    width: calc(var(--spacing) * 8) !important;
  }

  .w-10 {

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

  .w-10\! {

    width: calc(var(--spacing) * 10) !important;
  }

  .w-12\! {

    width: calc(var(--spacing) * 12) !important;
  }

  .w-25 {

    width: calc(var(--spacing) * 25);
  }

  .w-32 {

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

  .w-33 {

    width: calc(var(--spacing) * 33);
  }

  .w-36 {

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

  .w-48 {

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

  .w-60 {

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

  .w-64 {

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

  .w-96 {

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

  .w-100 {

    width: calc(var(--spacing) * 100);
  }

  .w-\[1\%\] {

    width: 1%;
  }

  .w-\[1em\] {

    width: 1em;
  }

  .w-\[1em\]\! {

    width: 1em !important;
  }

  .w-\[100\%\] {

    width: 100%;
  }

  .w-\[460px\] {

    width: 460px;
  }

  .w-\[560px\] {

    width: 560px;
  }

  .w-\[calc\(100vw-\(var\(--spacing\)\*8\)\)\] {

    width: calc(100vw - (var(--spacing) * 8));
  }

  .w-auto {

    width: auto;
  }

  .w-auto\! {

    width: auto !important;
  }

  .w-fit {

    width: fit-content;
  }

  .w-full {

    width: 100%;
  }

  .w-px {

    width: 1px;
  }

  .max-w-256 {

    max-width: calc(var(--spacing) * 256);
  }

  .max-w-\[8em\] {

    max-width: 8em;
  }

  .max-w-\[calc\(100vw-\(var\(--spacing\)\*8\)\)\] {

    max-width: calc(100vw - (var(--spacing) * 8));
  }

  .max-w-\[none\] {

    max-width: none;
  }

  .max-w-full {

    max-width: 100%;
  }

  .max-w-none {

    max-width: none;
  }

  .grid-cols-subgrid {

    .grid-table & {

      min-width: 100%;
    }

    .grid-table &:not(.grid-table-row) {

      :where(& > :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(& > :not(:last-child)) {

        border-color: var(--color-gray-200);
      }
    }
  }

  .min-w-0 {

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

  .min-w-96 {

    min-width: calc(var(--spacing) * 96);
  }

  .min-w-96\! {

    min-width: calc(var(--spacing) * 96) !important;
  }

  .min-w-100 {

    min-width: calc(var(--spacing) * 100);
  }

  .min-w-\[1px\] {

    min-width: 1px;
  }

  .min-w-\[15rem\] {

    min-width: 15rem;
  }

  .min-w-\[16rem\] {

    min-width: 16rem;
  }

  .min-w-fit {

    min-width: fit-content;
  }

  .min-w-full {

    min-width: 100%;
  }

  .flex-0 {

    flex: 0;
  }

  .flex-1 {

    flex: 1;
  }

  .flex-2 {

    flex: 2;
  }

  .flex-4 {

    flex: 4;
  }

  .flex-5 {

    flex: 5;
  }

  .flex-none {

    flex: none;
  }

  .shrink-0 {

    flex-shrink: 0;
  }

  .flex-grow-1 {

    flex-grow: 1;
  }

  .grow {

    flex-grow: 1;
  }

  .grow-0 {

    flex-grow: 0;
  }

  .border-collapse {

    border-collapse: collapse;
  }

  .border-separate {

    border-collapse: separate;
  }

  .border-spacing-0 {

    --tw-border-spacing-x: calc(var(--spacing) * 0);

    --tw-border-spacing-y: calc(var(--spacing) * 0);

    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .border-spacing-1\.5 {

    --tw-border-spacing-x: calc(var(--spacing) * 1.5);

    --tw-border-spacing-y: calc(var(--spacing) * 1.5);

    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .-translate-y-2 {

    --tw-translate-y: calc(var(--spacing) * -2);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {

    --tw-translate-y: calc(var(--spacing) * 0);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-4 {

    --tw-translate-y: calc(var(--spacing) * 4);

    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-2 {

    rotate: calc(2deg * -1);
  }

  .-rotate-3 {

    rotate: calc(3deg * -1);
  }

  .-rotate-90\! {

    rotate: calc(90deg * -1) !important;
  }

  .rotate-0 {

    rotate: 0deg;
  }

  .rotate-90 {

    rotate: 90deg;
  }

  .rotate-180 {

    rotate: 180deg;
  }

  .rotate-\[0\.5deg\] {

    rotate: 0.5deg;
  }

  .sticky-note-container {

    transform: rotate(-0.15deg);
  }

  .transform {

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

  .transform-gpu {

    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .skeleton {

    border-radius: var(--radius-box);

    background-color: var(--color-base-300);

    @media (prefers-reduced-motion: reduce) {

      transition-duration: 15s;
    }

    will-change: background-position;

    animation: skeleton 1.8s ease-in-out infinite;

    background-image: linear-gradient( 105deg, #0000 0% 40%, var(--color-base-100) 50%, #0000 60% 100% );

    background-size: 200% auto;

    background-repeat: no-repeat;

    background-position-x: -50%;
  }

  .animate-pulse {

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

  .animate-spin {

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

  .animate-spin\! {

    animation: var(--animate-spin) !important;
  }

  .link {

    cursor: pointer;

    text-decoration-line: underline;

    &:focus {

      --tw-outline-style: none;

      outline-style: none;

      @media (forced-colors: active) {

        outline: 2px solid transparent;

        outline-offset: 2px;
      }
    }

    &:focus-visible {

      outline: 2px solid currentColor;

      outline-offset: 2px;
    }
  }

  .cursor-default {

    cursor: default;
  }

  .cursor-move {

    cursor: move;
  }

  .cursor-pointer {

    cursor: pointer;
  }

  .resize {

    resize: both;
  }

  .form-select {

    appearance: none;

    background-color: #fff;

    border-color: oklch(55.1% 0.027 264.364);

    border-width: 1px;

    border-radius: 0px;

    padding-top: 0.5rem;

    padding-right: 0.75rem;

    padding-bottom: 0.5rem;

    padding-left: 0.75rem;

    font-size: 1rem;

    line-height: 1.5rem;

    --tw-shadow: 0 0 #0000;

    &:focus {

      outline: 2px solid transparent;

      outline-offset: 2px;

      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

      --tw-ring-offset-width: 0px;

      --tw-ring-offset-color: #fff;

      --tw-ring-color: oklch(54.6% 0.245 262.881);

      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

      border-color: oklch(54.6% 0.245 262.881);
    }

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");

    background-position: right 0.5rem center;

    background-repeat: no-repeat;

    background-size: 1.5em 1.5em;

    padding-right: 2.5rem;

    print-color-adjust: exact;

    &:where([size]:not([size="1"])) {

      background-image: initial;

      background-position: initial;

      background-repeat: unset;

      background-size: initial;

      padding-right: 0.75rem;

      print-color-adjust: unset;
    }
  }

  .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-\[20fr_12fr_15fr\] {

    grid-template-columns: 20fr 12fr 15fr;
  }

  .grid-cols-\[fit-content\(10\%\)_1fr\] {

    grid-template-columns: fit-content(10%) 1fr;
  }

  .grid-cols-subgrid {

    grid-template-columns: subgrid;
  }

  .flex-col {

    flex-direction: column;
  }

  .flex-row {

    flex-direction: row;
  }

  .flex-row-reverse {

    flex-direction: row-reverse;
  }

  .flex-wrap {

    flex-wrap: wrap;
  }

  .place-items-center {

    place-items: center;
  }

  .content-between {

    align-content: space-between;
  }

  .items-center {

    align-items: center;
  }

  .items-end {

    align-items: flex-end;
  }

  .items-start {

    align-items: flex-start;
  }

  .items-stretch {

    align-items: stretch;
  }

  .justify-around {

    justify-content: space-around;
  }

  .justify-between {

    justify-content: space-between;
  }

  .justify-center {

    justify-content: center;
  }

  .justify-end {

    justify-content: flex-end;
  }

  .justify-start {

    justify-content: flex-start;
  }

  .justify-items-center {

    justify-items: center;
  }

  .gap-1 {

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

  .gap-1\.5 {

    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {

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

  .gap-4 {

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

  .gap-6 {

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

  .gap-8 {

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

  .gap-24 {

    gap: calc(var(--spacing) * 24);
  }

  .-space-y-px {

    :where(& > :not(:last-child)) {

      --tw-space-y-reverse: 0;

      margin-block-start: calc(-1px * var(--tw-space-y-reverse));

      margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  .space-y-1 {

    :where(& > :not(:last-child)) {

      --tw-space-y-reverse: 0;

      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));

      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  .space-y-2 {

    :where(& > :not(:last-child)) {

      --tw-space-y-reverse: 0;

      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));

      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  .space-y-4 {

    :where(& > :not(:last-child)) {

      --tw-space-y-reverse: 0;

      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));

      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  .space-y-8 {

    :where(& > :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)));
    }
  }

  .space-y-12 {

    :where(& > :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)));
    }
  }

  .space-y-24 {

    :where(& > :not(:last-child)) {

      --tw-space-y-reverse: 0;

      margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));

      margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  .gap-x-2 {

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

  .gap-x-4 {

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

  .gap-x-6 {

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

  .-space-x-px {

    :where(& > :not(:last-child)) {

      --tw-space-x-reverse: 0;

      margin-inline-start: calc(-1px * var(--tw-space-x-reverse));

      margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
    }
  }

  .space-x-2 {

    :where(& > :not(:last-child)) {

      --tw-space-x-reverse: 0;

      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));

      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }

  .space-x-4 {

    :where(& > :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)));
    }
  }

  .space-x-8 {

    :where(& > :not(:last-child)) {

      --tw-space-x-reverse: 0;

      margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));

      margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
    }
  }

  .grid-table-row {

    .grid-table & {

      :where(& > :not(:last-child)) {

        --tw-divide-x-reverse: 0;

        border-inline-style: var(--tw-border-style);

        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));

        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      }

      :where(& > :not(:last-child)) {

        border-color: var(--color-gray-300);
      }

      &:hover {

        @media (hover: hover) {

          background-color: var(--color-gray-100);
        }
      }
    }
  }

  .divide-x {

    :where(& > :not(:last-child)) {

      --tw-divide-x-reverse: 0;

      border-inline-style: var(--tw-border-style);

      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));

      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }

  .grid-table-head {

    .grid-table &:first-child {

      @media (width >= 48rem) {

        border-top-left-radius: var(--radius-md);

        border-top-right-radius: var(--radius-md);
      }

      >.grid-table-row:first-child {

        &:hover {

          @media (hover: hover) {

            background-color: var(--color-gray-100);
          }
        }

        @media (width >= 48rem) {

          border-top-left-radius: var(--radius-md);

          border-top-right-radius: var(--radius-md);
        }
      }
    }

    .grid-table &:last-child {

      @media (width >= 48rem) {

        border-bottom-right-radius: var(--radius-md);

        border-bottom-left-radius: var(--radius-md);
      }

      >.grid-table-row:last-child {

        &:hover {

          @media (hover: hover) {

            background-color: var(--color-gray-100);
          }
        }

        @media (width >= 48rem) {

          border-bottom-right-radius: var(--radius-md);

          border-bottom-left-radius: var(--radius-md);
        }
      }
    }

    .grid-table & {

      :where(& > :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(& > :not(:last-child)) {

        border-color: var(--color-gray-300);
      }

      background-color: var(--color-gray-100);
    }

    .grid-table & .grid-cell {

      text-align: center;

      --tw-font-weight: var(--font-weight-semibold);

      font-weight: var(--font-weight-semibold);

      color: var(--color-gray-900);
    }
  }

  .grid-table {

    :where(& > :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(& > :not(:last-child)) {

      border-color: var(--color-gray-200);
    }

    background-color: var(--color-white);

    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

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

    --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);

    @media (width >= 48rem) {

      border-radius: var(--radius-md);
    }

    & .grid-table-head:first-child {

      @media (width >= 48rem) {

        border-top-left-radius: var(--radius-md);

        border-top-right-radius: var(--radius-md);
      }

      >.grid-table-row:first-child {

        &:hover {

          @media (hover: hover) {

            background-color: var(--color-gray-100);
          }
        }

        @media (width >= 48rem) {

          border-top-left-radius: var(--radius-md);

          border-top-right-radius: var(--radius-md);
        }
      }
    }

    & .grid-table-body:first-child {

      @media (width >= 48rem) {

        border-top-left-radius: var(--radius-md);

        border-top-right-radius: var(--radius-md);
      }

      >.grid-table-row:first-child {

        &:hover {

          @media (hover: hover) {

            background-color: var(--color-gray-100);
          }
        }

        @media (width >= 48rem) {

          border-top-left-radius: var(--radius-md);

          border-top-right-radius: var(--radius-md);
        }
      }
    }

    & .grid-table-head:last-child {

      @media (width >= 48rem) {

        border-bottom-right-radius: var(--radius-md);

        border-bottom-left-radius: var(--radius-md);
      }

      >.grid-table-row:last-child {

        &:hover {

          @media (hover: hover) {

            background-color: var(--color-gray-100);
          }
        }

        @media (width >= 48rem) {

          border-bottom-right-radius: var(--radius-md);

          border-bottom-left-radius: var(--radius-md);
        }
      }
    }

    & .grid-table-body:last-child {

      @media (width >= 48rem) {

        border-bottom-right-radius: var(--radius-md);

        border-bottom-left-radius: var(--radius-md);
      }

      >.grid-table-row:last-child {

        &:hover {

          @media (hover: hover) {

            background-color: var(--color-gray-100);
          }
        }

        @media (width >= 48rem) {

          border-bottom-right-radius: var(--radius-md);

          border-bottom-left-radius: var(--radius-md);
        }
      }
    }

    & .grid-cols-subgrid {

      min-width: 100%;
    }

    & .grid-table-row {

      :where(& > :not(:last-child)) {

        --tw-divide-x-reverse: 0;

        border-inline-style: var(--tw-border-style);

        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));

        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      }

      :where(& > :not(:last-child)) {

        border-color: var(--color-gray-300);
      }

      &:hover {

        @media (hover: hover) {

          background-color: var(--color-gray-100);
        }
      }
    }

    & .grid-cols-subgrid:not(.grid-table-row) {

      :where(& > :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(& > :not(:last-child)) {

        border-color: var(--color-gray-200);
      }
    }

    & .grid-table-head {

      :where(& > :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(& > :not(:last-child)) {

        border-color: var(--color-gray-300);
      }

      background-color: var(--color-gray-100);
    }

    & .grid-table-foot {

      :where(& > :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(& > :not(:last-child)) {

        border-color: var(--color-gray-300);
      }

      background-color: var(--color-gray-100);
    }

    & .grid-cell:not(.grid-cols-subgrid) {

      padding-inline: calc(var(--spacing) * 3);

      padding-block: calc(var(--spacing) * 3.5);

      &:first-child {

        padding-left: calc(var(--spacing) * 4);
      }

      &:last-child {

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

      @media (width >= 40rem) {

        &:first-child {

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

      @media (width >= 40rem) {

        &:last-child {

          padding-right: calc(var(--spacing) * 6);
        }
      }
    }

    &.grid-table-p-compact .grid-cell:not(.grid-cols-subgrid) {

      padding-inline: calc(var(--spacing) * 1);

      padding-block: calc(var(--spacing) * 1);

      &:first-child {

        padding-left: calc(var(--spacing) * 2);
      }

      &:last-child {

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

      @media (width >= 40rem) {

        &:first-child {

          padding-left: calc(var(--spacing) * 4);
        }
      }

      @media (width >= 40rem) {

        &:last-child {

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

    & .grid-table-head .grid-cell {

      text-align: center;

      --tw-font-weight: var(--font-weight-semibold);

      font-weight: var(--font-weight-semibold);

      color: var(--color-gray-900);
    }
  }

  .grid-table-foot {

    .grid-table & {

      :where(& > :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(& > :not(:last-child)) {

        border-color: var(--color-gray-300);
      }

      background-color: var(--color-gray-100);
    }
  }

  .divide-y {

    :where(& > :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)));
    }
  }

  .divide-gray-100 {

    :where(& > :not(:last-child)) {

      border-color: var(--color-gray-100);
    }
  }

  .divide-gray-200 {

    :where(& > :not(:last-child)) {

      border-color: var(--color-gray-200);
    }
  }

  .divide-gray-200\! {

    :where(& > :not(:last-child)) {

      border-color: var(--color-gray-200) !important;
    }
  }

  .divide-gray-300 {

    :where(& > :not(:last-child)) {

      border-color: var(--color-gray-300);
    }
  }

  .truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
  }

  .overflow-auto {

    overflow: auto;
  }

  .overflow-hidden {

    overflow: hidden;
  }

  .overflow-scroll {

    overflow: scroll;
  }

  .overflow-visible {

    overflow: visible;
  }

  .overflow-visible\! {

    overflow: visible !important;
  }

  .overflow-x-auto {

    overflow-x: auto;
  }

  .overflow-x-hidden {

    overflow-x: hidden;
  }

  .overflow-x-scroll {

    overflow-x: scroll;
  }

  .overflow-y-auto {

    overflow-y: auto;
  }

  .overflow-y-hidden {

    overflow-y: hidden;
  }

  .overflow-y-scroll {

    overflow-y: scroll;
  }

  .overscroll-contain {

    overscroll-behavior: contain;
  }

  .rounded-group {

    &>*:not(form):first-child,
  &>form:first-child>* {

      border-top-right-radius: 0;

      border-bottom-right-radius: 0;
    }

    &>*:not(form):last-child,
  &>form:last-child>* {

      border-top-left-radius: 0;

      border-bottom-left-radius: 0;
    }

    &>*:not(form):not(:last-child):not(:first-child),
  &>form:not(:last-child):not(:first-child)>* {

      border-radius: 0;
    }
  }

  .rounded {

    border-radius: 0.25rem;
  }

  .rounded-full {

    border-radius: calc(infinity * 1px);
  }

  .rounded-lg {

    border-radius: var(--radius-lg);
  }

  .rounded-md {

    border-radius: var(--radius-md);
  }

  .rounded-none {

    border-radius: 0;
  }

  .rounded-none\! {

    border-radius: 0 !important;
  }

  .rounded-sm {

    border-radius: var(--radius-sm);
  }

  .rounded-xl {

    border-radius: var(--radius-xl);
  }

  .rounded-xs {

    border-radius: var(--radius-xs);
  }

  .rounded-s-none {

    border-start-start-radius: 0;

    border-end-start-radius: 0;
  }

  .rounded-e-none {

    border-start-end-radius: 0;

    border-end-end-radius: 0;
  }

  .grid-table-body {

    .grid-table &:first-child {

      @media (width >= 48rem) {

        border-top-left-radius: var(--radius-md);

        border-top-right-radius: var(--radius-md);
      }

      >.grid-table-row:first-child {

        &:hover {

          @media (hover: hover) {

            background-color: var(--color-gray-100);
          }
        }

        @media (width >= 48rem) {

          border-top-left-radius: var(--radius-md);

          border-top-right-radius: var(--radius-md);
        }
      }
    }

    .grid-table &:last-child {

      @media (width >= 48rem) {

        border-bottom-right-radius: var(--radius-md);

        border-bottom-left-radius: var(--radius-md);
      }

      >.grid-table-row:last-child {

        &:hover {

          @media (hover: hover) {

            background-color: var(--color-gray-100);
          }
        }

        @media (width >= 48rem) {

          border-bottom-right-radius: var(--radius-md);

          border-bottom-left-radius: var(--radius-md);
        }
      }
    }
  }

  .rounded-t-md {

    border-top-left-radius: var(--radius-md);

    border-top-right-radius: var(--radius-md);
  }

  .rounded-l-md {

    border-top-left-radius: var(--radius-md);

    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-r-md {

    border-top-right-radius: var(--radius-md);

    border-bottom-right-radius: var(--radius-md);
  }

  .rounded-b {

    border-bottom-right-radius: 0.25rem;

    border-bottom-left-radius: 0.25rem;
  }

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

  .border {

    border-style: var(--tw-border-style);

    border-width: 1px;
  }

  .border-0 {

    border-style: var(--tw-border-style);

    border-width: 0px;
  }

  .border-2 {

    border-style: var(--tw-border-style);

    border-width: 2px;
  }

  .border-8 {

    border-style: var(--tw-border-style);

    border-width: 8px;
  }

  .border-t {

    border-top-style: var(--tw-border-style);

    border-top-width: 1px;
  }

  .border-t\! {

    border-top-style: var(--tw-border-style) !important;

    border-top-width: 1px !important;
  }

  .border-t-0\! {

    border-top-style: var(--tw-border-style) !important;

    border-top-width: 0px !important;
  }

  .border-r {

    border-right-style: var(--tw-border-style);

    border-right-width: 1px;
  }

  .border-r-4\! {

    border-right-style: var(--tw-border-style) !important;

    border-right-width: 4px !important;
  }

  .border-b {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 1px;
  }

  .border-b-0\! {

    border-bottom-style: var(--tw-border-style) !important;

    border-bottom-width: 0px !important;
  }

  .border-l {

    border-left-style: var(--tw-border-style);

    border-left-width: 1px;
  }

  .border-dashed {

    --tw-border-style: dashed;

    border-style: dashed;
  }

  .border-none {

    --tw-border-style: none;

    border-style: none;
  }

  .alert-warning {

    border-color: var(--color-warning);

    color: var(--color-warning-content);

    --alert-color: var(--color-warning);
  }

  .border-amber-100 {

    border-color: var(--color-amber-100);
  }

  .border-emerald-600 {

    border-color: var(--color-emerald-600);
  }

  .border-gray-200 {

    border-color: var(--color-gray-200);
  }

  .border-gray-300 {

    border-color: var(--color-gray-300);
  }

  .border-mojo-blue-dark {

    border-color: var(--color-mojo-blue-dark);
  }

  .border-mojo-blue-light {

    border-color: var(--color-mojo-blue-light);
  }

  .border-neutral-300 {

    border-color: var(--color-neutral-300);
  }

  .border-neutral-900 {

    border-color: var(--color-neutral-900);
  }

  .border-red-300 {

    border-color: var(--color-red-300);
  }

  .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-red-800 {

    border-color: var(--color-red-800);
  }

  .border-red-900 {

    border-color: var(--color-red-900);
  }

  .border-transparent {

    border-color: transparent;
  }

  .border-t-gray-100 {

    border-top-color: var(--color-gray-100);
  }

  .border-t-mojo-blue-light\/50\! {

    border-top-color: color-mix(in oklab, var(--color-mojo-blue-light) 50%, transparent) !important;
  }

  .border-r-mojo-blue-light\/50\! {

    border-right-color: color-mix(in oklab, var(--color-mojo-blue-light) 50%, transparent) !important;
  }

  .border-b-gray-300\! {

    border-bottom-color: var(--color-gray-300) !important;
  }

  .border-b-mojo-blue-light {

    border-bottom-color: var(--color-mojo-blue-light);
  }

  .border-l-gray-300\/50 {

    border-left-color: color-mix(in oklab, var(--color-gray-300) 50%, transparent);
  }

  .\!bg-red-50 {

    background-color: var(--color-red-50) !important;
  }

  .bg-amber-50 {

    background-color: var(--color-amber-50);
  }

  .bg-amber-100\! {

    background-color: var(--color-amber-100) !important;
  }

  .bg-black\/95 {

    background-color: color-mix(in oklab, var(--color-black) 95%, transparent);
  }

  .bg-emerald-50 {

    background-color: var(--color-emerald-50);
  }

  .bg-emerald-100 {

    background-color: var(--color-emerald-100);
  }

  .bg-emerald-700\/25 {

    background-color: color-mix(in oklab, var(--color-emerald-700) 25%, transparent);
  }

  .bg-emerald-800 {

    background-color: var(--color-emerald-800);
  }

  .bg-gray-50 {

    background-color: var(--color-gray-50);
  }

  .bg-gray-100 {

    background-color: var(--color-gray-100);
  }

  .bg-gray-100\/75 {

    background-color: color-mix(in oklab, var(--color-gray-100) 75%, transparent);
  }

  .bg-gray-200 {

    background-color: var(--color-gray-200);
  }

  .bg-gray-400 {

    background-color: var(--color-gray-400);
  }

  .bg-gray-600 {

    background-color: var(--color-gray-600);
  }

  .bg-gray-800 {

    background-color: var(--color-gray-800);
  }

  .bg-green-50 {

    background-color: var(--color-green-50);
  }

  .bg-green-100 {

    background-color: var(--color-green-100);
  }

  .bg-green-300 {

    background-color: var(--color-green-300);
  }

  .bg-green-400 {

    background-color: var(--color-green-400);
  }

  .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-mojo-blue-dark {

    background-color: var(--color-mojo-blue-dark);
  }

  .bg-mojo-blue-light {

    background-color: var(--color-mojo-blue-light);
  }

  .bg-mojo-gold-700 {

    background-color: var(--color-mojo-gold-700);
  }

  .bg-mojo-gold-light {

    background-color: var(--color-mojo-gold-light);
  }

  .bg-neutral-700 {

    background-color: var(--color-neutral-700);
  }

  .bg-nord-13 {

    background-color: var(--color-nord-13);
  }

  .bg-nord-14\/25 {

    background-color: color-mix(in oklab, var(--color-nord-14) 25%, transparent);
  }

  .bg-orange-50 {

    background-color: var(--color-orange-50);
  }

  .bg-orange-100\! {

    background-color: var(--color-orange-100) !important;
  }

  .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-purple-600 {

    background-color: var(--color-purple-600);
  }

  .bg-red-50 {

    background-color: var(--color-red-50);
  }

  .bg-red-50\! {

    background-color: var(--color-red-50) !important;
  }

  .bg-red-100 {

    background-color: var(--color-red-100);
  }

  .bg-red-100\! {

    background-color: var(--color-red-100) !important;
  }

  .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-800 {

    background-color: var(--color-red-800);
  }

  .bg-rose-600 {

    background-color: var(--color-rose-600);
  }

  .bg-sky-50 {

    background-color: var(--color-sky-50);
  }

  .bg-sky-100\! {

    background-color: var(--color-sky-100) !important;
  }

  .bg-slate-400 {

    background-color: var(--color-slate-400);
  }

  .bg-teal-600 {

    background-color: var(--color-teal-600);
  }

  .bg-transparent {

    background-color: transparent;
  }

  .bg-white {

    background-color: var(--color-white);
  }

  .bg-white\/95 {

    background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
  }

  .bg-yellow-50 {

    background-color: var(--color-yellow-50);
  }

  .bg-yellow-100 {

    background-color: var(--color-yellow-100);
  }

  .bg-linear-to-b {

    --tw-gradient-position: to bottom in oklab;

    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-sky-600 {

    --tw-gradient-from: var(--color-sky-600);

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-slate-600 {

    --tw-gradient-from: var(--color-slate-600);

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-stone-700 {

    --tw-gradient-from: var(--color-stone-700);

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-sky-800 {

    --tw-gradient-to: var(--color-sky-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));
  }

  .to-slate-900 {

    --tw-gradient-to: var(--color-slate-900);

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-stone-900 {

    --tw-gradient-to: var(--color-stone-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));
  }

  .fill-current {

    fill: currentColor;
  }

  .object-cover {

    object-fit: cover;
  }

  .p-0 {

    padding: calc(var(--spacing) * 0);
  }

  .p-1 {

    padding: calc(var(--spacing) * 1);
  }

  .p-1\.5 {

    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {

    padding: calc(var(--spacing) * 2);
  }

  .p-3 {

    padding: calc(var(--spacing) * 3);
  }

  .p-4 {

    padding: calc(var(--spacing) * 4);
  }

  .p-4\! {

    padding: calc(var(--spacing) * 4) !important;
  }

  .p-8 {

    padding: calc(var(--spacing) * 8);
  }

  .grid-cell {

    .grid-table &:not(.grid-cols-subgrid) {

      padding-inline: calc(var(--spacing) * 3);

      padding-block: calc(var(--spacing) * 3.5);

      &:first-child {

        padding-left: calc(var(--spacing) * 4);
      }

      &:last-child {

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

      @media (width >= 40rem) {

        &:first-child {

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

      @media (width >= 40rem) {

        &:last-child {

          padding-right: calc(var(--spacing) * 6);
        }
      }
    }

    .grid-table.grid-table-p-compact &:not(.grid-cols-subgrid) {

      padding-inline: calc(var(--spacing) * 1);

      padding-block: calc(var(--spacing) * 1);

      &:first-child {

        padding-left: calc(var(--spacing) * 2);
      }

      &:last-child {

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

      @media (width >= 40rem) {

        &:first-child {

          padding-left: calc(var(--spacing) * 4);
        }
      }

      @media (width >= 40rem) {

        &:last-child {

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

    .grid-table .grid-table-head & {

      text-align: center;

      --tw-font-weight: var(--font-weight-semibold);

      font-weight: var(--font-weight-semibold);

      color: var(--color-gray-900);
    }
  }

  .grid-table-p-compact {

    &.grid-table .grid-cell:not(.grid-cols-subgrid) {

      padding-inline: calc(var(--spacing) * 1);

      padding-block: calc(var(--spacing) * 1);

      &:first-child {

        padding-left: calc(var(--spacing) * 2);
      }

      &:last-child {

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

      @media (width >= 40rem) {

        &:first-child {

          padding-left: calc(var(--spacing) * 4);
        }
      }

      @media (width >= 40rem) {

        &:last-child {

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

  .table-sm {

    :not(thead, tfoot) tr {

      font-size: 0.75rem;
    }

    :where(th, td) {

      padding-inline: calc(0.25rem * 3);

      padding-block: calc(0.25rem * 2);
    }
  }

  .px-0 {

    padding-inline: calc(var(--spacing) * 0);
  }

  .px-0\.5 {

    padding-inline: calc(var(--spacing) * 0.5);
  }

  .px-1 {

    padding-inline: calc(var(--spacing) * 1);
  }

  .px-2 {

    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\! {

    padding-inline: calc(var(--spacing) * 2) !important;
  }

  .px-2\.5 {

    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {

    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\! {

    padding-inline: calc(var(--spacing) * 3) !important;
  }

  .px-4 {

    padding-inline: calc(var(--spacing) * 4);
  }

  .px-6 {

    padding-inline: calc(var(--spacing) * 6);
  }

  .px-12 {

    padding-inline: calc(var(--spacing) * 12);
  }

  .py-0 {

    padding-block: calc(var(--spacing) * 0);
  }

  .py-0\! {

    padding-block: calc(var(--spacing) * 0) !important;
  }

  .py-0\.5 {

    padding-block: calc(var(--spacing) * 0.5);
  }

  .py-1 {

    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {

    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {

    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {

    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {

    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {

    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {

    padding-block: calc(var(--spacing) * 6);
  }

  .py-24 {

    padding-block: calc(var(--spacing) * 24);
  }

  .py-px {

    padding-block: 1px;
  }

  .pt-1 {

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

  .pt-2 {

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

  .pt-4 {

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

  .pt-10 {

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

  .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-4 {

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

  .pr-9\! {

    padding-right: calc(var(--spacing) * 9) !important;
  }

  .pr-10 {

    padding-right: calc(var(--spacing) * 10);
  }

  .pb-2 {

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

  .pb-4 {

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

  .pb-12 {

    padding-bottom: calc(var(--spacing) * 12);
  }

  .pb-24 {

    padding-bottom: calc(var(--spacing) * 24);
  }

  .pl-0 {

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

  .pl-3 {

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

  .pl-4 {

    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {

    padding-left: calc(var(--spacing) * 5);
  }

  .pl-9\! {

    padding-left: calc(var(--spacing) * 9) !important;
  }

  .pl-10 {

    padding-left: calc(var(--spacing) * 10);
  }

  .text-center {

    text-align: center;
  }

  .text-center\! {

    text-align: center !important;
  }

  .text-left {

    text-align: left;
  }

  .text-right {

    text-align: right;
  }

  .align-\[-0\.125em\] {

    vertical-align: -0.125em;
  }

  .align-baseline {

    vertical-align: baseline;
  }

  .align-middle {

    vertical-align: middle;
  }

  .align-middle\! {

    vertical-align: middle !important;
  }

  .align-text-top\! {

    vertical-align: text-top !important;
  }

  .align-top {

    vertical-align: top;
  }

  .font-mono {

    font-family: var(--font-mono);
  }

  .font-sans {

    font-family: var(--font-sans);
  }

  .text-2xl {

    font-size: var(--text-2xl);

    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {

    font-size: var(--text-3xl);

    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-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-lg\! {

    font-size: var(--text-lg) !important;

    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }

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

  .leading-4 {

    --tw-leading: calc(var(--spacing) * 4);

    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {

    --tw-leading: calc(var(--spacing) * 5);

    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {

    --tw-leading: calc(var(--spacing) * 6);

    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {

    --tw-leading: calc(var(--spacing) * 7);

    line-height: calc(var(--spacing) * 7);
  }

  .leading-none {

    --tw-leading: 1;

    line-height: 1;
  }

  .leading-normal {

    --tw-leading: var(--leading-normal);

    line-height: var(--leading-normal);
  }

  .font-bold {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: var(--font-weight-bold);
  }

  .font-bold\! {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: var(--font-weight-bold) !important;
  }

  .font-medium {

    --tw-font-weight: var(--font-weight-medium);

    font-weight: var(--font-weight-medium);
  }

  .font-normal {

    --tw-font-weight: var(--font-weight-normal);

    font-weight: var(--font-weight-normal);
  }

  .font-semibold {

    --tw-font-weight: var(--font-weight-semibold);

    font-weight: var(--font-weight-semibold);
  }

  .tracking-tight {

    --tw-tracking: var(--tracking-tight);

    letter-spacing: var(--tracking-tight);
  }

  .text-nowrap {

    text-wrap: nowrap;
  }

  .text-ellipsis {

    text-overflow: ellipsis;
  }

  .whitespace-nowrap {

    white-space: nowrap;
  }

  .\!text-neutral-700 {

    color: var(--color-neutral-700) !important;
  }

  .text-amber-600\! {

    color: var(--color-amber-600) !important;
  }

  .text-black {

    color: var(--color-black);
  }

  .text-blue-600\! {

    color: var(--color-blue-600) !important;
  }

  .text-emerald-300 {

    color: var(--color-emerald-300);
  }

  .text-emerald-500\! {

    color: var(--color-emerald-500) !important;
  }

  .text-emerald-600 {

    color: var(--color-emerald-600);
  }

  .text-emerald-600\! {

    color: var(--color-emerald-600) !important;
  }

  .text-emerald-700 {

    color: var(--color-emerald-700);
  }

  .text-emerald-700\! {

    color: var(--color-emerald-700) !important;
  }

  .text-emerald-800 {

    color: var(--color-emerald-800);
  }

  .text-emerald-800\! {

    color: var(--color-emerald-800) !important;
  }

  .text-gray-400 {

    color: var(--color-gray-400);
  }

  .text-gray-400\! {

    color: var(--color-gray-400) !important;
  }

  .text-gray-500 {

    color: var(--color-gray-500);
  }

  .text-gray-600 {

    color: var(--color-gray-600);
  }

  .text-gray-700 {

    color: var(--color-gray-700);
  }

  .text-gray-800 {

    color: var(--color-gray-800);
  }

  .text-gray-900 {

    color: var(--color-gray-900);
  }

  .text-gray-900\! {

    color: var(--color-gray-900) !important;
  }

  .text-green-400 {

    color: var(--color-green-400);
  }

  .text-green-500\! {

    color: var(--color-green-500) !important;
  }

  .text-green-600 {

    color: var(--color-green-600);
  }

  .text-green-700 {

    color: var(--color-green-700);
  }

  .text-green-700\! {

    color: var(--color-green-700) !important;
  }

  .text-green-800 {

    color: var(--color-green-800);
  }

  .text-green-900\! {

    color: var(--color-green-900) !important;
  }

  .text-inherit {

    color: inherit;
  }

  .text-mojo-blue-dark {

    color: var(--color-mojo-blue-dark);
  }

  .text-mojo-blue-light {

    color: var(--color-mojo-blue-light);
  }

  .text-mojo-gold-light {

    color: var(--color-mojo-gold-light);
  }

  .text-mojo-gold-light\! {

    color: var(--color-mojo-gold-light) !important;
  }

  .text-neutral {

    color: var(--color-neutral);
  }

  .text-neutral-200 {

    color: var(--color-neutral-200);
  }

  .text-neutral-400\! {

    color: var(--color-neutral-400) !important;
  }

  .text-neutral-700 {

    color: var(--color-neutral-700);
  }

  .text-neutral-800\! {

    color: var(--color-neutral-800) !important;
  }

  .text-nord-14\! {

    color: var(--color-nord-14) !important;
  }

  .text-orange-600 {

    color: var(--color-orange-600);
  }

  .text-orange-700 {

    color: var(--color-orange-700);
  }

  .text-purple-600 {

    color: var(--color-purple-600);
  }

  .text-red-400 {

    color: var(--color-red-400);
  }

  .text-red-500 {

    color: var(--color-red-500);
  }

  .text-red-500\! {

    color: var(--color-red-500) !important;
  }

  .text-red-600 {

    color: var(--color-red-600);
  }

  .text-red-600\! {

    color: var(--color-red-600) !important;
  }

  .text-red-700 {

    color: var(--color-red-700);
  }

  .text-red-800 {

    color: var(--color-red-800);
  }

  .text-red-800\! {

    color: var(--color-red-800) !important;
  }

  .text-red-900 {

    color: var(--color-red-900);
  }

  .text-rose-600 {

    color: var(--color-rose-600);
  }

  .text-sky-50 {

    color: var(--color-sky-50);
  }

  .text-sky-600 {

    color: var(--color-sky-600);
  }

  .text-slate-100\! {

    color: var(--color-slate-100) !important;
  }

  .text-stone-600 {

    color: var(--color-stone-600);
  }

  .text-violet-600\! {

    color: var(--color-violet-600) !important;
  }

  .text-white {

    color: var(--color-white);
  }

  .text-white\! {

    color: var(--color-white) !important;
  }

  .text-yellow-400 {

    color: var(--color-yellow-400);
  }

  .text-yellow-700 {

    color: var(--color-yellow-700);
  }

  .capitalize {

    text-transform: capitalize;
  }

  .capitalize\! {

    text-transform: capitalize !important;
  }

  .lowercase {

    text-transform: lowercase;
  }

  .uppercase {

    text-transform: uppercase;
  }

  .italic {

    font-style: italic;
  }

  .ordinal {

    --tw-ordinal: ordinal;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

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

  .busy-indicator {

    &[aria-busy='true'] {

      opacity: 50%;

      transition-property: opacity;

      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

      transition-duration: var(--tw-duration, var(--default-transition-duration));

      --tw-duration: 200ms;

      transition-duration: 200ms;

      --tw-ease: var(--ease-in-out);

      transition-timing-function: var(--ease-in-out);
    }
  }

  .opacity-0 {

    opacity: 0%;
  }

  .opacity-25 {

    opacity: 25%;
  }

  .opacity-50 {

    opacity: 50%;
  }

  .opacity-60\! {

    opacity: 60% !important;
  }

  .opacity-75 {

    opacity: 75%;
  }

  .opacity-100 {

    opacity: 100%;
  }

  .shadow {

    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {

    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {

    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {

    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {

    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {

    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow\/nrepl-select {

    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow\/repl {

    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-0 {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-1 {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-black\/5 {

    --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
  }

  .ring-green-700 {

    --tw-ring-color: var(--color-green-700);
  }

  .ring-mojo-blue-light {

    --tw-ring-color: var(--color-mojo-blue-light);
  }

  .ring-mojo-blue-light\! {

    --tw-ring-color: var(--color-mojo-blue-light);
  }

  .ring-mojo-gold-light {

    --tw-ring-color: var(--color-mojo-gold-light);
  }

  .ring-orange-700 {

    --tw-ring-color: var(--color-orange-700);
  }

  .ring-red-700 {

    --tw-ring-color: var(--color-red-700);
  }

  .ring-offset-mojo-blue-dark {

    --tw-ring-offset-color: var(--color-mojo-blue-dark);
  }

  .ring-offset-mojo-blue-light {

    --tw-ring-offset-color: var(--color-mojo-blue-light);
  }

  .outline-hidden {

    outline-style: none;

    @media (forced-colors: active) {

      outline: 2px solid transparent;

      outline-offset: 2px;
    }
  }

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

  .invert {

    --tw-invert: invert(100%);

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .saturate-50 {

    --tw-saturate: saturate(50%);

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

  .transition {

    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,height\,transform\] {

    transition-property: width,height,transform;

    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-opacity {

    transition-property: opacity;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-50 {

    --tw-duration: 50ms;

    transition-duration: 50ms;
  }

  .duration-75 {

    --tw-duration: 75ms;

    transition-duration: 75ms;
  }

  .duration-100 {

    --tw-duration: 100ms;

    transition-duration: 100ms;
  }

  .duration-150 {

    --tw-duration: 150ms;

    transition-duration: 150ms;
  }

  .duration-200 {

    --tw-duration: 200ms;

    transition-duration: 200ms;
  }

  .duration-250 {

    --tw-duration: 250ms;

    transition-duration: 250ms;
  }

  .duration-300 {

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  .duration-500 {

    --tw-duration: 500ms;

    transition-duration: 500ms;
  }

  .ease-in {

    --tw-ease: var(--ease-in);

    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {

    --tw-ease: var(--ease-in-out);

    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {

    --tw-ease: var(--ease-out);

    transition-timing-function: var(--ease-out);
  }

  .btn-sm {

    --fontsize: 0.75rem;

    --btn-p: 0.75rem;

    --size: calc(var(--size-field, 0.25rem) * 8);
  }

  .btn-secondary {

    --btn-color: var(--color-secondary);

    --btn-fg: var(--color-secondary-content);
  }

  .select-all {

    -webkit-user-select: all;

    user-select: all;
  }

  .select-none {

    -webkit-user-select: none;

    user-select: none;
  }

  .select-text {

    -webkit-user-select: text;

    user-select: text;
  }

  .\[scrollbar-gutter\:stable\] {

    scrollbar-gutter: stable;
  }

  .group-not-\[\[data-feature-hide-je-entry-line-memos\]\]\/je-form\:hidden {

    &:is(:where(.group\/je-form):not([data-feature-hide-je-entry-line-memos]) *) {

      display: none;
    }
  }

  .group-not-\[\[data-feature-hide-je-entry-line-memos\]\]\/je-form\:hidden {

    &:is(:where(.group\/je-form):not([data-feature-hide-je-entry-line-memos]) *) {

      display: none;
    }
  }

  .group-first\/document\:hidden {

    &:is(:where(.group\/document):first-child *) {

      display: none;
    }
  }

  .group-first\/document\:hidden {

    &:is(:where(.group\/document):first-child *) {

      display: none;
    }
  }

  .group-hover\:visible {

    &:is(:where(.group):hover *) {

      @media (hover: hover) {

        visibility: visible;
      }
    }
  }

  .group-hover\:bg-emerald-100 {

    &:is(:where(.group):hover *) {

      @media (hover: hover) {

        background-color: var(--color-emerald-100);
      }
    }
  }

  .group-hover\:bg-gray-300 {

    &:is(:where(.group):hover *) {

      @media (hover: hover) {

        background-color: var(--color-gray-300);
      }
    }
  }

  .group-hover\/document-page\:opacity-100 {

    &:is(:where(.group\/document-page):hover *) {

      @media (hover: hover) {

        opacity: 100%;
      }
    }
  }

  .group-hover\/document-page\:opacity-100\! {

    &:is(:where(.group\/document-page):hover *) {

      @media (hover: hover) {

        opacity: 100% !important;
      }
    }
  }

  .group-focus\:visible {

    &:is(:where(.group):focus *) {

      visibility: visible;
    }
  }

  .group-aria-selected\:bg-mojo-blue-light {

    &:is(:where(.group)[aria-selected="true"] *) {

      background-color: var(--color-mojo-blue-light);
    }
  }

  .group-aria-selected\:bg-white {

    &:is(:where(.group)[aria-selected="true"] *) {

      background-color: var(--color-white);
    }
  }

  .group-aria-selected\:text-gray-200 {

    &:is(:where(.group)[aria-selected="true"] *) {

      color: var(--color-gray-200);
    }
  }

  .group-aria-selected\:text-green-800 {

    &:is(:where(.group)[aria-selected="true"] *) {

      color: var(--color-green-800);
    }
  }

  .group-aria-selected\:text-mojo-blue-light {

    &:is(:where(.group)[aria-selected="true"] *) {

      color: var(--color-mojo-blue-light);
    }
  }

  .group-aria-selected\:text-mojo-gold-400 {

    &:is(:where(.group)[aria-selected="true"] *) {

      color: var(--color-mojo-gold-400);
    }
  }

  .group-aria-selected\:text-orange-500 {

    &:is(:where(.group)[aria-selected="true"] *) {

      color: var(--color-orange-500);
    }
  }

  .group-aria-selected\:text-red-800 {

    &:is(:where(.group)[aria-selected="true"] *) {

      color: var(--color-red-800);
    }
  }

  .group-aria-selected\:text-white {

    &:is(:where(.group)[aria-selected="true"] *) {

      color: var(--color-white);
    }
  }

  .group-data-\[compare\=bank-greater-than\]\:block {

    &:is(:where(.group)[data-compare="bank-greater-than"] *) {

      display: block;
    }
  }

  .group-data-\[compare\=equal\]\:block {

    &:is(:where(.group)[data-compare="equal"] *) {

      display: block;
    }
  }

  .group-data-\[compare\=erp-greater-than\]\:block {

    &:is(:where(.group)[data-compare="erp-greater-than"] *) {

      display: block;
    }
  }

  .group-data-\[compare\=zero\]\:block {

    &:is(:where(.group)[data-compare="zero"] *) {

      display: block;
    }
  }

  .group-\[\.group\\\/modal-titlebar\]\/modal-titlebar\:bg-mojo-blue-dark {

    &:is(:where(.group\/modal-titlebar):is(.group\/modal-titlebar) *) {

      background-color: var(--color-mojo-blue-dark);
    }
  }

  .group-\[\.group\\\/modal-titlebar\]\/modal-titlebar\:bg-mojo-blue-light {

    &:is(:where(.group\/modal-titlebar):is(.group\/modal-titlebar) *) {

      background-color: var(--color-mojo-blue-light);
    }
  }

  .group-\[\:not\(\[id\=\'properties\:singleton\'\]\)\]\/properties\:hidden {

    &:is(:where(.group\/properties):is(:not([id='properties:singleton'])) *) {

      display: none;
    }
  }

  .group-\[\:not\(\[id\=\'properties\:singleton\'\]\)\]\/properties\:hidden {

    &:is(:where(.group\/properties):is(:not([id='properties:singleton'])) *) {

      display: none;
    }
  }

  .group-\[\[data-async-status-indicator-status-value\=completed\]\]\:block {

    &:is(:where(.group):is([data-async-status-indicator-status-value=completed]) *) {

      display: block;
    }
  }

  .group-\[\[data-async-status-indicator-status-value\=idle\]\]\:block {

    &:is(:where(.group):is([data-async-status-indicator-status-value=idle]) *) {

      display: block;
    }
  }

  .group-\[\[data-async-status-indicator-status-value\=working\]\]\:block {

    &:is(:where(.group):is([data-async-status-indicator-status-value=working]) *) {

      display: block;
    }
  }

  .group-\[\[data-feature-hide-je-entry-line-memos\]\]\/je-form\:hidden {

    &:is(:where(.group\/je-form):is([data-feature-hide-je-entry-line-memos]) *) {

      display: none;
    }
  }

  .group-\[\[data-feature-hide-je-entry-line-memos\]\]\/je-form\:hidden {

    &:is(:where(.group\/je-form):is([data-feature-hide-je-entry-line-memos]) *) {

      display: none;
    }
  }

  .group-\[\[data-feature-hide-je-entry-memo\]\]\/je-form\:hidden {

    &:is(:where(.group\/je-form):is([data-feature-hide-je-entry-memo]) *) {

      display: none;
    }
  }

  .group-\[\[data-feature-hide-je-entry-memo\]\]\/je-form\:hidden {

    &:is(:where(.group\/je-form):is([data-feature-hide-je-entry-memo]) *) {

      display: none;
    }
  }

  .group-\[\[data-feature-hide-je-entry-reversal\]\]\/je-form\:hidden {

    &:is(:where(.group\/je-form):is([data-feature-hide-je-entry-reversal]) *) {

      display: none;
    }
  }

  .group-\[\[data-feature-hide-je-entry-reversal\]\]\/je-form\:hidden {

    &:is(:where(.group\/je-form):is([data-feature-hide-je-entry-reversal]) *) {

      display: none;
    }
  }

  .group-\[\[data-feature-hide-je-entry-templates\]\]\/je-form\:hidden {

    &:is(:where(.group\/je-form):is([data-feature-hide-je-entry-templates]) *) {

      display: none;
    }
  }

  .group-\[\[data-feature-hide-je-entry-templates\]\]\/je-form\:hidden {

    &:is(:where(.group\/je-form):is([data-feature-hide-je-entry-templates]) *) {

      display: none;
    }
  }

  .group-\[\[data-feature-hide-je-entry-transaction-id\]\]\/je-form\:hidden {

    &:is(:where(.group\/je-form):is([data-feature-hide-je-entry-transaction-id]) *) {

      display: none;
    }
  }

  .group-\[\[data-feature-hide-je-entry-transaction-id\]\]\/je-form\:hidden {

    &:is(:where(.group\/je-form):is([data-feature-hide-je-entry-transaction-id]) *) {

      display: none;
    }
  }

  .group-\[\[id\=\'properties\:singleton\'\]\]\/properties\:hidden {

    &:is(:where(.group\/properties):is([id='properties:singleton']) *) {

      display: none;
    }
  }

  .group-\[\[id\=\'properties\:singleton\'\]\]\/properties\:hidden {

    &:is(:where(.group\/properties):is([id='properties:singleton']) *) {

      display: none;
    }
  }

  .group-\[\&\:not\(\[data-document-batches--document-batch-selected-page-count-value\=\'0\'\]\)\]\:visible {

    &:is(:where(.group):not([data-document-batches--document-batch-selected-page-count-value='0']) *) {

      visibility: visible;
    }
  }

  .peer-not-has-checked\:hidden {

    &:is(:where(.peer):not(*:has(*:checked)) ~ *) {

      display: none;
    }
  }

  .peer-not-has-checked\:hidden {

    &:is(:where(.peer):not(*:has(*:checked)) ~ *) {

      display: none;
    }
  }

  .peer-has-\[\[data-value\=\'\'\]\]\:hidden {

    &:is(:where(.peer):has(*:is([data-value=''])) ~ *) {

      display: none;
    }
  }

  .peer-has-\[\[data-value\=\'\'\]\]\:hidden {

    &:is(:where(.peer):has(*:is([data-value=''])) ~ *) {

      display: none;
    }
  }

  .file\:mr-4 {

    &::file-selector-button {

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

  .file\:rounded-md {

    &::file-selector-button {

      border-radius: var(--radius-md);
    }
  }

  .file\:border-0 {

    &::file-selector-button {

      border-style: var(--tw-border-style);

      border-width: 0px;
    }
  }

  .file\:bg-mojo-blue-light {

    &::file-selector-button {

      background-color: var(--color-mojo-blue-light);
    }
  }

  .file\:px-4 {

    &::file-selector-button {

      padding-inline: calc(var(--spacing) * 4);
    }
  }

  .file\:py-2 {

    &::file-selector-button {

      padding-block: calc(var(--spacing) * 2);
    }
  }

  .file\:text-sm {

    &::file-selector-button {

      font-size: var(--text-sm);

      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .file\:font-semibold {

    &::file-selector-button {

      --tw-font-weight: var(--font-weight-semibold);

      font-weight: var(--font-weight-semibold);
    }
  }

  .file\:text-white {

    &::file-selector-button {

      color: var(--color-white);
    }
  }

  .backdrop\:bg-slate-900\/75 {

    &::backdrop {

      background-color: color-mix(in oklab, var(--color-slate-900) 75%, transparent);
    }
  }

  .first\:rounded-tl-md {

    &:first-child {

      border-top-left-radius: var(--radius-md);
    }
  }

  .first\:border-t-0\! {

    &:first-child {

      border-top-style: var(--tw-border-style) !important;

      border-top-width: 0px !important;
    }
  }

  .first\:pl-2 {

    &:first-child {

      padding-left: calc(var(--spacing) * 2);
    }
  }

  .first\:pl-3 {

    &:first-child {

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

  .first\:pl-4 {

    &:first-child {

      padding-left: calc(var(--spacing) * 4);
    }
  }

  .first\:group-first\:rounded-tl-md {

    &:first-child {

      &:is(:where(.group):first-child *) {

        border-top-left-radius: var(--radius-md);
      }
    }
  }

  .first\:group-last\:rounded-bl-md {

    &:first-child {

      &:is(:where(.group):last-child *) {

        border-bottom-left-radius: var(--radius-md);
      }
    }
  }

  .last\:mb-0 {

    &:last-child {

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

  .last\:rounded-tr-md {

    &:last-child {

      border-top-right-radius: var(--radius-md);
    }
  }

  .last\:pr-2 {

    &:last-child {

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

  .last\:pr-3 {

    &:last-child {

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

  .last\:pr-4 {

    &:last-child {

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

  .last\:group-first\:rounded-tr-md {

    &:last-child {

      &:is(:where(.group):first-child *) {

        border-top-right-radius: var(--radius-md);
      }
    }
  }

  .last\:group-last\:rounded-br-md {

    &:last-child {

      &:is(:where(.group):last-child *) {

        border-bottom-right-radius: var(--radius-md);
      }
    }
  }

  .odd\:bg-white {

    &:nth-child(odd) {

      background-color: var(--color-white);
    }
  }

  .even\:bg-gray-50 {

    &:nth-child(even) {

      background-color: var(--color-gray-50);
    }
  }

  .even\:bg-mojo-blue-dark\/10 {

    &:nth-child(even) {

      background-color: color-mix(in oklab, var(--color-mojo-blue-dark) 10%, transparent);
    }
  }

  .even\:bg-mojo-blue-light\/25 {

    &:nth-child(even) {

      background-color: color-mix(in oklab, var(--color-mojo-blue-light) 25%, transparent);
    }
  }

  .open\:scale-100 {

    &:is([open], :popover-open, :open) {

      --tw-scale-x: 100%;

      --tw-scale-y: 100%;

      --tw-scale-z: 100%;

      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .open\:opacity-100 {

    &:is([open], :popover-open, :open) {

      opacity: 100%;
    }
  }

  .focus-within\:z-10 {

    &:focus-within {

      z-index: 10;
    }
  }

  .focus-within\:border-mojo-blue-light {

    &:focus-within {

      border-color: var(--color-mojo-blue-light);
    }
  }

  .focus-within\:border-red-500 {

    &:focus-within {

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

  .focus-within\:ring-1 {

    &:focus-within {

      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus-within\:ring-2 {

    &:focus-within {

      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus-within\:ring-mojo-blue-light {

    &:focus-within {

      --tw-ring-color: var(--color-mojo-blue-light);
    }
  }

  .focus-within\:ring-mojo-gold-light\! {

    &:focus-within {

      --tw-ring-color: var(--color-mojo-gold-light);
    }
  }

  .focus-within\:ring-red-500 {

    &:focus-within {

      --tw-ring-color: var(--color-red-500);
    }
  }

  .focus-within\:ring-sky-600 {

    &:focus-within {

      --tw-ring-color: var(--color-sky-600);
    }
  }

  .focus-within\:ring-offset-2 {

    &:focus-within {

      --tw-ring-offset-width: 2px;

      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }

  .focus-within\:ring-offset-mojo-blue-dark\! {

    &:focus-within {

      --tw-ring-offset-color: var(--color-mojo-blue-dark);
    }
  }

  .focus-within\:outline-hidden {

    &:focus-within {

      outline-style: none;

      @media (forced-colors: active) {

        outline: 2px solid transparent;

        outline-offset: 2px;
      }
    }
  }

  .hover\:\!bg-red-100 {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-red-100) !important;
      }
    }
  }

  .hover\:bg-\[var\(--table-hover-bg-color\)\] {

    &:hover {

      @media (hover: hover) {

        background-color: var(--table-hover-bg-color);
      }
    }
  }

  .hover\:bg-gray-50 {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-gray-50);
      }
    }
  }

  .hover\:bg-gray-100 {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-gray-100);
      }
    }
  }

  .hover\:bg-gray-300 {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-gray-300);
      }
    }
  }

  .hover\:bg-green-100 {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-green-100);
      }
    }
  }

  .hover\:bg-mojo-blue-800 {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-mojo-blue-800);
      }
    }
  }

  .hover\:bg-mojo-blue-dark {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-mojo-blue-dark);
      }
    }
  }

  .hover\:bg-mojo-gold-dark {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-mojo-gold-dark);
      }
    }
  }

  .hover\:bg-nord-14\/50 {

    &:hover {

      @media (hover: hover) {

        background-color: color-mix(in oklab, var(--color-nord-14) 50%, transparent);
      }
    }
  }

  .hover\:bg-red-100 {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-red-100);
      }
    }
  }

  .hover\:bg-red-100\! {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-red-100) !important;
      }
    }
  }

  .hover\:bg-red-200\! {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-red-200) !important;
      }
    }
  }

  .hover\:bg-white\! {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-white) !important;
      }
    }
  }

  .hover\:bg-yellow-100 {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-yellow-100);
      }
    }
  }

  .hover\:bg-yellow-200\! {

    &:hover {

      @media (hover: hover) {

        background-color: var(--color-yellow-200) !important;
      }
    }
  }

  .hover\:to-red-600 {

    &:hover {

      @media (hover: hover) {

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

  .hover\:to-stone-900 {

    &:hover {

      @media (hover: hover) {

        --tw-gradient-to: var(--color-stone-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));
      }
    }
  }

  .hover\:text-black {

    &:hover {

      @media (hover: hover) {

        color: var(--color-black);
      }
    }
  }

  .hover\:text-gray-500 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-gray-500);
      }
    }
  }

  .hover\:text-gray-600 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-gray-600);
      }
    }
  }

  .hover\:text-gray-800 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-gray-800);
      }
    }
  }

  .hover\:text-green-600 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-green-600);
      }
    }
  }

  .hover\:text-green-800 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-green-800);
      }
    }
  }

  .hover\:text-mojo-blue-dark {

    &:hover {

      @media (hover: hover) {

        color: var(--color-mojo-blue-dark);
      }
    }
  }

  .hover\:text-mojo-gold-dark {

    &:hover {

      @media (hover: hover) {

        color: var(--color-mojo-gold-dark);
      }
    }
  }

  .hover\:text-mojo-gold-dark\! {

    &:hover {

      @media (hover: hover) {

        color: var(--color-mojo-gold-dark) !important;
      }
    }
  }

  .hover\:text-mojo-gold-light {

    &:hover {

      @media (hover: hover) {

        color: var(--color-mojo-gold-light);
      }
    }
  }

  .hover\:text-neutral {

    &:hover {

      @media (hover: hover) {

        color: var(--color-neutral);
      }
    }
  }

  .hover\:text-orange-600 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-orange-600);
      }
    }
  }

  .hover\:text-orange-800 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-orange-800);
      }
    }
  }

  .hover\:text-purple-600 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-purple-600);
      }
    }
  }

  .hover\:text-purple-800 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-purple-800);
      }
    }
  }

  .hover\:text-red-600 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-red-600);
      }
    }
  }

  .hover\:text-red-700 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-red-700);
      }
    }
  }

  .hover\:text-red-800 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-red-800);
      }
    }
  }

  .hover\:text-rose-600 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-rose-600);
      }
    }
  }

  .hover\:text-rose-800 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-rose-800);
      }
    }
  }

  .hover\:text-sky-800 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-sky-800);
      }
    }
  }

  .hover\:text-stone-600 {

    &:hover {

      @media (hover: hover) {

        color: var(--color-stone-600);
      }
    }
  }

  .hover\:text-white {

    &:hover {

      @media (hover: hover) {

        color: var(--color-white);
      }
    }
  }

  .hover\:text-white\! {

    &:hover {

      @media (hover: hover) {

        color: var(--color-white) !important;
      }
    }
  }

  .hover\:no-underline {

    &:hover {

      @media (hover: hover) {

        text-decoration-line: none;
      }
    }
  }

  .hover\:no-underline\! {

    &:hover {

      @media (hover: hover) {

        text-decoration-line: none !important;
      }
    }
  }

  .hover\:underline {

    &:hover {

      @media (hover: hover) {

        text-decoration-line: underline;
      }
    }
  }

  .hover\:file\:bg-mojo-blue-dark {

    &:hover {

      @media (hover: hover) {

        &::file-selector-button {

          background-color: var(--color-mojo-blue-dark);
        }
      }
    }
  }

  .focus\:z-10 {

    &:focus {

      z-index: 10;
    }
  }

  .focus\:border-indigo-500 {

    &:focus {

      border-color: var(--color-indigo-500);
    }
  }

  .focus\:border-sky-600 {

    &:focus {

      border-color: var(--color-sky-600);
    }
  }

  .focus\:bg-gray-500 {

    &:focus {

      background-color: var(--color-gray-500);
    }
  }

  .focus\:bg-mojo-blue-dark {

    &:focus {

      background-color: var(--color-mojo-blue-dark);
    }
  }

  .focus\:ring-0 {

    &:focus {

      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:ring-2 {

    &:focus {

      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:ring-green-600 {

    &:focus {

      --tw-ring-color: var(--color-green-600);
    }
  }

  .focus\:ring-green-800 {

    &:focus {

      --tw-ring-color: var(--color-green-800);
    }
  }

  .focus\:ring-indigo-500 {

    &:focus {

      --tw-ring-color: var(--color-indigo-500);
    }
  }

  .focus\:ring-mojo-gold-900 {

    &:focus {

      --tw-ring-color: var(--color-mojo-gold-900);
    }
  }

  .focus\:ring-mojo-gold-light {

    &:focus {

      --tw-ring-color: var(--color-mojo-gold-light);
    }
  }

  .focus\:ring-orange-400 {

    &:focus {

      --tw-ring-color: var(--color-orange-400);
    }
  }

  .focus\:ring-purple-400 {

    &:focus {

      --tw-ring-color: var(--color-purple-400);
    }
  }

  .focus\:ring-red-400 {

    &:focus {

      --tw-ring-color: var(--color-red-400);
    }
  }

  .focus\:ring-red-600 {

    &:focus {

      --tw-ring-color: var(--color-red-600);
    }
  }

  .focus\:ring-rose-400 {

    &:focus {

      --tw-ring-color: var(--color-rose-400);
    }
  }

  .focus\:ring-sky-400 {

    &:focus {

      --tw-ring-color: var(--color-sky-400);
    }
  }

  .focus\:ring-sky-500 {

    &:focus {

      --tw-ring-color: var(--color-sky-500);
    }
  }

  .focus\:ring-sky-600 {

    &:focus {

      --tw-ring-color: var(--color-sky-600);
    }
  }

  .focus\:ring-stone-700 {

    &:focus {

      --tw-ring-color: var(--color-stone-700);
    }
  }

  .focus\:ring-yellow-600 {

    &:focus {

      --tw-ring-color: var(--color-yellow-600);
    }
  }

  .focus\:ring-offset-0 {

    &:focus {

      --tw-ring-offset-width: 0px;

      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }

  .focus\:ring-offset-0\! {

    &:focus {

      --tw-ring-offset-width: 0px;

      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }

  .focus\:ring-offset-2 {

    &:focus {

      --tw-ring-offset-width: 2px;

      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }

  .focus\:ring-offset-green-50 {

    &:focus {

      --tw-ring-offset-color: var(--color-green-50);
    }
  }

  .focus\:ring-offset-mojo-blue-light {

    &:focus {

      --tw-ring-offset-color: var(--color-mojo-blue-light);
    }
  }

  .focus\:ring-offset-red-50 {

    &:focus {

      --tw-ring-offset-color: var(--color-red-50);
    }
  }

  .focus\:ring-offset-yellow-50 {

    &:focus {

      --tw-ring-offset-color: var(--color-yellow-50);
    }
  }

  .focus\:outline-hidden {

    &:focus {

      outline-style: none;

      @media (forced-colors: active) {

        outline: 2px solid transparent;

        outline-offset: 2px;
      }
    }
  }

  .focus-visible\:ring-2 {

    &:focus-visible {

      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus-visible\:ring-white {

    &:focus-visible {

      --tw-ring-color: var(--color-white);
    }
  }

  .focus-visible\:ring-offset-2 {

    &:focus-visible {

      --tw-ring-offset-width: 2px;

      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }

  .focus-visible\:ring-offset-teal-300 {

    &:focus-visible {

      --tw-ring-offset-color: var(--color-teal-300);
    }
  }

  .active\:bg-gray-700 {

    &:active {

      background-color: var(--color-gray-700);
    }
  }

  .active\:bg-green-900 {

    &:active {

      background-color: var(--color-green-900);
    }
  }

  .active\:bg-mojo-blue-900 {

    &:active {

      background-color: var(--color-mojo-blue-900);
    }
  }

  .active\:bg-mojo-gold-900 {

    &:active {

      background-color: var(--color-mojo-gold-900);
    }
  }

  .active\:bg-orange-800 {

    &:active {

      background-color: var(--color-orange-800);
    }
  }

  .active\:bg-purple-800 {

    &:active {

      background-color: var(--color-purple-800);
    }
  }

  .active\:bg-red-700 {

    &:active {

      background-color: var(--color-red-700);
    }
  }

  .active\:bg-rose-800 {

    &:active {

      background-color: var(--color-rose-800);
    }
  }

  .active\:from-red-600 {

    &:active {

      --tw-gradient-from: var(--color-red-600);

      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }

  .active\:from-stone-800 {

    &:active {

      --tw-gradient-from: var(--color-stone-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));
    }
  }

  .active\:to-red-700 {

    &:active {

      --tw-gradient-to: var(--color-red-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));
    }
  }

  .active\:to-stone-900 {

    &:active {

      --tw-gradient-to: var(--color-stone-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));
    }
  }

  .disabled\:cursor-not-allowed {

    &:disabled {

      cursor: not-allowed;
    }
  }

  .disabled\:bg-gray-50 {

    &:disabled {

      background-color: var(--color-gray-50);
    }
  }

  .disabled\:text-gray-500 {

    &:disabled {

      color: var(--color-gray-500);
    }
  }

  .disabled\:opacity-50 {

    &:disabled {

      opacity: 50%;
    }
  }

  .disabled\:saturate-50 {

    &:disabled {

      --tw-saturate: saturate(50%);

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

  .has-checked\:sticky {

    &:has(*:checked) {

      position: sticky;
    }
  }

  .has-checked\:z-10 {

    &:has(*:checked) {

      z-index: 10;
    }
  }

  .has-checked\:bg-amber-50 {

    &:has(*:checked) {

      background-color: var(--color-amber-50);
    }
  }

  .has-checked\:bg-mojo-blue-light {

    &:has(*:checked) {

      background-color: var(--color-mojo-blue-light);
    }
  }

  .has-checked\:text-white {

    &:has(*:checked) {

      color: var(--color-white);
    }
  }

  .has-checked\:accent-amber-500 {

    &:has(*:checked) {

      accent-color: var(--color-amber-500);
    }
  }

  .has-checked\:hover\:bg-amber-100 {

    &:has(*:checked) {

      &:hover {

        @media (hover: hover) {

          background-color: var(--color-amber-100);
        }
      }
    }
  }

  .has-data-was-auto-posted\:bg-emerald-50 {

    &:has(*[data-was-auto-posted]) {

      background-color: var(--color-emerald-50);
    }
  }

  .has-\[\[data-destroy\]\:checked\]\:hidden {

    &:has(*:is([data-destroy]:checked)) {

      display: none;
    }
  }

  .has-\[\[data-destroy\]\:checked\]\:hidden {

    &:has(*:is([data-destroy]:checked)) {

      display: none;
    }
  }

  .has-\[input\]\:opacity-100 {

    &:has(*:is(input)) {

      opacity: 100%;
    }
  }

  .aria-busy\:opacity-50 {

    &[aria-busy="true"] {

      opacity: 50%;
    }
  }

  .aria-selected\:\!bg-mojo-blue-light {

    &[aria-selected="true"] {

      background-color: var(--color-mojo-blue-light) !important;
    }
  }

  .aria-selected\:bg-gray-600 {

    &[aria-selected="true"] {

      background-color: var(--color-gray-600);
    }
  }

  .aria-selected\:bg-gray-700 {

    &[aria-selected="true"] {

      background-color: var(--color-gray-700);
    }
  }

  .aria-selected\:bg-green-600 {

    &[aria-selected="true"] {

      background-color: var(--color-green-600);
    }
  }

  .aria-selected\:bg-green-900 {

    &[aria-selected="true"] {

      background-color: var(--color-green-900);
    }
  }

  .aria-selected\:bg-mojo-blue-light {

    &[aria-selected="true"] {

      background-color: var(--color-mojo-blue-light);
    }
  }

  .aria-selected\:bg-mojo-gold-900 {

    &[aria-selected="true"] {

      background-color: var(--color-mojo-gold-900);
    }
  }

  .aria-selected\:bg-mojo-gold-light {

    &[aria-selected="true"] {

      background-color: var(--color-mojo-gold-light);
    }
  }

  .aria-selected\:bg-orange-600 {

    &[aria-selected="true"] {

      background-color: var(--color-orange-600);
    }
  }

  .aria-selected\:bg-orange-800 {

    &[aria-selected="true"] {

      background-color: var(--color-orange-800);
    }
  }

  .aria-selected\:bg-purple-600 {

    &[aria-selected="true"] {

      background-color: var(--color-purple-600);
    }
  }

  .aria-selected\:bg-purple-800 {

    &[aria-selected="true"] {

      background-color: var(--color-purple-800);
    }
  }

  .aria-selected\:bg-red-500\! {

    &[aria-selected="true"] {

      background-color: var(--color-red-500) !important;
    }
  }

  .aria-selected\:bg-red-600 {

    &[aria-selected="true"] {

      background-color: var(--color-red-600);
    }
  }

  .aria-selected\:bg-red-700 {

    &[aria-selected="true"] {

      background-color: var(--color-red-700);
    }
  }

  .aria-selected\:bg-rose-600 {

    &[aria-selected="true"] {

      background-color: var(--color-rose-600);
    }
  }

  .aria-selected\:bg-rose-800 {

    &[aria-selected="true"] {

      background-color: var(--color-rose-800);
    }
  }

  .aria-selected\:bg-stone-600 {

    &[aria-selected="true"] {

      background-color: var(--color-stone-600);
    }
  }

  .aria-selected\:bg-stone-900 {

    &[aria-selected="true"] {

      background-color: var(--color-stone-900);
    }
  }

  .aria-selected\:bg-white {

    &[aria-selected="true"] {

      background-color: var(--color-white);
    }
  }

  .aria-selected\:\!text-white {

    &[aria-selected="true"] {

      color: var(--color-white) !important;
    }
  }

  .aria-selected\:text-neutral {

    &[aria-selected="true"] {

      color: var(--color-neutral);
    }
  }

  .aria-selected\:text-white {

    &[aria-selected="true"] {

      color: var(--color-white);
    }
  }

  .aria-selected\:ring-4 {

    &[aria-selected="true"] {

      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);

      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .aria-selected\:ring-emerald-600 {

    &[aria-selected="true"] {

      --tw-ring-color: var(--color-emerald-600);
    }
  }

  .aria-selected\:ring-offset-2 {

    &[aria-selected="true"] {

      --tw-ring-offset-width: 2px;

      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }

  .aria-selected\:ring-offset-gray-200 {

    &[aria-selected="true"] {

      --tw-ring-offset-color: var(--color-gray-200);
    }
  }

  .data-is-blank\:opacity-25 {

    &[data-is-blank] {

      opacity: 25%;
    }
  }

  .data-is-matched\:bg-emerald-700\/25 {

    &[data-is-matched] {

      background-color: color-mix(in oklab, var(--color-emerald-700) 25%, transparent);
    }
  }

  .data-manually-cleared\:bg-sky-100 {

    &[data-manually-cleared] {

      background-color: var(--color-sky-100);
    }
  }

  .data-reconciled\:bg-sky-50 {

    &[data-reconciled] {

      background-color: var(--color-sky-50);
    }
  }

  .data-was-removed\:bg-red-50\! {

    &[data-was-removed] {

      background-color: var(--color-red-50) !important;
    }
  }

  .sm\:m-4 {

    @media (width >= 40rem) {

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

  .sm\:-mx-6 {

    @media (width >= 40rem) {

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

  .sm\:my-8 {

    @media (width >= 40rem) {

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

  .sm\:mt-0 {

    @media (width >= 40rem) {

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

  .sm\:block {

    @media (width >= 40rem) {

      display: block;
    }
  }

  .sm\:flex {

    @media (width >= 40rem) {

      display: flex;
    }
  }

  .sm\:w-full {

    @media (width >= 40rem) {

      width: 100%;
    }
  }

  .sm\:max-w-\(--breakpoint-lg\) {

    @media (width >= 40rem) {

      max-width: var(--breakpoint-lg);
    }
  }

  .sm\:max-w-\(--breakpoint-xl\) {

    @media (width >= 40rem) {

      max-width: var(--breakpoint-xl);
    }
  }

  .sm\:max-w-2xl {

    @media (width >= 40rem) {

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

  .sm\:max-w-4xl {

    @media (width >= 40rem) {

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

  .sm\:max-w-lg {

    @media (width >= 40rem) {

      max-width: var(--container-lg);
    }
  }

  .sm\:translate-y-0 {

    @media (width >= 40rem) {

      --tw-translate-y: calc(var(--spacing) * 0);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  .sm\:scale-95 {

    @media (width >= 40rem) {

      --tw-scale-x: 95%;

      --tw-scale-y: 95%;

      --tw-scale-z: 95%;

      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .sm\:scale-100 {

    @media (width >= 40rem) {

      --tw-scale-x: 100%;

      --tw-scale-y: 100%;

      --tw-scale-z: 100%;

      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .sm\:items-center {

    @media (width >= 40rem) {

      align-items: center;
    }
  }

  .sm\:justify-end {

    @media (width >= 40rem) {

      justify-content: flex-end;
    }
  }

  .sm\:gap-3 {

    @media (width >= 40rem) {

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

  .sm\:p-0 {

    @media (width >= 40rem) {

      padding: calc(var(--spacing) * 0);
    }
  }

  .sm\:px-4 {

    @media (width >= 40rem) {

      padding-inline: calc(var(--spacing) * 4);
    }
  }

  .sm\:px-6 {

    @media (width >= 40rem) {

      padding-inline: calc(var(--spacing) * 6);
    }
  }

  .sm\:py-32 {

    @media (width >= 40rem) {

      padding-block: calc(var(--spacing) * 32);
    }
  }

  .sm\:pt-11 {

    @media (width >= 40rem) {

      padding-top: calc(var(--spacing) * 11);
    }
  }

  .sm\:text-left {

    @media (width >= 40rem) {

      text-align: left;
    }
  }

  .sm\:text-5xl {

    @media (width >= 40rem) {

      font-size: var(--text-5xl);

      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  .sm\:text-sm {

    @media (width >= 40rem) {

      font-size: var(--text-sm);

      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .sm\:first\:pl-4 {

    @media (width >= 40rem) {

      &:first-child {

        padding-left: calc(var(--spacing) * 4);
      }
    }
  }

  .sm\:first\:pl-5 {

    @media (width >= 40rem) {

      &:first-child {

        padding-left: calc(var(--spacing) * 5);
      }
    }
  }

  .sm\:first\:pl-6 {

    @media (width >= 40rem) {

      &:first-child {

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

  .sm\:last\:pr-4 {

    @media (width >= 40rem) {

      &:last-child {

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

  .sm\:last\:pr-5 {

    @media (width >= 40rem) {

      &:last-child {

        padding-right: calc(var(--spacing) * 5);
      }
    }
  }

  .sm\:last\:pr-6 {

    @media (width >= 40rem) {

      &:last-child {

        padding-right: calc(var(--spacing) * 6);
      }
    }
  }

  .md\:overflow-x-hidden {

    @media (width >= 48rem) {

      overflow-x: hidden;
    }
  }

  .md\:rounded-md {

    @media (width >= 48rem) {

      border-radius: var(--radius-md);
    }
  }

  .md\:px-6 {

    @media (width >= 48rem) {

      padding-inline: calc(var(--spacing) * 6);
    }
  }

  .lg\:-mx-8 {

    @media (width >= 64rem) {

      margin-inline: calc(var(--spacing) * -8);
    }
  }

  .lg\:prose-xl {

    @media (width >= 64rem) {

      font-size: 1.25rem;

      line-height: 1.8;

      :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 1.2em;

        margin-bottom: 1.2em;
      }

      :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        font-size: 1.2em;

        line-height: 1.5;

        margin-top: 1em;

        margin-bottom: 1em;
      }

      :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 1.6em;

        margin-bottom: 1.6em;

        padding-inline-start: 1.0666667em;
      }

      :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        font-size: 2.8em;

        margin-top: 0;

        margin-bottom: 0.8571429em;

        line-height: 1;
      }

      :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        font-size: 1.8em;

        margin-top: 1.5555556em;

        margin-bottom: 0.8888889em;

        line-height: 1.1111111;
      }

      :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        font-size: 1.5em;

        margin-top: 1.6em;

        margin-bottom: 0.6666667em;

        line-height: 1.3333333;
      }

      :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 1.8em;

        margin-bottom: 0.6em;

        line-height: 1.6;
      }

      :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 2em;

        margin-bottom: 2em;
      }

      :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 2em;

        margin-bottom: 2em;
      }

      :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 0;

        margin-bottom: 0;
      }

      :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 2em;

        margin-bottom: 2em;
      }

      :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        font-size: 0.9em;

        border-radius: 0.3125rem;

        padding-top: 0.25em;

        padding-inline-end: 0.4em;

        padding-bottom: 0.25em;

        padding-inline-start: 0.4em;
      }

      :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        font-size: 0.9em;
      }

      :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        font-size: 0.8611111em;
      }

      :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        font-size: 0.9em;
      }

      :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        font-size: 0.9em;

        line-height: 1.7777778;

        margin-top: 2em;

        margin-bottom: 2em;

        border-radius: 0.5rem;

        padding-top: 1.1111111em;

        padding-inline-end: 1.3333333em;

        padding-bottom: 1.1111111em;

        padding-inline-start: 1.3333333em;
      }

      :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 1.2em;

        margin-bottom: 1.2em;

        padding-inline-start: 1.6em;
      }

      :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 1.2em;

        margin-bottom: 1.2em;

        padding-inline-start: 1.6em;
      }

      :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 0.6em;

        margin-bottom: 0.6em;
      }

      :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        padding-inline-start: 0.4em;
      }

      :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        padding-inline-start: 0.4em;
      }

      :where(.lg\:prose-xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 0.8em;

        margin-bottom: 0.8em;
      }

      :where(.lg\:prose-xl > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 1.2em;
      }

      :where(.lg\:prose-xl > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-bottom: 1.2em;
      }

      :where(.lg\:prose-xl > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 1.2em;
      }

      :where(.lg\:prose-xl > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-bottom: 1.2em;
      }

      :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 0.8em;

        margin-bottom: 0.8em;
      }

      :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 1.2em;

        margin-bottom: 1.2em;
      }

      :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 1.2em;
      }

      :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 0.6em;

        padding-inline-start: 1.6em;
      }

      :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 2.8em;

        margin-bottom: 2.8em;
      }

      :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 0;
      }

      :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 0;
      }

      :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 0;
      }

      :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 0;
      }

      :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        font-size: 0.9em;

        line-height: 1.5555556;
      }

      :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        padding-inline-end: 0.6666667em;

        padding-bottom: 0.8888889em;

        padding-inline-start: 0.6666667em;
      }

      :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        padding-inline-start: 0;
      }

      :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        padding-inline-end: 0;
      }

      :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        padding-top: 0.8888889em;

        padding-inline-end: 0.6666667em;

        padding-bottom: 0.8888889em;

        padding-inline-start: 0.6666667em;
      }

      :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        padding-inline-start: 0;
      }

      :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        padding-inline-end: 0;
      }

      :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 2em;

        margin-bottom: 2em;
      }

      :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 0;

        margin-bottom: 0;
      }

      :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        font-size: 0.9em;

        line-height: 1.5555556;

        margin-top: 1em;
      }

      :where(.lg\:prose-xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-top: 0;
      }

      :where(.lg\:prose-xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {

        margin-bottom: 0;
      }
    }
  }

  .lg\:px-8 {

    @media (width >= 64rem) {

      padding-inline: calc(var(--spacing) * 8);
    }
  }

  .xl\:grid {

    @media (width >= 80rem) {

      display: grid;
    }
  }

  .xl\:grid-cols-2 {

    @media (width >= 80rem) {

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

  .xl\:grid-cols-3 {

    @media (width >= 80rem) {

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

  .starting\:open\:scale-95 {

    @starting-style {

      &:is([open], :popover-open, :open) {

        --tw-scale-x: 95%;

        --tw-scale-y: 95%;

        --tw-scale-z: 95%;

        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }

  .starting\:open\:opacity-0 {

    @starting-style {

      &:is([open], :popover-open, :open) {

        opacity: 0%;
      }
    }
  }
}

@layer utilities {

  trix-editor {

    border: 1px solid #bbb;

    border-radius: 3px;

    margin: 0;

    padding: 0.4em 0.6em;

    min-height: 5em;

    outline: none;
  }

  trix-toolbar * {

    box-sizing: border-box;
  }

  trix-toolbar .trix-button-row {

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    overflow-x: auto;
  }

  trix-toolbar .trix-button-group {

    display: flex;

    margin-bottom: 10px;

    border: 1px solid #bbb;

    border-top-color: #ccc;

    border-bottom-color: #888;

    border-radius: 3px;
  }

  trix-toolbar .trix-button-group:not(:first-child) {

    margin-left: 1.5vw;
  }

  @media (max-width: 768px) {

    trix-toolbar .trix-button-group:not(:first-child) {

      margin-left: 0;
    }
  }

  trix-toolbar .trix-button-group-spacer {

    flex-grow: 1;
  }

  @media (max-width: 768px) {

    trix-toolbar .trix-button-group-spacer {

      display: none;
    }
  }

  trix-toolbar .trix-button {

    position: relative;

    float: left;

    color: rgba(0, 0, 0, 0.6);

    font-size: 0.75em;

    font-weight: 600;

    white-space: nowrap;

    padding: 0 0.5em;

    margin: 0;

    outline: none;

    border: none;

    border-bottom: 1px solid #ddd;

    border-radius: 0;

    background: transparent;
  }

  trix-toolbar .trix-button:not(:first-child) {

    border-left: 1px solid #ccc;
  }

  trix-toolbar .trix-button.trix-active {

    background: #cbeefa;

    color: black;
  }

  trix-toolbar .trix-button:not(:disabled) {

    cursor: pointer;
  }

  trix-toolbar .trix-button:disabled {

    color: rgba(0, 0, 0, 0.125);
  }

  @media (max-width: 768px) {

    trix-toolbar .trix-button {

      letter-spacing: -0.01em;

      padding: 0 0.3em;
    }
  }

  trix-toolbar .trix-button--icon {

    font-size: inherit;

    width: 2.6em;

    height: 1.6em;

    max-width: calc(0.8em + 4vw);

    text-indent: -9999px;
  }

  @media (max-width: 768px) {

    trix-toolbar .trix-button--icon {

      height: 2em;

      max-width: calc(0.8em + 3.5vw);
    }
  }

  trix-toolbar .trix-button--icon::before {

    display: inline-block;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    opacity: 0.6;

    content: "";

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;
  }

  @media (max-width: 768px) {

    trix-toolbar .trix-button--icon::before {

      right: 6%;

      left: 6%;
    }
  }

  trix-toolbar .trix-button--icon.trix-active::before {

    opacity: 1;
  }

  trix-toolbar .trix-button--icon:disabled::before {

    opacity: 0.125;
  }

  trix-toolbar .trix-button--icon-attach::before {

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");

    top: 8%;

    bottom: 4%;
  }

  trix-toolbar .trix-button--icon-bold::before {

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }

  trix-toolbar .trix-button--icon-italic::before {

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }

  trix-toolbar .trix-button--icon-link::before {

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }

  trix-toolbar .trix-button--icon-strike::before {

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }

  trix-toolbar .trix-button--icon-quote::before {

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }

  trix-toolbar .trix-button--icon-heading-1::before {

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }

  trix-toolbar .trix-button--icon-code::before {

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }

  trix-toolbar .trix-button--icon-bullet-list::before {

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }

  trix-toolbar .trix-button--icon-number-list::before {

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }

  trix-toolbar .trix-button--icon-undo::before {

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }

  trix-toolbar .trix-button--icon-redo::before {

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }

  trix-toolbar .trix-button--icon-decrease-nesting-level::before {

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }

  trix-toolbar .trix-button--icon-increase-nesting-level::before {

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  }

  trix-toolbar .trix-dialogs {

    position: relative;
  }

  trix-toolbar .trix-dialog {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    font-size: 0.75em;

    padding: 15px 10px;

    background: #fff;

    box-shadow: 0 0.3em 1em #ccc;

    border-top: 2px solid #888;

    border-radius: 5px;

    z-index: 5;
  }

  trix-toolbar .trix-input--dialog {

    font-size: inherit;

    font-weight: normal;

    padding: 0.5em 0.8em;

    margin: 0 10px 0 0;

    border-radius: 3px;

    border: 1px solid #bbb;

    background-color: #fff;

    box-shadow: none;

    outline: none;

    -webkit-appearance: none;

    -moz-appearance: none;
  }

  trix-toolbar .trix-input--dialog.validate:invalid {

    box-shadow: #F00 0px 0px 1.5px 1px;
  }

  trix-toolbar .trix-button--dialog {

    font-size: inherit;

    padding: 0.5em;

    border-bottom: none;
  }

  trix-toolbar .trix-dialog--link {

    max-width: 600px;
  }

  trix-toolbar .trix-dialog__link-fields {

    display: flex;

    align-items: baseline;
  }

  trix-toolbar .trix-dialog__link-fields .trix-input {

    flex: 1;
  }

  trix-toolbar .trix-dialog__link-fields .trix-button-group {

    flex: 0 0 content;

    margin: 0;
  }

  trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;
  }

  trix-editor [data-trix-mutable]::-moz-selection, trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {

    background: none;
  }

  trix-editor [data-trix-mutable]::selection, trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {

    background: none;
  }

  trix-editor .attachment__caption-editor:focus[data-trix-mutable]::-moz-selection {

    background: highlight;
  }

  trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {

    background: highlight;
  }

  trix-editor [data-trix-mutable].attachment.attachment--file {

    box-shadow: 0 0 0 2px highlight;

    border-color: transparent;
  }

  trix-editor [data-trix-mutable].attachment img {

    box-shadow: 0 0 0 2px highlight;
  }

  trix-editor .attachment {

    position: relative;
  }

  trix-editor .attachment:hover {

    cursor: default;
  }

  trix-editor .attachment--preview .attachment__caption:hover {

    cursor: text;
  }

  trix-editor .attachment__progress {

    position: absolute;

    z-index: 1;

    height: 20px;

    top: calc(50% - 10px);

    left: 5%;

    width: 90%;

    opacity: 0.9;

    transition: opacity 200ms ease-in;
  }

  trix-editor .attachment__progress[value="100"] {

    opacity: 0;
  }

  trix-editor .attachment__caption-editor {

    display: inline-block;

    width: 100%;

    margin: 0;

    padding: 0;

    font-size: inherit;

    font-family: inherit;

    line-height: inherit;

    color: inherit;

    text-align: center;

    vertical-align: top;

    border: none;

    outline: none;

    -webkit-appearance: none;

    -moz-appearance: none;
  }

  trix-editor .attachment__toolbar {

    position: absolute;

    z-index: 1;

    top: -0.9em;

    left: 0;

    width: 100%;

    text-align: center;
  }

  trix-editor .trix-button-group {

    display: inline-flex;
  }

  trix-editor .trix-button {

    position: relative;

    float: left;

    color: #666;

    white-space: nowrap;

    font-size: 80%;

    padding: 0 0.8em;

    margin: 0;

    outline: none;

    border: none;

    border-radius: 0;

    background: transparent;
  }

  trix-editor .trix-button:not(:first-child) {

    border-left: 1px solid #ccc;
  }

  trix-editor .trix-button.trix-active {

    background: #cbeefa;
  }

  trix-editor .trix-button:not(:disabled) {

    cursor: pointer;
  }

  trix-editor .trix-button--remove {

    text-indent: -9999px;

    display: inline-block;

    padding: 0;

    outline: none;

    width: 1.8em;

    height: 1.8em;

    line-height: 1.8em;

    border-radius: 50%;

    background-color: #fff;

    border: 2px solid highlight;

    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
  }

  trix-editor .trix-button--remove::before {

    display: inline-block;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    opacity: 0.7;

    content: "";

    background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");

    background-position: center;

    background-repeat: no-repeat;

    background-size: 90%;
  }

  trix-editor .trix-button--remove:hover {

    border-color: #333;
  }

  trix-editor .trix-button--remove:hover::before {

    opacity: 1;
  }

  trix-editor .attachment__metadata-container {

    position: relative;
  }

  trix-editor .attachment__metadata {

    position: absolute;

    left: 50%;

    top: 2em;

    transform: translate(-50%, 0);

    max-width: 90%;

    padding: 0.1em 0.6em;

    font-size: 0.8em;

    color: #fff;

    background-color: rgba(0, 0, 0, 0.7);

    border-radius: 3px;
  }

  trix-editor .attachment__metadata .attachment__name {

    display: inline-block;

    max-width: 100%;

    vertical-align: bottom;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
  }

  trix-editor .attachment__metadata .attachment__size {

    margin-left: 0.2em;

    white-space: nowrap;
  }

  .trix-content {

    line-height: 1.5;

    overflow-wrap: break-word;

    word-break: break-word;
  }

  .trix-content * {

    box-sizing: border-box;

    margin: 0;

    padding: 0;
  }

  .trix-content h1 {

    font-size: 1.2em;

    line-height: 1.2;
  }

  .trix-content blockquote {

    border: 0 solid #ccc;

    border-left-width: 0.3em;

    margin-left: 0.3em;

    padding-left: 0.6em;
  }

  .trix-content [dir=rtl] blockquote, .trix-content blockquote[dir=rtl] {

    border-width: 0;

    border-right-width: 0.3em;

    margin-right: 0.3em;

    padding-right: 0.6em;
  }

  .trix-content li {

    margin-left: 1em;
  }

  .trix-content [dir=rtl] li {

    margin-right: 1em;
  }

  .trix-content pre {

    display: inline-block;

    width: 100%;

    vertical-align: top;

    font-family: monospace;

    font-size: 0.9em;

    padding: 0.5em;

    white-space: pre;

    background-color: #eee;

    overflow-x: auto;
  }

  .trix-content img {

    max-width: 100%;

    height: auto;
  }

  .trix-content .attachment {

    display: inline-block;

    position: relative;

    max-width: 100%;
  }

  .trix-content .attachment a {

    color: inherit;

    text-decoration: none;
  }

  .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {

    color: inherit;
  }

  .trix-content .attachment__caption {

    text-align: center;
  }

  .trix-content .attachment__caption .attachment__name + .attachment__size::before {

    content: ' \2022 ';
  }

  .trix-content .attachment--preview {

    width: 100%;

    text-align: center;
  }

  .trix-content .attachment--preview .attachment__caption {

    color: #666;

    font-size: 0.9em;

    line-height: 1.2;
  }

  .trix-content .attachment--file {

    color: #333;

    line-height: 1;

    margin: 0 2px 2px 2px;

    padding: 0.4em 1em;

    border: 1px solid #bbb;

    border-radius: 5px;
  }

  .trix-content .attachment-gallery {

    display: flex;

    flex-wrap: wrap;

    position: relative;
  }

  .trix-content .attachment-gallery .attachment {

    flex: 1 0 33%;

    padding: 0 0.5em;

    max-width: 33%;
  }

  .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {

    flex-basis: 50%;

    max-width: 50%;
  }
}

@layer utilities {

  :root {

    --rupert-spacing-px: 1px;

    --rupert-spacing-0: 0px;

    --rupert-spacing-0-5: 0.125rem;

    --rupert-spacing-1: 0.25rem;

    --rupert-spacing-1-5: 0.375rem;

    --rupert-spacing-2: 0.5rem;

    --rupert-spacing-2-5: 0.625rem;

    --rupert-spacing-3: 0.75rem;

    --rupert-spacing-3-5: 0.875rem;

    --rupert-spacing-4: 1rem;

    --rupert-spacing-5: 1.25rem;

    --rupert-spacing-6: 1.5rem;

    --rupert-spacing-7: 1.75rem;

    --rupert-spacing-8: 2rem;

    --rupert-spacing-9: 2.25rem;

    --rupert-spacing-10: 2.5rem;

    --rupert-spacing-11: 2.75rem;

    --rupert-spacing-12: 3rem;

    --rupert-spacing-14: 3.5rem;

    --rupert-spacing-16: 4rem;

    --rupert-spacing-20: 5rem;

    --rupert-spacing-24: 6rem;

    --rupert-spacing-28: 7rem;

    --rupert-spacing-32: 8rem;

    --rupert-spacing-36: 9rem;

    --rupert-spacing-40: 10rem;

    --rupert-spacing-44: 11rem;

    --rupert-spacing-48: 12rem;

    --rupert-spacing-52: 13rem;

    --rupert-spacing-56: 14rem;

    --rupert-spacing-60: 15rem;

    --rupert-spacing-64: 16rem;

    --rupert-spacing-72: 18rem;

    --rupert-spacing-80: 20rem;

    --rupert-spacing-96: 24rem;

    --rupert-indent-spacing: var(--rupert-spacing-3);
  }

  .rupert a.cell {

    text-decoration: none;

    color: inherit;
  }

  .rupert a.cell:hover {

    text-decoration: underline;
  }

  .rupert .cell {

    box-sizing: border-box;
  }

  .rupert .section-title>.cell:first-child {

    cursor: pointer;
  }

  .rupert .section>.section-title .indicator {

    color: #525252;

    transition: transform 0.2s ease-in-out;
  }

  .rupert .section.is-collapsed>.section-title .indicator {

    transform: rotate(-90deg);
  }

  .rupert .section:not(.is-collapsed)>.section-title .summary * {

    visibility: hidden;

    height: 0;

    overflow: hidden;
  }

  .rupert .section.is-collapsed>.section-content {

    visibility: hidden;

    height: 0;

    overflow: hidden;
  }

  .rupert .grid {

    display: grid;

    line-height: 2.0rem;

    white-space: nowrap;

    flex: 1;

    width: min-content;
  }

  .rupert .head {

    display: grid;

    grid-column-start: 1;

    grid-column-end: -1;

    grid-template-columns: subgrid;

    border-bottom: 1px solid rgb(47, 47, 47);

    position: sticky;

    top: 0;

    background-color: white;

    z-index: 100;
  }

  .rupert .head .cell {

    background-color: white;

    padding: var(--rupert-spacing-0) var(--rupert-spacing-4);
  }

  .rupert .head .cell.column-sticky-left {

    position: sticky;

    left: 0;

    z-index: 50;
  }

  .rupert .head .cell.column-sticky-right {

    position: sticky;

    right: 0;

    z-index: 50;
  }

  .rupert .head .cell .value {

    font-weight: bold;
  }

  .rupert .section {

    display: grid;

    grid-template-columns: subgrid;

    grid-column-start: 1;

    grid-column-end: -1;
  }

  .rupert .section-title {

    display: grid;

    grid-template-columns: subgrid;

    grid-column-start: 1;

    grid-column-end: -1;

    padding: var(--rupert-spacing-0) var(--rupert-spacing-1),;
  }

  .rupert .section-content {

    display: grid;

    grid-template-columns: subgrid;

    grid-column-start: 1;

    grid-column-end: -1;
  }

  .rupert .row {

    background-color: white;

    display: grid;

    grid-template-columns: subgrid;

    grid-column-start: 1;

    grid-column-end: -1;
  }

  .rupert .row:hover {

    background-color: #f0f5ff;
  }

  .rupert .cell.column-sticky-left {

    position: sticky;

    left: 0;

    background-color: white;
  }

  .rupert .cell.column-sticky-right {

    position: sticky;

    right: 0;

    background-color: white;
  }

  .rupert .row:hover .cell.column-sticky-left, .rupert .row:hover .cell.column-sticky-right {

    background-color: #f0f5ff;
  }

  .rupert .section .cell .value:not([data-indent]) {

    padding: 0 var(--rupert-spacing-1);
  }

  .rupert [data-indent="0"] {

    padding-left: calc(var(--rupert-indent-spacing) * 0 + var(--rupert-indent-spacing));
  }

  .rupert [data-indent="1"] {

    padding-left: calc(var(--rupert-indent-spacing) * 1 + var(--rupert-indent-spacing));
  }

  .rupert [data-indent="2"] {

    padding-left: calc(var(--rupert-indent-spacing) * 2 + var(--rupert-indent-spacing));
  }

  .rupert [data-indent="3"] {

    padding-left: calc(var(--rupert-indent-spacing) * 3 + var(--rupert-indent-spacing));
  }

  .rupert [data-indent="4"] {

    padding-left: calc(var(--rupert-indent-spacing) * 4 + var(--rupert-indent-spacing));
  }

  .rupert [data-indent="5"] {

    padding-left: calc(var(--rupert-indent-spacing) * 5 + var(--rupert-indent-spacing));
  }

  .rupert [data-indent="6"] {

    padding-left: calc(var(--rupert-indent-spacing) * 6 + var(--rupert-indent-spacing));
  }

  .rupert [data-indent="7"] {

    padding-left: calc(var(--rupert-indent-spacing) * 7 + var(--rupert-indent-spacing));
  }

  .rupert [data-indent="8"] {

    padding-left: calc(var(--rupert-indent-spacing) * 8 + var(--rupert-indent-spacing));
  }

  .rupert [data-indent="9"] {

    padding-left: calc(var(--rupert-indent-spacing) * 9 + var(--rupert-indent-spacing));
  }

  .rupert.tractor-feed .grid {

    font-family: Courier New, Courier, monospace;
  }

  .rupert.tractor-feed::before, .rupert.tractor-feed::after {

    position: block;

    content: "";

    min-width: 2.5rem;

    max-width: 2.5rem;

    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODJweCIgaGVpZ2h0PSI5NnB4IiB2aWV3Qm94PSIwIDAgODIgOTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+QXJ0Ym9hcmQ8L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPGNpcmNsZSBpZD0icGF0aC0xIiBjeD0iNDEuNTAwMDUiIGN5PSI0NyIgcj0iMjAiPjwvY2lyY2xlPgogICAgICAgIDxmaWx0ZXIgeD0iLTguOCUiIHk9Ii04LjglIiB3aWR0aD0iMTE3LjUlIiBoZWlnaHQ9IjExNy41JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTIiPgogICAgICAgICAgICA8ZmVNb3JwaG9sb2d5IHJhZGl1cz0iMSIgb3BlcmF0b3I9ImVyb2RlIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93U3ByZWFkSW5uZXIxIj48L2ZlTW9ycGhvbG9neT4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMyIgaW49InNoYWRvd1NwcmVhZElubmVyMSIgcmVzdWx0PSJzaGFkb3dCbHVySW5uZXIxIj48L2ZlR2F1c3NpYW5CbHVyPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSIwIiBpbj0ic2hhZG93Qmx1cklubmVyMSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRJbm5lcjEiPjwvZmVPZmZzZXQ+CiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0SW5uZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIgcmVzdWx0PSJzaGFkb3dJbm5lcklubmVyMSI+PC9mZUNvbXBvc2l0ZT4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgICAwIDAgMCAwIDAgICAwIDAgMCAwIDAgIDAgMCAwIDAuNSAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dJbm5lcklubmVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxwYXRoIGQ9Ik0wLjUsMS4xNjA0OTM4MyBMMC41LDk0IiBpZD0icGF0aC0zIj48L3BhdGg+CiAgICAgICAgPGZpbHRlciB4PSItMTk1MC4wJSIgeT0iLTE2LjYlIiB3aWR0aD0iMzQwMC4wJSIgaGVpZ2h0PSIxMzMuMyUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci00Ij4KICAgICAgICAgICAgPGZlTW9ycGhvbG9neSByYWRpdXM9IjAuNSIgb3BlcmF0b3I9ImRpbGF0ZSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSI+PC9mZU1vcnBob2xvZ3k+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iLTMiIGR5PSIwIiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlTW9ycGhvbG9neSByYWRpdXM9IjEiIG9wZXJhdG9yPSJlcm9kZSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd0lubmVyIj48L2ZlTW9ycGhvbG9neT4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR4PSItMyIgZHk9IjAiIGluPSJzaGFkb3dJbm5lciIgcmVzdWx0PSJzaGFkb3dJbm5lciI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0ic2hhZG93SW5uZXIiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI1IiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVHYXVzc2lhbkJsdXI+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwICAgMCAwIDAgMCAwICAgMCAwIDAgMCAwICAwIDAgMCAwLjUgMCIgdHlwZT0ibWF0cml4IiBpbj0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IkFydGJvYXJkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjUsIDAuMzM5NSkiPgogICAgICAgICAgICA8ZyBpZD0iT3ZhbCIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSI+CiAgICAgICAgICAgICAgICA8dXNlIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxnIGlkPSJMaW5lIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIj4KICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci00KSIgeGxpbms6aHJlZj0iI3BhdGgtMyI+PC91c2U+CiAgICAgICAgICAgICAgICA8dXNlIHN0cm9rZS1vcGFjaXR5PSIwLjE5NjIxMzk0MiIgc3Ryb2tlPSIjOTc5Nzk3IiBzdHJva2Utd2lkdGg9IjEiIHhsaW5rOmhyZWY9IiNwYXRoLTMiPjwvdXNlPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxsaW5lIHgxPSI4Mi41IiB5MT0iMS4xNjA0OTM4MyIgeDI9IjgyLjUiIHkyPSI5NCIgaWQ9IkxpbmUiIHN0cm9rZT0iI0YwRjVGRiIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtZGFzaGFycmF5PSIxNCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");

    background-repeat: repeat-y;

    background-size: 2.5rem;

    background-position-y: top;
  }

  .rupert.tractor-feed::before {

    background-position-x: left;
  }

  .rupert.tractor-feed::after {

    background-position-x: right;

    transform: scaleX(-1);
  }
}

@layer base {

  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {

    border-color: var(--color-gray-200, currentColor);
  }

  dialog {

    margin: auto;
  }

  button:not(:disabled),
  [role="button"]:not(:disabled) {

    cursor: pointer;
  }
}

.MuiButton-containedPrimary {

  background-color: #1565c0 !important;
}

@layer utilities {

  :root {

    --table-hover-bg-color: rgb(var(--gray-100) / var(--bg-opacity, 1));
  }
}

@layer base {

  html {

    font-size: 14px;
  }

  html[aria-busy="true"] .page-transition-wrapper {

    cursor: wait !important;
  }

  html:has(dialog[open]) {

    overflow: hidden;
  }

  a {

    color: var(--color-sky-700);

    &:hover {

      @media (hover: hover) {

        color: var(--color-mojo-blue-dark);
      }
    }

    &:hover {

      @media (hover: hover) {

        text-decoration-line: underline;
      }
    }
  }

  code {

    --tw-font-weight: var(--font-weight-semibold);

    font-weight: var(--font-weight-semibold);

    color: var(--color-mojo-gold-dark);
  }

  [hidden] {

    display: none !important;
  }

  [x-cloak] {

    display: none !important;
  }

  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-fields-wrapper,
  ::-webkit-datetime-edit-text,
  ::-webkit-datetime-edit-minute,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-year-field {

    padding: 0;
  }

  .monaco-editor .overflow-guard {

    border-radius: var(--radius-md);
  }
}

component {

  & legend {

    all: unset;
  }

  & fieldset {

    all: unset;
  }
}

.turbo-progress-bar {

  height: 12px !important;

  background-color: rgb(226, 182, 64) !important;
}

html.controller-admin.action-index {

  background: transparent url("/assets/production/20201017_102443-7429b9f5.jpg") no-repeat fixed 50% 50%;

  background-size: cover;
}

body {

  background-color: transparent;
}

@layer base {

  :where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light] {

    color-scheme: light;

    --color-base-100: oklch(100% 0 0);

    --color-base-200: oklch(98% 0 0);

    --color-base-300: oklch(95% 0 0);

    --color-base-content: oklch(21% 0.006 285.885);

    --color-primary: oklch(45% 0.24 277.023);

    --color-primary-content: oklch(93% 0.034 272.788);

    --color-secondary: oklch(65% 0.241 354.308);

    --color-secondary-content: oklch(94% 0.028 342.258);

    --color-accent: oklch(77% 0.152 181.912);

    --color-accent-content: oklch(38% 0.063 188.416);

    --color-neutral: oklch(14% 0.005 285.823);

    --color-neutral-content: oklch(92% 0.004 286.32);

    --color-info: oklch(74% 0.16 232.661);

    --color-info-content: oklch(29% 0.066 243.157);

    --color-success: oklch(76% 0.177 163.223);

    --color-success-content: oklch(37% 0.077 168.94);

    --color-warning: oklch(82% 0.189 84.429);

    --color-warning-content: oklch(41% 0.112 45.904);

    --color-error: oklch(71% 0.194 13.428);

    --color-error-content: oklch(27% 0.105 12.094);

    --radius-selector: 0.5rem;

    --radius-field: 0.25rem;

    --radius-box: 0.5rem;

    --size-selector: 0.25rem;

    --size-field: 0.25rem;

    --border: 1px;

    --depth: 1;

    --noise: 0;
  }
}

@layer base {

  :root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not([class*="drawer-open"]) > .drawer-toggle:checked ) {

    overflow: hidden;
  }
}

@layer base {

  :root, [data-theme] {

    background-color: var(--root-bg, var(--color-base-100));

    color: var(--color-base-content);
  }
}

@layer base {

  :root {

    scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
  }
}

@layer base {

  @property --radialprogress {

    syntax: "<percentage>";

    inherits: true;

    initial-value: 0%;
  }
}

@layer base {

  :where( :root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open) > .drawer-toggle:checked ) ) {

    scrollbar-gutter: stable;

    background-image: linear-gradient(var(--color-base-100), var(--color-base-100));

    --root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%);
  }

  :where(.modal[open], .modal-open, .modal-toggle:checked + .modal):not(.modal-start, .modal-end) {

    scrollbar-gutter: stable;
  }
}

@layer base {

  :root {

    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
  }

  .chat {

    --mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");
  }
}

@keyframes dropdown {

  0% {

    opacity: 0;
  }
}

@keyframes progress {

  50% {

    background-position-x: -115%;
  }
}

@keyframes toast {

  0% {

    scale: 0.9;

    opacity: 0;
  }

  100% {

    scale: 1;

    opacity: 1;
  }
}

@keyframes rating {

  0%, 40% {

    scale: 1.1;

    filter: brightness(1.05) contrast(1.05);
  }
}

@keyframes radio {

  0% {

    padding: 5px;
  }

  50% {

    padding: 3px;
  }
}

@keyframes skeleton {

  0% {

    background-position: 150%;
  }

  100% {

    background-position: -50%;
  }
}

@keyframes spin {

  to {

    transform: rotate(360deg);
  }
}

@keyframes pulse {

  50% {

    opacity: 0.5;
  }
}

@property --tw-border-style {

  syntax: "*";

  inherits: false;

  initial-value: solid;
}

@property --tw-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-inset-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-ring-color {

  syntax: "*";

  inherits: false;
}

@property --tw-ring-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {

  syntax: "*";

  inherits: false;
}

@property --tw-inset-ring-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {

  syntax: "*";

  inherits: false;
}

@property --tw-ring-offset-width {

  syntax: "<length>";

  inherits: false;

  initial-value: 0px;
}

@property --tw-ring-offset-color {

  syntax: "*";

  inherits: false;

  initial-value: #fff;
}

@property --tw-ring-offset-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-divide-y-reverse {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-border-spacing-x {

  syntax: "<length>";

  inherits: false;

  initial-value: 0;
}

@property --tw-border-spacing-y {

  syntax: "<length>";

  inherits: false;

  initial-value: 0;
}

@property --tw-translate-x {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-translate-y {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-translate-z {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-scale-x {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-scale-y {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-scale-z {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-rotate-x {

  syntax: "*";

  inherits: false;

  initial-value: rotateX(0);
}

@property --tw-rotate-y {

  syntax: "*";

  inherits: false;

  initial-value: rotateY(0);
}

@property --tw-rotate-z {

  syntax: "*";

  inherits: false;

  initial-value: rotateZ(0);
}

@property --tw-skew-x {

  syntax: "*";

  inherits: false;

  initial-value: skewX(0);
}

@property --tw-skew-y {

  syntax: "*";

  inherits: false;

  initial-value: skewY(0);
}

@property --tw-space-y-reverse {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-space-x-reverse {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-divide-x-reverse {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-font-weight {

  syntax: "*";

  inherits: false;
}

@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-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-duration {

  syntax: "*";

  inherits: false;
}

@property --tw-ease {

  syntax: "*";

  inherits: false;
}

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