/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-white: #fff;
    --spacing: 0.25rem;
    --radius-lg: 0.5rem;
    --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);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@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: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    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:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    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: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        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;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-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 {
  .\@container {
    container-type: inline-size !important;
  }
  .collapse {
    visibility: collapse !important;
  }
  .invisible {
    visibility: hidden !important;
  }
  .visible {
    visibility: visible !important;
  }
  @layer daisyui.component {
    .\!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: max(var(--font-size, 0.875rem), 0.875rem) !important;
      touch-action: manipulation !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 var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!input {
        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;
      }
    }
    .\!input {
      --size: calc(var(--size-field, 0.25rem) * 10) !important;
      --input-color: var(--color-base-content) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!input {
        --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000) !important;
      }
    }
    .\!input:where(input) {
      display: inline-flex !important;
    }
    .\!input :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 !important;
        outline-style: none !important;
        @media (forced-colors: active) {
          outline: 2px solid transparent !important;
          outline-offset: 2px !important;
        }
      }
    }
    .\!input :where(input[type="url"]), .\!input  :where(input[type="email"]) {
      direction: ltr !important;
    }
    .\!input :where(input[type="date"]) {
      display: inline-flex !important;
    }
    .\!input:focus, .\!input:focus-within {
      --input-color: var(--color-base-content) !important;
      box-shadow: 0 1px var(--input-color) !important;
      @supports (color: color-mix(in lab, red, red)) {
        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 !important;
    }
    @media (pointer: coarse) {
      @supports (-webkit-touch-callout: none) {
        .\!input:focus, .\!input:focus-within {
          --font-size: 1rem !important;
        }
      }
    }
    .\!input:has( > input[disabled]), .\!input:is(:disabled, [disabled]), fieldset:disabled .\!input {
      cursor: not-allowed !important;
      border-color: var(--color-base-200) !important;
      background-color: var(--color-base-200) !important;
      color: var(--color-base-content) !important;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent) !important;
      }
      &::placeholder {
        color: var(--color-base-content) !important;
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent) !important;
        }
      }
      box-shadow: none !important;
    }
    .\!input:has( > input[disabled]) > input[disabled] {
      cursor: not-allowed !important;
    }
    .\!input::-webkit-date-and-time-value {
      text-align: inherit !important;
    }
    .\!input[type="number"]::-webkit-inner-spin-button {
      margin-block: calc(0.25rem * -3) !important;
      margin-inline-end: calc(0.25rem * -3) !important;
    }
    .\!input::-webkit-calendar-picker-indicator {
      position: absolute !important;
      inset-inline-end: 0.75em !important;
    }
    .\!input:has( > input[type="date"]) :where(input[type="date"]) {
      display: inline-flex !important;
      webkit-appearance: none !important;
      appearance: none !important;
    }
    .\!input:has( > input[type="date"]) input[type="date"]::-webkit-calendar-picker-indicator {
      position: absolute !important;
      inset-inline-end: 0.75em !important;
      width: 1em !important;
      height: 1em !important;
      cursor: pointer !important;
    }
    .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: max(var(--font-size, 0.875rem), 0.875rem) !important;
      touch-action: manipulation !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 var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .input {
        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;
      }
    }
    .input {
      --size: calc(var(--size-field, 0.25rem) * 10) !important;
      --input-color: var(--color-base-content) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .input {
        --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000) !important;
      }
    }
    .input:where(input) {
      display: inline-flex !important;
    }
    .input :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 !important;
        outline-style: none !important;
        @media (forced-colors: active) {
          outline: 2px solid transparent !important;
          outline-offset: 2px !important;
        }
      }
    }
    .input :where(input[type="url"]), .input  :where(input[type="email"]) {
      direction: ltr !important;
    }
    .input :where(input[type="date"]) {
      display: inline-flex !important;
    }
    .input:focus, .input:focus-within {
      --input-color: var(--color-base-content) !important;
      box-shadow: 0 1px var(--input-color) !important;
      @supports (color: color-mix(in lab, red, red)) {
        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 !important;
    }
    @media (pointer: coarse) {
      @supports (-webkit-touch-callout: none) {
        .input:focus, .input:focus-within {
          --font-size: 1rem !important;
        }
      }
    }
    .input:has( > input[disabled]), .input:is(:disabled, [disabled]), fieldset:disabled .input {
      cursor: not-allowed !important;
      border-color: var(--color-base-200) !important;
      background-color: var(--color-base-200) !important;
      color: var(--color-base-content) !important;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent) !important;
      }
      &::placeholder {
        color: var(--color-base-content) !important;
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent) !important;
        }
      }
      box-shadow: none !important;
    }
    .input:has( > input[disabled]) > input[disabled] {
      cursor: not-allowed !important;
    }
    .input::-webkit-date-and-time-value {
      text-align: inherit !important;
    }
    .input[type="number"]::-webkit-inner-spin-button {
      margin-block: calc(0.25rem * -3) !important;
      margin-inline-end: calc(0.25rem * -3) !important;
    }
    .input::-webkit-calendar-picker-indicator {
      position: absolute !important;
      inset-inline-end: 0.75em !important;
    }
    .input:has( > input[type="date"]) :where(input[type="date"]) {
      display: inline-flex !important;
      webkit-appearance: none !important;
      appearance: none !important;
    }
    .input:has( > input[type="date"]) input[type="date"]::-webkit-calendar-picker-indicator {
      position: absolute !important;
      inset-inline-end: 0.75em !important;
      width: 1em !important;
      height: 1em !important;
      cursor: pointer !important;
    }
    .table {
      font-size: 0.875rem !important;
      position: relative !important;
      width: 100% !important;
      border-radius: var(--radius-box) !important;
      text-align: left !important;
    }
    .table:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      text-align: right !important;
    }
    @media (hover: hover) {
      :is(:is(.table tr.row-hover), .table tr.row-hover:nth-child(even)):hover {
        background-color: var(--color-base-200) !important;
      }
    }
    .table :where(th, td) {
      padding-inline: calc(0.25rem * 4) !important;
      padding-block: calc(0.25rem * 3) !important;
      vertical-align: middle !important;
    }
    .table :where(thead, tfoot) {
      white-space: nowrap !important;
      color: var(--color-base-content) !important;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 60%, transparent) !important;
      }
      font-size: 0.875rem !important;
      font-weight: 600 !important;
    }
    .table :where(tfoot) {
      border-top: var(--border) solid var(--color-base-content) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000) !important;
      }
    }
    .table :where(.table-pin-rows thead tr) {
      position: sticky !important;
      top: calc(0.25rem * 0) !important;
      z-index: 1 !important;
      background-color: var(--color-base-100) !important;
    }
    .table :where(.table-pin-rows tfoot tr) {
      position: sticky !important;
      bottom: calc(0.25rem * 0) !important;
      z-index: 1 !important;
      background-color: var(--color-base-100) !important;
    }
    .table :where(.table-pin-cols tr th) {
      position: sticky !important;
      right: calc(0.25rem * 0) !important;
      left: calc(0.25rem * 0) !important;
      background-color: var(--color-base-100) !important;
    }
    .table :where(thead tr, tbody tr:not(:last-child)) {
      border-bottom: var(--border) solid var(--color-base-content) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000) !important;
      }
    }
    .select {
      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 * 1.5) !important;
      background-color: var(--color-base-100) !important;
      padding-inline-start: calc(0.25rem * 3) !important;
      padding-inline-end: calc(0.25rem * 7) !important;
      vertical-align: middle !important;
      width: clamp(3rem, 20rem, 100%) !important;
      height: var(--size) !important;
      font-size: 0.875rem !important;
      touch-action: manipulation !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;
      background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%) !important;
      background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%) !important;
      background-size: 4px 4px, 4px 4px !important;
      background-repeat: no-repeat !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .select {
        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;
      }
    }
    .select {
      border-color: var(--input-color) !important;
      --input-color: var(--color-base-content) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .select {
        --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000) !important;
      }
    }
    .select {
      --size: calc(var(--size-field, 0.25rem) * 10) !important;
    }
    [dir="rtl"] .select {
      background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%) !important;
      &::picker(select), select::picker(select) {
        translate: 0.5rem 0 !important;
      }
    }
    .select[multiple] {
      height: auto !important;
      overflow: auto !important;
      padding-block: calc(0.25rem * 3) !important;
      padding-inline-end: calc(0.25rem * 3) !important;
      background-image: none !important;
    }
    .select select {
      margin-inline-start: calc(0.25rem * -3) !important;
      margin-inline-end: calc(0.25rem * -7) !important;
      width: calc(100% + 2.75rem) !important;
      appearance: none !important;
      padding-inline-start: calc(0.25rem * 3) !important;
      padding-inline-end: calc(0.25rem * 7) !important;
      height: calc(100% - calc(var(--border) * 2)) !important;
      align-items: center !important;
      background: inherit !important;
      border-radius: inherit !important;
      border-style: none !important;
      &:focus, &:focus-within {
        --tw-outline-style: none !important;
        outline-style: none !important;
        @media (forced-colors: active) {
          outline: 2px solid transparent !important;
          outline-offset: 2px !important;
        }
      }
      &:not(:last-child) {
        margin-inline-end: calc(0.25rem * -5.5) !important;
        background-image: none !important;
      }
    }
    .select:focus, .select:focus-within {
      --input-color: var(--color-base-content) !important;
      box-shadow: 0 1px var(--input-color) !important;
      @supports (color: color-mix(in lab, red, red)) {
        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 !important;
    }
    .select:has( > select[disabled]), .select:is(:disabled, [disabled]), fieldset:disabled .select {
      cursor: not-allowed !important;
      border-color: var(--color-base-200) !important;
      background-color: var(--color-base-200) !important;
      color: var(--color-base-content) !important;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent) !important;
      }
      &::placeholder {
        color: var(--color-base-content) !important;
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent) !important;
        }
      }
    }
    .select:has( > select[disabled]) > select[disabled] {
      cursor: not-allowed !important;
    }
    @supports (appearance: base-select) {
      :is(.select), .select select {
        appearance: base-select !important;
      }
      :is(:is(.select), .select select)::picker(select) {
        appearance: base-select !important;
      }
    }
    :is(:is(.select), .select select)::picker(select) {
      color: inherit !important;
      max-height: min(24rem, 70dvh) !important;
      margin-inline: 0.5rem !important;
      translate: -0.5rem 0 !important;
      border: var(--border) solid var(--color-base-200) !important;
      margin-block: calc(0.25rem * 2) !important;
      border-radius: var(--radius-box) !important;
      padding: calc(0.25rem * 2) !important;
      background-color: inherit !important;
      box-shadow: 0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/0.2) !important;
      box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * 0.1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * 0.1)) !important;
    }
    :is(:is(.select), .select select)::picker-icon {
      display: none !important;
    }
    :is(:is(.select), .select select) optgroup {
      padding-top: 0.5em !important;
      option {
        &:nth-child(1) {
          margin-top: 0.5em !important;
        }
      }
    }
    :is(:is(.select), .select select) option {
      border-radius: var(--radius-field) !important;
      padding-inline: calc(0.25rem * 3) !important;
      padding-block: calc(0.25rem * 1.5) !important;
      transition-property: color, background-color !important;
      transition-duration: 0.2s !important;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
      white-space: normal !important;
      &:not(:disabled) {
        &:hover, &:focus-visible {
          cursor: pointer !important;
          background-color: var(--color-base-content) !important;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent) !important;
          }
          --tw-outline-style: none !important;
          outline-style: none !important;
          @media (forced-colors: active) {
            outline: 2px solid transparent !important;
            outline-offset: 2px !important;
          }
        }
        &:active {
          background-color: var(--color-neutral) !important;
          color: var(--color-neutral-content) !important;
          box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral) !important;
        }
      }
    }
  }
  .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }
  @layer daisyui.component {
    .mockup-browser {
      position: relative !important;
      overflow: hidden !important;
      overflow-x: auto !important;
      border-radius: var(--radius-box) !important;
    }
    .mockup-browser pre[data-prefix]:before {
      --tw-content: attr(data-prefix) !important;
      content: var(--tw-content) !important;
      display: inline-block !important;
      text-align: right !important;
    }
    .mockup-browser .mockup-browser-toolbar {
      margin-block: calc(0.25rem * 3) !important;
      display: inline-flex !important;
      width: 100% !important;
      align-items: center !important;
      padding-right: 1.4em !important;
      &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
        flex-direction: row-reverse !important;
      }
      &:before {
        content: "" !important;
        margin-right: 4.8rem !important;
        display: inline-block !important;
        aspect-ratio: 1 / 1 !important;
        height: calc(0.25rem * 3) !important;
        border-radius: calc(infinity * 1px) !important;
        opacity: 30% !important;
        box-shadow: 1.4em 0, 2.8em 0, 4.2em 0 !important;
      }
      .input {
        margin-inline: auto !important;
        display: flex !important;
        height: 100% !important;
        align-items: center !important;
        gap: calc(0.25rem * 2) !important;
        overflow: hidden !important;
        background-color: var(--color-base-200) !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 0.75rem !important;
        direction: ltr !important;
        &:before {
          content: "" !important;
          width: calc(0.25rem * 4) !important;
          height: calc(0.25rem * 4) !important;
          opacity: 50% !important;
          background-color: currentColor !important;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E") no-repeat center !important;
          mask-size: contain !important;
        }
      }
    }
    .checkbox {
      border: var(--border) solid var(--input-color, var(--color-base-content)) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .checkbox {
        border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000)) !important;
      }
    }
    .checkbox {
      position: relative !important;
      display: inline-block !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) !important;
      width: var(--size) !important;
      height: var(--size) !important;
      background-size: auto, calc(var(--noise) * 100%) !important;
      background-image: none, var(--fx-noise) !important;
    }
    .checkbox:before {
      --tw-content: "" !important;
      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;
    }
    .checkbox:focus-visible {
      outline: 2px solid var(--input-color, currentColor) !important;
      outline-offset: 2px !important;
    }
    .checkbox:checked, .checkbox[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: "✔︎" !important;
          clip-path: none !important;
        }
      }
      @media print {
        &:before {
          rotate: 0deg !important;
          background-color: transparent !important;
          --tw-content: "✔︎" !important;
          clip-path: none !important;
        }
      }
    }
    .checkbox:indeterminate {
      background-color: var( --input-color, var(--color-base-content) ) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: var( --input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000) ) !important;
      }
      &: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;
      }
    }
  }
  @layer daisyui.modifier {
    .checkbox:disabled {
      cursor: not-allowed !important;
      opacity: 20% !important;
    }
  }
  .absolute {
    position: absolute !important;
  }
  .fixed {
    position: fixed !important;
  }
  .relative {
    position: relative !important;
  }
  .static {
    position: static !important;
  }
  .sticky {
    position: sticky !important;
  }
  .end-1 {
    inset-inline-end: calc(var(--spacing) * 1) !important;
  }
  @layer daisyui.component {
    .textarea {
      border: var(--border) solid #0000 !important;
      min-height: calc(0.25rem * 20) !important;
      flex-shrink: 1 !important;
      appearance: none !important;
      border-radius: var(--radius-field) !important;
      background-color: var(--color-base-100) !important;
      padding-block: calc(0.25rem * 2) !important;
      vertical-align: middle !important;
      width: clamp(3rem, 20rem, 100%) !important;
      padding-inline-start: 0.75rem !important;
      padding-inline-end: 0.75rem !important;
      font-size: max(var(--font-size, 0.875rem), 0.875rem) !important;
      touch-action: manipulation !important;
      border-color: var(--input-color) !important;
      box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .textarea {
        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;
      }
    }
    .textarea {
      --input-color: var(--color-base-content) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .textarea {
        --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000) !important;
      }
    }
    .textarea textarea {
      appearance: none !important;
      background-color: transparent !important;
      border: none !important;
      &:focus, &:focus-within {
        --tw-outline-style: none !important;
        outline-style: none !important;
        @media (forced-colors: active) {
          outline: 2px solid transparent !important;
          outline-offset: 2px !important;
        }
      }
    }
    .textarea:focus, .textarea:focus-within {
      --input-color: var(--color-base-content) !important;
      box-shadow: 0 1px var(--input-color) !important;
      @supports (color: color-mix(in lab, red, red)) {
        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;
    }
    @media (pointer: coarse) {
      @supports (-webkit-touch-callout: none) {
        .textarea:focus, .textarea:focus-within {
          --font-size: 1rem !important;
        }
      }
    }
    .textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]) {
      cursor: not-allowed !important;
      border-color: var(--color-base-200) !important;
      background-color: var(--color-base-200) !important;
      color: var(--color-base-content) !important;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent) !important;
      }
      &::placeholder {
        color: var(--color-base-content) !important;
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent) !important;
        }
      }
      box-shadow: none !important;
    }
    .textarea:has( > textarea[disabled]) > textarea[disabled] {
      cursor: not-allowed !important;
    }
  }
  .isolate {
    isolation: isolate !important;
  }
  .order-123 {
    order: 123 !important;
  }
  .container {
    width: 100% !important;
    @media (width >= 40rem) {
      max-width: 40rem !important;
    }
    @media (width >= 48rem) {
      max-width: 48rem !important;
    }
    @media (width >= 64rem) {
      max-width: 64rem !important;
    }
    @media (width >= 80rem) {
      max-width: 80rem !important;
    }
    @media (width >= 96rem) {
      max-width: 96rem !important;
    }
  }
  @layer daisyui.component {
    .label {
      display: inline-flex !important;
      align-items: center !important;
      gap: calc(0.25rem * 1.5) !important;
      white-space: nowrap !important;
      color: currentcolor !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .label {
        color: color-mix(in oklab, currentcolor 60%, transparent) !important;
      }
    }
    .label:has(input) {
      cursor: pointer !important;
    }
    .label:is(.input > *, .select > *) {
      display: flex !important;
      height: calc(100% - 0.5rem) !important;
      align-items: center !important;
      padding-inline: calc(0.25rem * 3) !important;
      white-space: nowrap !important;
      font-size: inherit !important;
      &:first-child {
        margin-inline-start: calc(0.25rem * -3) !important;
        margin-inline-end: calc(0.25rem * 3) !important;
        border-inline-end: var(--border) solid currentColor !important;
        @supports (color: color-mix(in lab, red, red)) {
          border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000) !important;
        }
      }
      &:last-child {
        margin-inline-start: calc(0.25rem * 3) !important;
        margin-inline-end: calc(0.25rem * -3) !important;
        border-inline-start: var(--border) solid currentColor !important;
        @supports (color: color-mix(in lab, red, red)) {
          border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000) !important;
        }
      }
    }
    .label\! {
      display: inline-flex !important;
      align-items: center !important;
      gap: calc(0.25rem * 1.5) !important;
      white-space: nowrap !important;
      color: currentcolor !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .label\! {
        color: color-mix(in oklab, currentcolor 60%, transparent) !important;
      }
    }
    .label\!:has(input) {
      cursor: pointer !important;
    }
    .label\!:is(.input > *, .select > *) {
      display: flex !important;
      height: calc(100% - 0.5rem) !important;
      align-items: center !important;
      padding-inline: calc(0.25rem * 3) !important;
      white-space: nowrap !important;
      font-size: inherit !important;
      &:first-child {
        margin-inline-start: calc(0.25rem * -3) !important;
        margin-inline-end: calc(0.25rem * 3) !important;
        border-inline-end: var(--border) solid currentColor !important;
        @supports (color: color-mix(in lab, red, red)) {
          border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000) !important;
        }
      }
      &:last-child {
        margin-inline-start: calc(0.25rem * 3) !important;
        margin-inline-end: calc(0.25rem * -3) !important;
        border-inline-start: var(--border) solid currentColor !important;
        @supports (color: color-mix(in lab, red, red)) {
          border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000) !important;
        }
      }
    }
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8) !important;
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8) !important;
  }
  @layer daisyui.component {
    .fieldset {
      display: grid !important;
      gap: calc(0.25rem * 1.5) !important;
      padding-block: calc(0.25rem * 1) !important;
      font-size: 0.75rem !important;
      grid-template-columns: 1fr !important;
      grid-auto-rows: max-content !important;
    }
  }
  .block {
    display: block !important;
  }
  .block\! {
    display: block !important;
  }
  .contents {
    display: contents !important;
  }
  .flex {
    display: flex !important;
  }
  .flow-root {
    display: flow-root !important;
  }
  .grid {
    display: grid !important;
  }
  .hidden {
    display: none !important;
  }
  .hidden\! {
    display: none !important;
  }
  .inline {
    display: inline !important;
  }
  .inline-block {
    display: inline-block !important;
  }
  .inline-flex {
    display: inline-flex !important;
  }
  .inline-table {
    display: inline-table !important;
  }
  .list-item {
    display: list-item !important;
  }
  .table {
    display: table !important;
  }
  .table-caption {
    display: table-caption !important;
  }
  .table-cell {
    display: table-cell !important;
  }
  .table-column {
    display: table-column !important;
  }
  .table-column-group {
    display: table-column-group !important;
  }
  .table-footer-group {
    display: table-footer-group !important;
  }
  .table-header-group {
    display: table-header-group !important;
  }
  .table-row {
    display: table-row !important;
  }
  .table-row-group {
    display: table-row-group !important;
  }
  .w-\[437px\] {
    width: 437px !important;
  }
  .flex-shrink {
    flex-shrink: 1 !important;
  }
  .shrink {
    flex-shrink: 1 !important;
  }
  .flex-grow {
    flex-grow: 1 !important;
  }
  .grow {
    flex-grow: 1 !important;
  }
  .border-collapse {
    border-collapse: collapse !important;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
  }
  @layer daisyui.component {
    .skeleton {
      border-radius: var(--radius-box) !important;
      background-color: var(--color-base-300) !important;
    }
    @media (prefers-reduced-motion: reduce) {
      .skeleton {
        transition-duration: 15s !important;
      }
    }
    .skeleton {
      will-change: background-position !important;
      background-image: linear-gradient( 105deg, #0000 0% 40%, var(--color-base-100) 50%, #0000 60% 100% ) !important;
      background-size: 200% auto !important;
      background-repeat: no-repeat !important;
      background-position-x: -50% !important;
    }
    @media (prefers-reduced-motion: no-preference) {
      .skeleton {
        animation: skeleton 1.8s ease-in-out infinite !important;
      }
    }
  }
  .resize {
    resize: both !important;
  }
  .flex-wrap {
    flex-wrap: wrap !important;
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6) !important;
  }
  .self-end {
    align-self: flex-end !important;
  }
  .self-start {
    align-self: flex-start !important;
  }
  .truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .rounded {
    border-radius: 0.25rem !important;
  }
  .rounded-lg {
    border-radius: var(--radius-lg) !important;
  }
  .border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border-base-300 {
    border-color: var(--color-base-300) !important;
  }
  .border-white\/50 {
    border-color: color-mix(in srgb, #fff 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 50%, transparent) !important;
    }
  }
  .mask-repeat {
    mask-repeat: repeat !important;
  }
  .p-4 {
    padding: calc(var(--spacing) * 4) !important;
  }
  .p-6 {
    padding: calc(var(--spacing) * 6) !important;
  }
  .p-7 {
    padding: calc(var(--spacing) * 7) !important;
  }
  .text-justify {
    text-align: justify !important;
  }
  .text-wrap {
    text-wrap: wrap !important;
  }
  .break-all {
    word-break: break-all !important;
  }
  .text-white\/75 {
    color: color-mix(in srgb, #fff 75%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 75%, transparent) !important;
    }
  }
  .capitalize {
    text-transform: capitalize !important;
  }
  .lowercase {
    text-transform: lowercase !important;
  }
  .uppercase {
    text-transform: uppercase !important;
  }
  .italic {
    font-style: italic !important;
  }
  .diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions !important;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important;
  }
  .lining-nums {
    --tw-numeric-figure: lining-nums !important;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important;
  }
  .oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums !important;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important;
  }
  .ordinal {
    --tw-ordinal: ordinal !important;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important;
  }
  .proportional-nums {
    --tw-numeric-spacing: proportional-nums !important;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important;
  }
  .slashed-zero {
    --tw-slashed-zero: slashed-zero !important;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important;
  }
  .stacked-fractions {
    --tw-numeric-fraction: stacked-fractions !important;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums !important;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important;
  }
  .line-through {
    text-decoration-line: line-through !important;
  }
  .overline {
    text-decoration-line: overline !important;
  }
  .underline {
    text-decoration-line: underline !important;
  }
  .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)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .outline {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important;
  }
  .blur {
    --tw-blur: blur(8px) !important;
    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,) !important;
  }
  .invert {
    --tw-invert: invert(100%) !important;
    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,) !important;
  }
  .sepia {
    --tw-sepia: sepia(100%) !important;
    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,) !important;
  }
  .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,) !important;
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .ease-in {
    --tw-ease: var(--ease-in) !important;
    transition-timing-function: var(--ease-in) !important;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out) !important;
    transition-timing-function: var(--ease-in-out) !important;
  }
  .ease-out {
    --tw-ease: var(--ease-out) !important;
    transition-timing-function: var(--ease-out) !important;
  }
  .select-all {
    -webkit-user-select: all !important;
    user-select: all !important;
  }
  .\[no-new-privileges\:true\] {
    no-new-privileges: true !important;
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-gray-900 {
      background-color: var(--color-gray-900) !important;
    }
  }
}
@keyframes skeleton {
  0% {
    background-position: 150%;
  }
  100% {
    background-position: -50%;
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-ease: initial;
    }
  }
}