/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --tw-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --tw-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --tw-color-slate-200: oklch(92.9% 0.013 255.508);
    --tw-color-white: #fff;
    --tw-spacing: 0.25rem;
    --tw-container-md: 28rem;
    --tw-text-xs: 0.75rem;
    --tw-text-xs--line-height: calc(1 / 0.75);
    --tw-text-sm: 0.875rem;
    --tw-text-sm--line-height: calc(1.25 / 0.875);
    --tw-text-3xl: 1.875rem;
    --tw-text-3xl--line-height: calc(2.25 / 1.875);
    --tw-font-weight-medium: 500;
    --tw-font-weight-semibold: 600;
    --tw-radius-md: 0.375rem;
    --tw-radius-lg: 0.5rem;
    --tw-radius-xl: 0.75rem;
    --tw-radius-2xl: 1rem;
    --tw-default-font-family: var(--tw-font-sans);
    --tw-default-mono-font-family: var(--tw-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(--tw-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--tw-default-font-feature-settings, normal);
    font-variation-settings: var(--tw-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(--tw-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--tw-default-mono-font-feature-settings, normal);
    font-variation-settings: var(--tw-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 {
    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 {
  .tw\:du-modal {
    @layer daisyui.l1.l2.l3 {
      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;
      transition: visibility 0.3s allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out;
      overflow: clip;
      overscroll-behavior: contain;
      z-index: 999;
      scrollbar-gutter: auto;
      &::backdrop {
        display: none;
      }
    }
    @layer daisyui.l1.l2 {
      &.tw\:du-modal-open, &[open], &:target, .tw\:modal-toggle:checked + & {
        pointer-events: auto;
        visibility: visible;
        opacity: 100%;
        transition: visibility 0s allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out;
        background-color: oklch(0% 0 0/ 0.4);
        .tw\:du-modal-box {
          translate: 0 0;
          scale: 1;
          opacity: 1;
        }
        :root:has(&) {
          --du-page-has-backdrop: 1;
          --du-page-overflow: hidden;
          --du-page-scroll-bg: var(--du-page-scroll-bg-on);
          --du-page-scroll-gutter: stable;
          --du-page-scroll-transition: var(--du-page-scroll-transition-on);
          animation: set-page-has-scroll forwards;
          animation-timeline: scroll();
        }
      }
      @starting-style {
        &.tw\:du-modal-open, &[open], &:target, .tw\:modal-toggle:checked + & {
          opacity: 0%;
        }
      }
    }
  }
  .tw\:du-tooltip {
    @layer daisyui.l1.l2.l3 {
      position: relative;
      display: inline-block;
      --du-tt-bg: var(--color-neutral);
      --du-tt-off: calc(100% + 0.5rem);
      --du-tt-tail: calc(100% + 1px + 0.25rem);
      & > .tw\:du-tooltip-content, &[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;
        background-color: var(--du-tt-bg);
        width: max-content;
        pointer-events: none;
        z-index: 2;
        --tw-content: attr(data-tip);
        content: var(--tw-content);
      }
      &:after {
        opacity: 0%;
        background-color: var(--du-tt-bg);
        content: "";
        pointer-events: none;
        width: 0.625rem;
        height: 0.25rem;
        display: block;
        position: absolute;
        mask-repeat: no-repeat;
        mask-position: -1px 0;
        --du-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(--du-mask-tooltip);
      }
      @media (prefers-reduced-motion: no-preference) {
        & > .tw\:du-tooltip-content, &[data-tip]:before, &:after {
          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;
        }
      }
      &:is([data-tip]:not([data-tip=""]), :has(.tw\:du-tooltip-content:not(:empty))) {
        &.tw\:du-tooltip-open, &:hover, &:has(:focus-visible) {
          & > .tw\:du-tooltip-content, &[data-tip]:before, &:after {
            opacity: 100%;
            --du-tt-pos: 0rem;
            @media (prefers-reduced-motion: no-preference) {
              transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
            }
          }
        }
      }
    }
    @layer daisyui.l1.l2 {
      > .tw\:du-tooltip-content, &[data-tip]:before {
        transform: translateX(-50%) translateY(var(--du-tt-pos, 0.25rem));
        inset: auto auto var(--du-tt-off) 50%;
      }
      &:after {
        transform: translateX(-50%) translateY(var(--du-tt-pos, 0.25rem));
        inset: auto auto var(--du-tt-tail) 50%;
      }
    }
  }
  .tw\:du-collapse-arrow {
    @layer daisyui.l1.l2 {
       > .tw\:du-collapse-title:after {
        position: absolute;
        display: block;
        height: 0.5rem;
        width: 0.5rem;
        transform: translateY(-100%) rotate(45deg);
        @media (prefers-reduced-motion: no-preference) {
          transition-property: all;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: 0.2s;
        }
        top: 50%;
        inset-inline-end: 1.4rem;
        content: "";
        transform-origin: 75% 75%;
        box-shadow: 2px 2px;
        pointer-events: none;
      }
    }
  }
  .tw\:du-btn {
    :where(&) {
      @layer daisyui.l1.l2.l3 {
        width: unset;
      }
    }
    .tw\:prose :where(a&:not(.tw\:du-btn-link)):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      text-decoration-line: none;
    }
    @layer daisyui.l1.l2.l3 {
      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(--du-btn-p);
      color: var(--du-btn-fg);
      --tw-prose-links: var(--du-btn-fg);
      height: var(--du-size);
      font-size: var(--du-fontsize, 0.875rem);
      font-weight: 600;
      outline-color: var(--du-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(--du-join-ss, var(--radius-field));
      border-start-end-radius: var(--du-join-se, var(--radius-field));
      border-end-start-radius: var(--du-join-es, var(--radius-field));
      border-end-end-radius: var(--du-join-ee, var(--radius-field));
      background-color: var(--du-btn-bg);
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--du-btn-noise);
      border-width: var(--border);
      border-style: solid;
      border-color: var(--du-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(--du-btn-shadow);
      --du-size: calc(var(--size-field, 0.25rem) * 10);
      --du-btn-bg: var(--du-btn-color, var(--color-base-200));
      --du-btn-fg: var(--color-base-content);
      --du-btn-p: 1rem;
      --du-btn-border: var(--du-btn-bg);
      @supports (color: color-mix(in lab, red, red)) {
        --du-btn-border: color-mix(in oklab, var(--du-btn-bg), #000 calc(var(--depth) * 5%));
      }
      --du-btn-shadow: 0 3px 2px -2px var(--du-btn-bg),
      0 4px 3px -2px var(--du-btn-bg);
      @supports (color: color-mix(in lab, red, red)) {
        --du-btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--du-btn-bg) calc(var(--depth) * 30%), #0000),
      0 4px 3px -2px color-mix(in oklab, var(--du-btn-bg) calc(var(--depth) * 30%), #0000);
      }
      --du-btn-noise: var(--du-fx-noise);
      @media (hover: hover) {
        &:hover {
          --du-btn-bg: var(--du-btn-color, var(--color-base-200));
          @supports (color: color-mix(in lab, red, red)) {
            --du-btn-bg: color-mix(in oklab, var(--du-btn-color, var(--color-base-200)), #000 7%);
          }
        }
      }
      &:focus-visible, &:has(:focus-visible) {
        outline-width: 2px;
        outline-style: solid;
        isolation: isolate;
      }
      &:active:not(.tw\:du-btn-active) {
        translate: 0 0.5px;
        --du-btn-bg: var(--du-btn-color, var(--color-base-200));
        @supports (color: color-mix(in lab, red, red)) {
          --du-btn-bg: color-mix(in oklab, var(--du-btn-color, var(--color-base-200)), #000 5%);
        }
        --du-btn-border: var(--du-btn-color, var(--color-base-200));
        @supports (color: color-mix(in lab, red, red)) {
          --du-btn-border: color-mix(in oklab, var(--du-btn-color, var(--color-base-200)), #000 7%);
        }
        --du-btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);
      }
      &:is(input[type="checkbox"], input[type="radio"]) {
        appearance: none;
        &[aria-label]::after {
          --tw-content: attr(aria-label);
          content: var(--tw-content);
        }
      }
      &:where(input:checked:not(.tw\:du-filter .tw\:du-btn)) {
        --du-btn-color: var(--color-primary);
        --du-btn-fg: var(--color-primary-content);
        isolation: isolate;
      }
    }
    &:disabled {
      @layer daisyui.l1.l2 {
        &:not(.tw\:du-btn-link, .tw\:du-btn-ghost) {
          background-color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
          }
          box-shadow: none;
        }
        pointer-events: none;
        --du-btn-border: #0000;
        --du-btn-noise: none;
        --du-btn-fg: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          --du-btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
        }
      }
    }
    &[disabled] {
      @layer daisyui.l1.l2 {
        &:not(.tw\:du-btn-link, .tw\:du-btn-ghost) {
          background-color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
          }
          box-shadow: none;
        }
        pointer-events: none;
        --du-btn-border: #0000;
        --du-btn-noise: none;
        --du-btn-fg: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          --du-btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
        }
      }
    }
  }
  .tw\:du-loading {
    @layer daisyui.l1.l2.l3 {
      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");
    }
  }
  .tw\:du-btn-disabled {
    @layer daisyui.l1.l2 {
      &:not(.tw\:du-btn-link, .tw\:du-btn-ghost) {
        background-color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
        }
        box-shadow: none;
      }
      pointer-events: none;
      --du-btn-border: #0000;
      --du-btn-noise: none;
      --du-btn-fg: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --du-btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
      }
    }
  }
  .tw\:du-collapse {
    &:not(td, tr, colgroup) {
      visibility: revert-layer;
    }
    @layer daisyui.l1.l2.l3 {
      display: grid;
      position: relative;
      overflow: hidden;
      border-radius: var(--radius-box, 1rem);
      width: 100%;
      grid-template-rows: max-content 0fr;
      grid-template-columns: minmax(0, 1fr);
      isolation: isolate;
      @media (prefers-reduced-motion: no-preference) {
        transition: grid-template-rows 0.2s;
      }
      > input:is([type="checkbox"], [type="radio"]) {
        grid-column-start: 1;
        grid-row-start: 1;
        appearance: none;
        opacity: 0;
        z-index: 1;
        width: 100%;
        padding: 1rem;
        padding-inline-end: 3rem;
        min-height: 1lh;
        transition: background-color 0.2s ease-out;
      }
      &:is( [open], [tabindex]:focus:not(.tw\:du-collapse-close), [tabindex]:focus-within:not(.tw\:du-collapse-close) ), &:not(.tw\:du-collapse-close):has(> input:is([type="checkbox"], [type="radio"]):checked) {
        grid-template-rows: max-content 1fr;
      }
      &:is( [open], [tabindex]:focus:not(.tw\:du-collapse-close), [tabindex]:focus-within:not(.tw\:du-collapse-close) ) > .tw\:du-collapse-content, &:not(.tw\:du-collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .tw\:du-collapse-content) {
        content-visibility: visible;
        min-height: fit-content;
        @supports not (content-visibility: visible) {
          visibility: visible;
        }
      }
      &:focus-visible, &:has(> input:is([type="checkbox"], [type="radio"]):focus-visible), &:has(summary:focus-visible) {
        outline-color: var(--color-base-content);
        outline-style: solid;
        outline-width: 2px;
        outline-offset: 2px;
      }
      &:not(.tw\:du-collapse-close) {
        > input[type="checkbox"], > input[type="radio"]:not(:checked), > .tw\:du-collapse-title {
          cursor: pointer;
        }
      }
      &[tabindex]:focus:not(.tw\:du-collapse-close, .tw\:du-collapse[open]), &[tabindex]:focus-within:not(.tw\:du-collapse-close, .tw\:du-collapse[open]) {
         > .tw\:du-collapse-title {
          cursor: unset;
        }
      }
      &:is( [open], [tabindex]:focus:not(.tw\:du-collapse-close), [tabindex]:focus-within:not(.tw\:du-collapse-close) ) > :where(.tw\:du-collapse-content), &:not(.tw\:du-collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .tw\:du-collapse-content) {
        padding-bottom: 1rem;
      }
    }
    @layer daisyui.l1.l2 {
      &:is([open]) {
        &.tw\:du-collapse-arrow {
           > .tw\:du-collapse-title:after {
            @media (prefers-reduced-motion: no-preference) {
              transform: translateY(-50%) rotate(225deg);
            }
          }
        }
      }
      &.tw\:du-collapse-open {
        &.tw\:du-collapse-arrow {
           > .tw\:du-collapse-title:after {
            @media (prefers-reduced-motion: no-preference) {
              transform: translateY(-50%) rotate(225deg);
            }
          }
        }
        &.tw\:du-collapse-plus {
           > .tw\:du-collapse-title:after {
            --tw-content: "−";
            content: var(--tw-content);
          }
        }
      }
      &[tabindex].tw\:du-collapse-arrow:focus:not(.tw\:du-collapse-close), &.tw\:du-collapse-arrow[tabindex]:focus-within:not(.tw\:du-collapse-close) {
         > .tw\:du-collapse-title:after {
          transform: translateY(-50%) rotate(225deg);
        }
      }
      &.tw\:du-collapse-arrow:not(.tw\:du-collapse-close) {
        > input:is([type="checkbox"], [type="radio"]):checked ~ .tw\:du-collapse-title:after {
          transform: translateY(-50%) rotate(225deg);
        }
      }
      &[open] {
        &.tw\:du-collapse-plus {
           > .tw\:du-collapse-title:after {
            --tw-content: "−";
            content: var(--tw-content);
          }
        }
      }
      &[tabindex].tw\:du-collapse-plus:focus:not(.tw\:du-collapse-close) {
         > .tw\:du-collapse-title:after {
          --tw-content: "−";
          content: var(--tw-content);
        }
      }
      &.tw\:du-collapse-plus:not(.tw\:du-collapse-close) {
        > input:is([type="checkbox"], [type="radio"]):checked ~ .tw\:du-collapse-title:after {
          --tw-content: "−";
          content: var(--tw-content);
        }
      }
    }
    &:is(details) {
      @layer daisyui.l1.l2.l3 {
        width: 100%;
        @media (prefers-reduced-motion: no-preference) {
          &::details-content {
            transition: content-visibility 0.2s allow-discrete, visibility 0.2s allow-discrete, min-height 0.2s ease-out allow-discrete, padding 0.1s ease-out 20ms, background-color 0.2s ease-out, height 0.2s;
            height: 0;
            interpolate-size: allow-keywords;
          }
          &:where([open])::details-content {
            height: auto;
          }
        }
        & summary {
          position: relative;
          display: block;
          &::-webkit-details-marker {
            display: none;
          }
        }
        & > .tw\:du-collapse-content {
          content-visibility: visible;
        }
      }
    }
    &:is(details) summary {
      @layer daisyui.l1.l2.l3 {
        outline: none;
      }
    }
  }
  .tw\:du-collapse-content {
    @layer daisyui.l1.l2.l3 {
      grid-column-start: 1;
      grid-row-start: 1;
    }
    @layer daisyui.l1.l2.l3 {
      content-visibility: hidden;
      grid-column-start: 1;
      grid-row-start: 2;
      min-height: 0;
      padding-left: 1rem;
      padding-right: 1rem;
      cursor: unset;
      @supports not (content-visibility: hidden) {
        visibility: hidden;
      }
      @media (prefers-reduced-motion: no-preference) {
        transition: content-visibility 0.2s allow-discrete, visibility 0.2s allow-discrete, min-height 0.2s ease-out allow-discrete, padding 0.1s ease-out 20ms, background-color 0.2s ease-out;
      }
    }
  }
  .tw\:du-validator {
    @layer daisyui.l1.l2.l3 {
      &:user-valid, &:has(:user-valid) {
        &, &:focus, &:checked, &[aria-checked="true"], &:focus-within {
          --du-input-color: var(--color-success);
        }
      }
      &:user-invalid, &:has(:user-invalid), &[aria-invalid]:not([aria-invalid="false"]), &:has([aria-invalid]:not([aria-invalid="false"])) {
        &, &:focus, &:checked, &[aria-checked="true"], &:focus-within {
          --du-input-color: var(--color-error);
        }
        & ~ .tw\:du-validator-hint {
          visibility: visible;
          color: var(--color-error);
        }
      }
    }
    &:user-invalid, &:has(:user-invalid), &[aria-invalid]:not([aria-invalid="false"]), &:has([aria-invalid]:not([aria-invalid="false"])) {
      & ~ .tw\:du-validator-hint {
        display: revert-layer;
      }
    }
  }
  .tw\:du-radial-progress {
    @layer daisyui.l1.l2.l3 {
      position: relative;
      display: inline-grid;
      height: var(--du-size);
      width: var(--du-size);
      place-content: center;
      border-radius: calc(infinity * 1px);
      background-color: transparent;
      vertical-align: middle;
      box-sizing: content-box;
      --du-value: 0;
      --du-size: 5rem;
      --du-thickness: calc(var(--du-size) / 10);
      --du-radialprogress: calc(var(--du-value) * 1%);
      transition: --radialprogress 0.3s linear;
      &:before {
        position: absolute;
        inset: calc(0.25rem * 0);
        border-radius: calc(infinity * 1px);
        content: "";
        background: radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--du-thickness) var(--du-thickness) no-repeat, conic-gradient(currentColor var(--du-radialprogress), #0000 0);
        webkit-mask: radial-gradient( farthest-side, #0000 calc(100% - var(--du-thickness)), #000 calc(100% + 0.5px - var(--du-thickness)) );
        mask: radial-gradient( farthest-side, #0000 calc(100% - var(--du-thickness)), #000 calc(100% + 0.5px - var(--du-thickness)) );
      }
      &:after {
        position: absolute;
        border-radius: calc(infinity * 1px);
        background-color: currentcolor;
        transition: transform 0.3s linear;
        content: "";
        inset: calc(50% - var(--du-thickness) / 2);
        transform: rotate(calc(var(--du-value) * 3.6deg - 90deg)) translate(calc(var(--du-size) / 2 - 50%));
      }
    }
  }
  .tw\:du-input {
    @layer daisyui.l1.l2.l3 {
      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(--du-size);
      font-size: max(var(--du-font-size, 0.875rem), 0.875rem);
      touch-action: manipulation;
      border-start-start-radius: var(--du-join-ss, var(--radius-field));
      border-start-end-radius: var(--du-join-se, var(--radius-field));
      border-end-start-radius: var(--du-join-es, var(--radius-field));
      border-end-end-radius: var(--du-join-ee, var(--radius-field));
      border-color: var(--du-input-color);
      box-shadow: 0 1px var(--du-input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 1px color-mix(in oklab, var(--du-input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
      }
      --du-size: calc(var(--size-field, 0.25rem) * 10);
      --du-input-color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --du-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="url"]), :where(input[type="email"]) {
        direction: ltr;
      }
      :where(input[type="date"]) {
        display: inline-flex;
      }
      &:focus, &:focus-within {
        --du-input-color: var(--color-base-content);
        box-shadow: 0 1px var(--du-input-color);
        @supports (color: color-mix(in lab, red, red)) {
          box-shadow: 0 1px color-mix(in oklab, var(--du-input-color) calc(var(--depth) * 10%), #0000);
        }
        outline: 2px solid var(--du-input-color);
        outline-offset: 2px;
        isolation: isolate;
      }
      @media (pointer: coarse) {
        @supports (-webkit-touch-callout: none) {
          &:focus, &:focus-within {
            --du-font-size: 1rem;
          }
        }
      }
      &:has(> input[disabled]), &:is(:disabled, [disabled]), fieldset:disabled & {
        cursor: not-allowed;
        border-color: var(--color-base-200);
        background-color: var(--color-base-200);
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
        }
        &::placeholder {
          color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            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;
      }
      &:has(> input[type="date"]) {
        :where(input[type="date"]) {
          display: inline-flex;
          webkit-appearance: none;
          appearance: none;
        }
        input[type="date"]::-webkit-calendar-picker-indicator {
          position: absolute;
          inset-inline-end: 0.75em;
          width: 1em;
          height: 1em;
          cursor: pointer;
        }
      }
    }
  }
  .tw\:du-table {
    @layer daisyui.l1.l2.l3 {
      font-size: 0.875rem;
      position: relative;
      width: 100%;
      border-collapse: separate;
      --tw-border-spacing-x: calc(0.25rem * 0);
      --tw-border-spacing-y: calc(0.25rem * 0);
      border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
      border-radius: var(--radius-box);
      text-align: left;
      &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
        text-align: right;
      }
      .tw\:du-tr.tw\:du-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: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
        }
        font-size: 0.875rem;
        font-weight: 600;
      }
      :where(tfoot tr:first-child :is(td, th)) {
        border-top: var(--border) solid var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
        }
      }
      :where(.tw\:du-table-pin-rows thead tr) {
        position: sticky;
        top: calc(0.25rem * 0);
        z-index: 1;
        background-color: var(--color-base-100);
      }
      :where(.tw\:du-table-pin-rows tfoot tr) {
        position: sticky;
        bottom: calc(0.25rem * 0);
        z-index: 1;
        background-color: var(--color-base-100);
      }
      :where(.tw\:du-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 :is(td, th), tbody tr:not(:last-child) :is(td, th)) {
        border-bottom: var(--border) solid var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
        }
      }
    }
  }
  .tw\:du-select {
    @layer daisyui.l1.l2.l3 {
      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 * 3);
      padding-inline-end: calc(0.25rem * 7);
      vertical-align: middle;
      width: clamp(3rem, 20rem, 100%);
      height: var(--du-size);
      font-size: 0.875rem;
      touch-action: manipulation;
      border-start-start-radius: var(--du-join-ss, var(--radius-field));
      border-start-end-radius: var(--du-join-se, var(--radius-field));
      border-end-start-radius: var(--du-join-es, var(--radius-field));
      border-end-end-radius: var(--du-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;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      box-shadow: 0 1px var(--du-input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 1px color-mix(in oklab, var(--du-input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
      }
      border-color: var(--du-input-color);
      --du-input-color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        --du-input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
      --du-size: calc(var(--size-field, 0.25rem) * 10);
      [dir="rtl"] & {
        background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
        &::picker(select), select::picker(select) {
          translate: 0.5rem 0;
        }
      }
      &[multiple] {
        height: auto;
        overflow: auto;
        padding-block: calc(0.25rem * 3);
        padding-inline-end: calc(0.25rem * 3);
        background-image: none;
      }
      select {
        margin-inline-start: calc(0.25rem * -3);
        margin-inline-end: calc(0.25rem * -7);
        width: calc(100% + 2.75rem);
        appearance: none;
        padding-inline-start: calc(0.25rem * 3);
        padding-inline-end: calc(0.25rem * 7);
        height: calc(100% - calc(var(--border) * 2));
        align-items: center;
        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 {
        --du-input-color: var(--color-base-content);
        box-shadow: 0 1px var(--du-input-color);
        @supports (color: color-mix(in lab, red, red)) {
          box-shadow: 0 1px color-mix(in oklab, var(--du-input-color) calc(var(--depth) * 10%), #0000);
        }
        outline: 2px solid var(--du-input-color);
        outline-offset: 2px;
        isolation: isolate;
      }
      &:has(> select[disabled]), &:is(:disabled, [disabled]), fieldset:disabled & {
        cursor: not-allowed;
        border-color: var(--color-base-200);
        background-color: var(--color-base-200);
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
        }
        &::placeholder {
          color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
          }
        }
      }
      &:has(> select[disabled]) > select[disabled] {
        cursor: not-allowed;
      }
      &, & select {
        @supports (appearance: base-select) {
          appearance: base-select;
        }
        @supports (appearance: base-select) {
          &::picker(select) {
            appearance: base-select;
          }
        }
        &::picker(select) {
          color: inherit;
          max-height: min(24rem, 70dvh);
          margin-inline: 0.5rem;
          translate: -0.5rem 0;
          border: var(--border) solid var(--color-base-200);
          margin-block: calc(0.25rem * 2);
          border-radius: var(--radius-box);
          padding: calc(0.25rem * 2);
          background-color: inherit;
          box-shadow: 0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/0.2);
          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));
        }
        &::picker-icon {
          display: none;
        }
        optgroup {
          padding-top: 0.5em;
          option {
            &:nth-child(1) {
              margin-top: 0.5em;
            }
          }
        }
        option {
          border-radius: var(--radius-field);
          padding-inline: calc(0.25rem * 3);
          padding-block: calc(0.25rem * 1.5);
          transition-property: color, background-color;
          transition-duration: 0.2s;
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          white-space: normal;
          &:not(:disabled) {
            &:hover, &:focus-visible {
              cursor: pointer;
              background-color: var(--color-base-content);
              @supports (color: color-mix(in lab, red, red)) {
                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;
              }
            }
            &:active {
              background-color: var(--color-neutral);
              color: var(--color-neutral-content);
              box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral);
            }
          }
        }
      }
    }
  }
  .tw\:du-collapse-title {
    @layer daisyui.l1.l2.l3 {
      grid-column-start: 1;
      grid-row-start: 1;
    }
    @layer daisyui.l1.l2.l3 {
      position: relative;
      width: 100%;
      padding: 1rem;
      padding-inline-end: 3rem;
      min-height: 1lh;
      transition: background-color 0.2s ease-out;
    }
  }
  .tw\:du-card {
    @layer daisyui.l1.l2.l3 {
      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;
      }
      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;
      }
    }
  }
  .tw\:absolute {
    position: absolute;
  }
  .tw\:relative {
    position: relative;
  }
  .tw\:du-tooltip-top {
    @layer daisyui.l1.l2 {
      > .tw\:du-tooltip-content, &[data-tip]:before {
        transform: translateX(-50%) translateY(var(--du-tt-pos, 0.25rem));
        inset: auto auto var(--du-tt-off) 50%;
      }
      &:after {
        transform: translateX(-50%) translateY(var(--du-tt-pos, 0.25rem));
        inset: auto auto var(--du-tt-tail) 50%;
      }
    }
  }
  .tw\:inset-0 {
    inset: calc(var(--tw-spacing) * 0);
  }
  .tw\:du-join {
    display: inline-flex;
    align-items: stretch;
    --du-join-ss: 0;
    --du-join-se: 0;
    --du-join-es: 0;
    --du-join-ee: 0;
    :where(.tw\:du-join-item) {
      border-start-start-radius: var(--du-join-ss, 0);
      border-start-end-radius: var(--du-join-se, 0);
      border-end-start-radius: var(--du-join-es, 0);
      border-end-end-radius: var(--du-join-ee, 0);
      * {
        --du-join-ss: var(--radius-field);
        --du-join-se: var(--radius-field);
        --du-join-es: var(--radius-field);
        --du-join-ee: var(--radius-field);
      }
    }
     > .tw\:du-join-item:where(:first-child) {
      --du-join-ss: var(--radius-field);
      --du-join-se: 0;
      --du-join-es: var(--radius-field);
      --du-join-ee: 0;
    }
    :first-child:not(:last-child) {
      :where(.tw\:du-join-item) {
        --du-join-ss: var(--radius-field);
        --du-join-se: 0;
        --du-join-es: var(--radius-field);
        --du-join-ee: 0;
      }
    }
     > .tw\:du-join-item:where(:last-child) {
      --du-join-ss: 0;
      --du-join-se: var(--radius-field);
      --du-join-es: 0;
      --du-join-ee: var(--radius-field);
    }
    :last-child:not(:first-child) {
      :where(.tw\:du-join-item) {
        --du-join-ss: 0;
        --du-join-se: var(--radius-field);
        --du-join-es: 0;
        --du-join-ee: var(--radius-field);
      }
    }
     > .tw\:du-join-item:where(:only-child) {
      --du-join-ss: var(--radius-field);
      --du-join-se: var(--radius-field);
      --du-join-es: var(--radius-field);
      --du-join-ee: var(--radius-field);
    }
    :only-child {
      :where(.tw\:du-join-item) {
        --du-join-ss: var(--radius-field);
        --du-join-se: var(--radius-field);
        --du-join-es: var(--radius-field);
        --du-join-ee: var(--radius-field);
      }
    }
    > :where(:focus, :has(:focus)) {
      z-index: 1;
    }
    @media (hover: hover) {
      > :where(.tw\:du-btn:hover, :has(.tw\:du-btn:hover)) {
        isolation: isolate;
      }
    }
  }
  .tw\:du-modal-backdrop {
    @layer daisyui.l1.l2.l3 {
      grid-column-start: 1;
      grid-row-start: 1;
      display: grid;
      align-self: stretch;
      justify-self: stretch;
      color: transparent;
      z-index: -1;
      button {
        cursor: pointer;
      }
    }
  }
  .tw\:du-modal-box {
    @layer daisyui.l1.l2.l3 {
      grid-column-start: 1;
      grid-row-start: 1;
      max-height: 100vh;
      width: calc(11/12 * 100%);
      max-width: 32rem;
      background-color: var(--color-base-100);
      padding: calc(0.25rem * 6);
      transition: translate 0.3s ease-out, scale 0.3s ease-out, opacity 0.2s ease-out 0.05s, box-shadow 0.3s ease-out;
      border-top-left-radius: var(--du-modal-tl, var(--radius-box));
      border-top-right-radius: var(--du-modal-tr, var(--radius-box));
      border-bottom-left-radius: var(--du-modal-bl, var(--radius-box));
      border-bottom-right-radius: var(--du-modal-br, var(--radius-box));
      scale: 95%;
      opacity: 0;
      box-shadow: oklch(0% 0 0/ 0.25) 0px 25px 50px -12px;
      overflow-y: auto;
      overscroll-behavior: contain;
    }
  }
  .tw\:mx-auto {
    margin-inline: auto;
  }
  .tw\:du-input-sm {
    @layer daisyui.l1.l2 {
      --du-size: calc(var(--size-field, 0.25rem) * 8);
      font-size: max(var(--du-font-size, 0.75rem), 0.75rem);
      &[type="number"] {
        &::-webkit-inner-spin-button {
          margin-block: calc(0.25rem * -2);
          margin-inline-end: calc(0.25rem * -3);
        }
      }
    }
  }
  .tw\:du-join-vertical {
    flex-direction: column;
     > .tw\:du-join-item:first-child {
      --du-join-ss: var(--radius-field);
      --du-join-se: var(--radius-field);
      --du-join-es: 0;
      --du-join-ee: 0;
    }
    :first-child:not(:last-child) {
      .tw\:du-join-item {
        --du-join-ss: var(--radius-field);
        --du-join-se: var(--radius-field);
        --du-join-es: 0;
        --du-join-ee: 0;
      }
    }
     > .tw\:du-join-item:last-child {
      --du-join-ss: 0;
      --du-join-se: 0;
      --du-join-es: var(--radius-field);
      --du-join-ee: var(--radius-field);
    }
    :last-child:not(:first-child) {
      .tw\:du-join-item {
        --du-join-ss: 0;
        --du-join-se: 0;
        --du-join-es: var(--radius-field);
        --du-join-ee: var(--radius-field);
      }
    }
     > .tw\:du-join-item:only-child {
      --du-join-ss: var(--radius-field);
      --du-join-se: var(--radius-field);
      --du-join-es: var(--radius-field);
      --du-join-ee: var(--radius-field);
    }
    :only-child {
      .tw\:du-join-item {
        --du-join-ss: var(--radius-field);
        --du-join-se: var(--radius-field);
        --du-join-es: var(--radius-field);
        --du-join-ee: var(--radius-field);
      }
    }
    .tw\:du-join-item {
      &:where(*:not(:first-child)) {
        margin-inline-start: 0;
        margin-block-start: calc(var(--border, 1px) * -1);
      }
    }
  }
  .tw\:du-join-item {
    &:where(*:not(:first-child, :disabled, [disabled], .tw\:du-btn-disabled)) {
      margin-inline-start: calc(var(--border, 1px) * -1);
      margin-block-start: 0;
    }
    &:where(*:is(:disabled, [disabled], .tw\:du-btn-disabled)) {
      border-width: var(--border, 1px) 0 var(--border, 1px) var(--border, 1px);
    }
  }
  .tw\:mt-1 {
    margin-top: calc(var(--tw-spacing) * 1);
  }
  .tw\:mt-2 {
    margin-top: calc(var(--tw-spacing) * 2);
  }
  .tw\:mt-3 {
    margin-top: calc(var(--tw-spacing) * 3);
  }
  .tw\:mt-4 {
    margin-top: calc(var(--tw-spacing) * 4);
  }
  .tw\:mt-6 {
    margin-top: calc(var(--tw-spacing) * 6);
  }
  .tw\:mr-3 {
    margin-right: calc(var(--tw-spacing) * 3);
  }
  .tw\:mb-2 {
    margin-bottom: calc(var(--tw-spacing) * 2);
  }
  .tw\:mb-4 {
    margin-bottom: calc(var(--tw-spacing) * 4);
  }
  .tw\:mb-6 {
    margin-bottom: calc(var(--tw-spacing) * 6);
  }
  .tw\:du-card-body {
    @layer daisyui.l1.l2.l3 {
      display: flex;
      flex: auto;
      flex-direction: column;
      gap: calc(0.25rem * 2);
      padding: var(--du-card-p, 1.5rem);
      font-size: var(--du-card-fs, 0.875rem);
      :where(p) {
        flex-grow: 1;
      }
    }
  }
  .tw\:du-card-title {
    @layer daisyui.l1.l2.l3 {
      display: flex;
      align-items: center;
      gap: calc(0.25rem * 2);
      font-size: var(--du-cardtitle-fs, 1.125rem);
      font-weight: 600;
    }
  }
  .tw\:block {
    display: block;
  }
  .tw\:flex {
    display: flex;
  }
  .tw\:hidden {
    display: none;
  }
  .tw\:inline-flex {
    display: inline-flex;
  }
  .tw\:du-btn-circle {
    @layer daisyui.l1.l2 {
      border-radius: calc(infinity * 1px);
      padding-inline: calc(0.25rem * 0);
      width: var(--du-size);
      height: var(--du-size);
    }
  }
  .tw\:h-3 {
    height: calc(var(--tw-spacing) * 3);
  }
  .tw\:h-3\.5 {
    height: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:h-4 {
    height: calc(var(--tw-spacing) * 4);
  }
  .tw\:h-5 {
    height: calc(var(--tw-spacing) * 5);
  }
  .tw\:h-6 {
    height: calc(var(--tw-spacing) * 6);
  }
  .tw\:h-7 {
    height: calc(var(--tw-spacing) * 7);
  }
  .tw\:h-8 {
    height: calc(var(--tw-spacing) * 8);
  }
  .tw\:h-12 {
    height: calc(var(--tw-spacing) * 12);
  }
  .tw\:h-\[1em\] {
    height: 1em;
  }
  .tw\:h-\[160px\] {
    height: 160px;
  }
  .tw\:h-full {
    height: 100%;
  }
  .tw\:min-h-0 {
    min-height: calc(var(--tw-spacing) * 0);
  }
  .tw\:du-loading-xs {
    @layer daisyui.l1.l2 {
      width: calc(var(--size-selector, 0.25rem) * 4);
    }
  }
  .tw\:w-3\.5 {
    width: calc(var(--tw-spacing) * 3.5);
  }
  .tw\:w-4 {
    width: calc(var(--tw-spacing) * 4);
  }
  .tw\:w-5 {
    width: calc(var(--tw-spacing) * 5);
  }
  .tw\:w-6 {
    width: calc(var(--tw-spacing) * 6);
  }
  .tw\:w-7 {
    width: calc(var(--tw-spacing) * 7);
  }
  .tw\:w-8 {
    width: calc(var(--tw-spacing) * 8);
  }
  .tw\:w-10 {
    width: calc(var(--tw-spacing) * 10);
  }
  .tw\:w-12 {
    width: calc(var(--tw-spacing) * 12);
  }
  .tw\:w-14 {
    width: calc(var(--tw-spacing) * 14);
  }
  .tw\:w-16 {
    width: calc(var(--tw-spacing) * 16);
  }
  .tw\:w-20 {
    width: calc(var(--tw-spacing) * 20);
  }
  .tw\:w-24 {
    width: calc(var(--tw-spacing) * 24);
  }
  .tw\:w-28 {
    width: calc(var(--tw-spacing) * 28);
  }
  .tw\:w-32 {
    width: calc(var(--tw-spacing) * 32);
  }
  .tw\:w-36 {
    width: calc(var(--tw-spacing) * 36);
  }
  .tw\:w-40 {
    width: calc(var(--tw-spacing) * 40);
  }
  .tw\:w-52 {
    width: calc(var(--tw-spacing) * 52);
  }
  .tw\:w-56 {
    width: calc(var(--tw-spacing) * 56);
  }
  .tw\:w-\[68\%\] {
    width: 68%;
  }
  .tw\:w-\[78\%\] {
    width: 78%;
  }
  .tw\:w-\[92\%\] {
    width: 92%;
  }
  .tw\:w-fit {
    width: fit-content;
  }
  .tw\:w-full {
    width: 100%;
  }
  .tw\:max-w-full {
    max-width: 100%;
  }
  .tw\:max-w-md {
    max-width: var(--tw-container-md);
  }
  .tw\:min-w-0 {
    min-width: calc(var(--tw-spacing) * 0);
  }
  .tw\:flex-1 {
    flex: 1;
  }
  .tw\:flex-none {
    flex: none;
  }
  .tw\:shrink-0 {
    flex-shrink: 0;
  }
  .tw\:grow {
    flex-grow: 1;
  }
  .tw\:du-skeleton {
    @layer daisyui.l1.l2.l3 {
      border-radius: var(--radius-box);
      background-color: var(--color-base-300);
      @media (prefers-reduced-motion: reduce) {
        transition-duration: 15s;
      }
      will-change: background-position;
      background-image: linear-gradient( 105deg, #0000 0% 40%, var(--color-base-100) 50%, #0000 60% 100% );
      background-size: 200% auto;
      background-position-x: -50%;
      @media (prefers-reduced-motion: no-preference) {
        animation: skeleton 1.8s ease-in-out infinite;
      }
    }
  }
  .tw\:flex-col {
    flex-direction: column;
  }
  .tw\:flex-wrap {
    flex-wrap: wrap;
  }
  .tw\:items-center {
    align-items: center;
  }
  .tw\:justify-between {
    justify-content: space-between;
  }
  .tw\:justify-center {
    justify-content: center;
  }
  .tw\:justify-end {
    justify-content: flex-end;
  }
  .tw\:gap-1 {
    gap: calc(var(--tw-spacing) * 1);
  }
  .tw\:gap-2 {
    gap: calc(var(--tw-spacing) * 2);
  }
  .tw\:gap-3 {
    gap: calc(var(--tw-spacing) * 3);
  }
  .tw\:overflow-x-auto {
    overflow-x: auto;
  }
  .tw\:rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .tw\:rounded-lg {
    border-radius: var(--tw-radius-lg);
  }
  .tw\:rounded-md {
    border-radius: var(--tw-radius-md);
  }
  .tw\:rounded-xl {
    border-radius: var(--tw-radius-xl);
  }
  .tw\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .tw\:border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .tw\:du-select-ghost {
    @layer daisyui.l1.l2 {
      background-color: transparent;
      transition: background-color 0.2s;
      box-shadow: none;
      border-color: #0000;
      &:focus, &:focus-within {
        background-color: var(--color-base-100);
        color: var(--color-base-content);
        border-color: #0000;
        box-shadow: none;
      }
    }
  }
  .tw\:border-base-300 {
    border-color: var(--color-base-300);
  }
  .tw\:border-slate-200 {
    border-color: var(--tw-color-slate-200);
  }
  .tw\:du-table-zebra {
    @layer daisyui.l1.l2 {
      tbody {
        tr {
          &:where(:nth-child(even)) {
            background-color: var(--color-base-200);
            :where(.tw\:du-table-pin-cols tr th) {
              background-color: var(--color-base-200);
            }
          }
          &.tw\:du-row-hover {
            &, &:where(:nth-child(even)) {
              &:hover {
                @media (hover: hover) {
                  background-color: var(--color-base-300);
                }
              }
            }
          }
        }
      }
    }
  }
  .tw\:bg-base-100 {
    background-color: var(--color-base-100);
  }
  .tw\:bg-primary {
    background-color: var(--color-primary);
  }
  .tw\:bg-transparent {
    background-color: transparent;
  }
  .tw\:bg-white {
    background-color: var(--tw-color-white);
  }
  .tw\:du-loading-spinner {
    @layer daisyui.l1.l2 {
      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");
    }
  }
  .tw\:p-0 {
    padding: calc(var(--tw-spacing) * 0);
  }
  .tw\:du-select-sm {
    @layer daisyui.l1.l2 {
      --du-size: calc(var(--size-field, 0.25rem) * 8);
      font-size: 0.75rem;
      option {
        padding-inline: calc(0.25rem * 2.5);
        padding-block: calc(0.25rem * 1);
      }
    }
  }
  .tw\:du-select-xs {
    @layer daisyui.l1.l2 {
      --du-size: calc(var(--size-field, 0.25rem) * 6);
      font-size: 0.6875rem;
      option {
        padding-inline: calc(0.25rem * 2);
        padding-block: calc(0.25rem * 1);
      }
    }
  }
  .tw\:du-table-sm {
    @layer daisyui.l1.l2 {
      :not(thead, tfoot) tr {
        font-size: 0.75rem;
      }
      :where(th, td) {
        padding-inline: calc(0.25rem * 3);
        padding-block: calc(0.25rem * 2);
      }
    }
  }
  .tw\:px-4 {
    padding-inline: calc(var(--tw-spacing) * 4);
  }
  .tw\:py-2 {
    padding-block: calc(var(--tw-spacing) * 2);
  }
  .tw\:py-12 {
    padding-block: calc(var(--tw-spacing) * 12);
  }
  .tw\:pt-8 {
    padding-top: calc(var(--tw-spacing) * 8);
  }
  .tw\:pb-4 {
    padding-bottom: calc(var(--tw-spacing) * 4);
  }
  .tw\:pb-12 {
    padding-bottom: calc(var(--tw-spacing) * 12);
  }
  .tw\:pl-1 {
    padding-left: calc(var(--tw-spacing) * 1);
  }
  .tw\:text-center {
    text-align: center;
  }
  .tw\:text-3xl {
    font-size: var(--tw-text-3xl);
    line-height: var(--tw-leading, var(--tw-text-3xl--line-height));
  }
  .tw\:text-sm {
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
  }
  .tw\:text-xs {
    font-size: var(--tw-text-xs);
    line-height: var(--tw-leading, var(--tw-text-xs--line-height));
  }
  .tw\:font-medium {
    --tw-font-weight: var(--tw-font-weight-medium);
    font-weight: var(--tw-font-weight-medium);
  }
  .tw\:font-semibold {
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
  }
  .tw\:text-base-content\/50 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
    }
  }
  .tw\:text-base-content\/60 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
    }
  }
  .tw\:text-base-content\/70 {
    color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-base-content) 70%, transparent);
    }
  }
  .tw\:text-neutral-content {
    color: var(--color-neutral-content);
  }
  .tw\:opacity-50 {
    opacity: 50%;
  }
  .tw\: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);
  }
  .tw\:du-btn-ghost {
    @layer daisyui.l1 {
      &:not(.tw\:du-btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.tw\:du-filter .tw\:du-btn)) {
        --du-btn-shadow: "";
        --du-btn-bg: #0000;
        --du-btn-border: #0000;
        --du-btn-noise: none;
        &:not(:disabled, [disabled], .tw\:du-btn-disabled) {
          outline-color: currentcolor;
          --du-btn-fg: var(--du-btn-color, currentColor);
        }
      }
      @media (hover: none) {
        &:not(.tw\:du-btn-active, :active, :focus-visible, input:checked:not(.tw\:du-filter .tw\:du-btn)):hover {
          outline-color: currentcolor;
          --du-btn-shadow: "";
          --du-btn-bg: #0000;
          --du-btn-fg: var(--du-btn-color, currentColor);
          --du-btn-border: #0000;
          --du-btn-noise: none;
        }
      }
    }
  }
  .tw\:du-btn-sm {
    @layer daisyui.l1.l2 {
      --du-fontsize: 0.75rem;
      --du-btn-p: 0.75rem;
      --du-size: calc(var(--size-field, 0.25rem) * 8);
    }
  }
  .tw\:du-btn-xs {
    @layer daisyui.l1.l2 {
      --du-fontsize: 0.6875rem;
      --du-btn-p: 0.5rem;
      --du-size: calc(var(--size-field, 0.25rem) * 6);
    }
  }
  .tw\:du-btn-primary {
    @layer daisyui.l1.l2.l3 {
      --du-btn-color: var(--color-primary);
      --du-btn-fg: var(--color-primary-content);
    }
  }
  .tw\:outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
}
@layer base {
  :root {
    color-scheme: light;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    --page-max-width: 1440px;
    --carousel-item-width: 308px;
    --carousel-item-height: 176px;
    --carousel-item-gap: 1rem;
    --carousel-second-row-gap: 0.85rem;
  }
  body {
    margin: 0;
    min-width: 320px;
    background: #ffffff;
    overflow-x: hidden;
  }
}
@layer components {
  .home-shell {
    min-height: 100vh;
    color: #1e293b;
    background: #ffffff;
    --du-page-scroll-bg: var(--du-root-bg, #ffffff);
    overflow-anchor: none;
  }
  .home-canvas {
    min-height: 100vh;
    padding-top: 62px;
    overflow-x: hidden;
    overflow-y: visible;
  }
  .home-canvas-frame {
    width: 100%;
    height: auto;
  }
  .home-canvas-inner {
    width: 100%;
    transform: none;
    margin: 0;
  }
  .analyze-stage {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 1.45rem 1rem 0;
  }
  .analyze-shell {
    width: min(100%, var(--page-max-width));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .analyze-entry {
    position: relative;
    width: min(100%, 63ch);
    margin-inline: auto;
  }
  .analyze-join {
    width: 100%;
    align-items: stretch;
    position: relative;
  }
  .analyze-input-wrap {
    flex: 1 1 auto;
    min-width: 0;
  }
  .analyze-input.tw\:du-input {
    width: 100% !important;
    display: flex !important;
    min-height: 2.45rem;
    height: 2.45rem;
    border-color: rgba(148, 163, 184, 0.22);
    background: #ffffff;
    color: #0f172a;
  }
  .analyze-input.tw\:du-input:focus-within {
    border-color: rgba(21, 80, 198, 0.35);
    outline: 0;
  }
  .analyze-input.tw\:du-input input {
    font-size: 0.72rem;
    font-weight: 400;
    line-height: 1.35;
  }
  .analyze-input.tw\:du-input input::placeholder {
    font-size: 0.72rem;
  }
  .analyze-btn.tw\:du-btn-primary {
    min-height: 2.45rem;
    height: 2.45rem;
    padding-inline: 1.05rem;
    border-radius: 0;
    font-size: 0.74rem;
    --du-btn-color: var(--brand-primary) !important;
    --du-btn-bg: var(--brand-primary) !important;
    --du-btn-border: var(--brand-primary) !important;
    --du-btn-fg: #ffffff !important;
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #ffffff !important;
  }
  .analyze-btn.tw\:du-btn-primary:hover {
    --du-btn-color: var(--brand-primary-strong) !important;
    --du-btn-bg: var(--brand-primary-strong) !important;
    --du-btn-border: var(--brand-primary-strong) !important;
    background-color: var(--brand-primary-strong) !important;
    border-color: var(--brand-primary-strong) !important;
  }
  .analyze-more-link {
    margin-top: 0.55rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.74rem;
    font-weight: 500;
    color: var(--brand-primary);
    text-decoration: none;
    cursor: pointer;
  }
  .analyze-more-link.analyze-more-link--with-result {
    margin-top: 2.15rem;
  }
  .analyze-more-link:hover {
    color: var(--brand-primary-strong);
    text-decoration: underline;
    text-underline-offset: 0.12rem;
  }
  .result-message {
    position: absolute;
    top: calc(100% + 0.6rem);
    width: 100%;
    padding-left: 2px !important;
    max-width: 615px;
    text-align: left;
    color: #334155;
    pointer-events: none;
  }
  .result-message[data-state="error"] {
    color: #b91c1c;
  }
  .result-message[data-state="success"] {
    color: #166534;
  }
  .upload-inline {
    width: min(100%, 63ch);
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    flex-wrap: nowrap;
    color: #475569;
  }
  .upload-file-trigger {
    font-size: 0.68rem;
    line-height: 1.2;
    font-weight: 500;
    color: var(--brand-primary);
    cursor: pointer;
    user-select: none;
    padding-right: 1px;
    transform: translateY(-1px);
  }
  .upload-file-wrap {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
  }
  .upload-file-clear {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1;
    cursor: pointer;
  }
  .upload-file-clear:hover {
    color: #0f172a;
  }
  .upload-browser-select {
    width: fit-content;
    min-width: 4.85rem;
    flex: 0 0 auto;
    white-space: nowrap;
    outline: none !important;
  }
  .upload-browser-select:focus, .upload-browser-select:focus-visible {
    outline: none !important;
    box-shadow: none !important;
  }
  .analyze-btn {
    gap: 0.4rem;
  }
  .analyze-btn-spinner {
    position: absolute;
    inset: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
  }
  .analyze-btn-spinner .tw\:du-loading {
    animation: analyze-spinner-rotate 0.9s linear infinite;
    transform-origin: center;
    will-change: transform;
  }
  .analyze-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .analyze-btn-label {
    display: inline-flex;
    align-items: center;
  }
  @keyframes analyze-spinner-rotate {
    to {
      transform: rotate(360deg);
    }
  }
  @media (max-width: 640px) {
    .analyze-join {
      flex-direction: column;
    }
    .analyze-btn.tw\:du-btn-primary {
      width: 100%;
    }
    .upload-inline {
      width: 100%;
      flex-wrap: wrap;
    }
  }
  .stats-stage {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 1.7rem 1rem 0;
  }
  .stats-shell {
    width: min(100%, var(--page-max-width));
    display: flex;
    align-items: flex-start;
    gap: 1rem;
  }
  .stats-chart-shell {
    width: calc((100% - 1rem) / 2);
    flex: 0 0 calc((100% - 1rem) / 2);
    padding: 0;
  }
  .stats-side-shell {
    width: calc((100% - 1rem) / 2);
    flex: 0 0 calc((100% - 1rem) / 2);
  }
  .stats-side-head {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0 0 0.55rem;
  }
  .stats-side-head h3 {
    margin: 0;
    font-size: 1.34rem;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #0f172a;
  }
  .stats-side-head p {
    margin: 0;
    font-size: 0.68rem;
    line-height: 1.35;
    color: #000000;
  }
  .stats-accordion {
    width: 100%;
    overflow-anchor: none;
  }
  .stats-accordion-item {
    background: #ffffff;
    overflow-anchor: none;
  }
  .stats-accordion-item > input[type="radio"] {
    pointer-events: none;
    z-index: 0;
  }
  .stats-accordion-title {
    font-size: 0.78rem;
    line-height: 1.25;
    color: #0f172a;
    position: relative;
    z-index: 1;
    min-height: auto;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
  }
  .stats-accordion .stats-accordion-title.tw\:du-collapse-title {
    padding: 0.5rem !important;
    padding-inline-end: 2.5rem !important;
  }
  .stats-accordion-title-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
  }
  .stats-accordion-ext-icon {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    object-fit: contain;
    flex-shrink: 0;
  }
  .stats-accordion-ext-name {
    min-width: 0;
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .stats-accordion-ext-main {
    min-width: 0;
    flex: 0 1 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
  }
  .stats-accordion-ext-link {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: #0f172a;
    text-decoration: none;
    cursor: pointer;
  }
  .stats-accordion-ext-link:hover {
    color: #123f9f;
    text-decoration: underline;
    text-underline-offset: 0.12rem;
  }
  .stats-accordion-ext-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .stats-accordion-store-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
    border-radius: 0;
    flex-shrink: 0;
  }
  .stats-accordion-ext-stats {
    min-width: 0;
    flex: 1 1 auto;
    font-size: 0.68rem;
    font-weight: 500;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .stats-accordion-stat {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
    white-space: nowrap;
  }
  .stats-accordion-stat i {
    color: #123f9f;
    font-size: 0.68rem;
    flex-shrink: 0;
  }
  .stats-accordion-stat-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .stats-accordion-content {
    font-size: 0.68rem;
    color: #0f172a;
  }
  .stats-accordion-body {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 0.4rem;
    align-items: start;
    padding-top: 0.15rem;
  }
  .stats-score-col {
    display: flex;
    justify-content: center;
  }
  .stats-risk-radial {
    --du-value: 100;
    --du-size: 2.9rem;
    --du-thickness: 2px;
    width: var(--du-size);
    height: var(--du-size);
    color: #c2410c;
    font-size: 0.68rem;
    font-weight: 500;
    background-color: rgba(194, 65, 12, 0.08);
  }
  .stats-risk-radial.tw\:du-radial-progress::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 9999px;
    background: conic-gradient(currentColor var(--du-radialprogress), #0000 0);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--du-thickness)), #000 calc(100% + 0.5px - var(--du-thickness)));
    mask: radial-gradient(farthest-side, #0000 calc(100% - var(--du-thickness)), #000 calc(100% + 0.5px - var(--du-thickness)));
  }
  .stats-risk-radial.tw\:du-radial-progress::after {
    content: none;
  }
  .stats-risk-score {
    display: inline-flex;
    align-items: baseline;
    gap: 0.04rem;
    color: #991b1b;
  }
  .stats-risk-score-current {
    font-size: 1.05rem;
    font-weight: 700;
  }
  .stats-justification-col {
    min-width: 0;
  }
  .stats-justification-label {
    font-size: 0.64rem;
    font-weight: 600;
    color: #7f1d1d;
    margin-bottom: 0.18rem;
  }
  .stats-justification-text {
    font-size: 0.68rem;
    line-height: 1.35;
    color: #111827;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .stats-chart-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
  }
  .stats-chart-copy {
    flex: 1 1 auto;
    min-width: 0;
  }
  .stats-chart-copy h2 {
    margin: 0;
    font-size: 1.34rem;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #0f172a;
  }
  .stats-chart-subcopy {
    margin: 0.65rem 0 0.4rem;
    max-width: 100%;
    color: #000000;
    font-size: 0.68rem;
    line-height: 1.35;
    white-space: nowrap;
  }
  .stats-chart-tools {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-shrink: 0;
  }
  .stats-chart-legend {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.4rem;
    align-items: center;
  }
  .legend-item {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #0f172a;
    padding: 0;
    font-size: 0.68rem;
    font-weight: 600;
    cursor: default;
    white-space: nowrap;
  }
  .legend-dot {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 999px;
  }
  .legend-dot.total {
    background: #123f9f;
  }
  .legend-dot.updates {
    background: #22c1c3;
  }
  .legend-dot.new {
    background: #ff9f43;
  }
  .chart-expand-btn, .chart-overlay-close {
    width: 1.9rem;
    height: 1.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    cursor: pointer;
    transition: all 0.2s ease;
  }
  .chart-expand-btn:hover, .chart-overlay-close:hover {
    background: #fff;
  }
  .stats-chart-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.45rem;
    padding-top: 0;
    border-top: 0;
  }
  .browser-filter-row, .period-switcher {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
  }
  .browser-chip, .period-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0;
    border-radius: 0;
    border: 0;
    background: transparent;
    color: #0f172a;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: color 180ms ease, opacity 180ms ease, font-weight 180ms ease;
  }
  .browser-chip img {
    width: 0.9rem;
    height: 0.9rem;
    opacity: 0.92;
  }
  .browser-chip.is-active, .period-pill.is-active {
    color: #123f9f;
    font-weight: 700;
    opacity: 1;
  }
  .browser-chip:not(.is-active), .period-pill:not(.is-active) {
    opacity: 0.62;
  }
  .browser-chip:hover, .period-pill:hover {
    opacity: 1;
  }
  .period-pill-monthly {
    padding-right: 0.75rem;
  }
  .stats-chart-body {
    margin-top: 0.3rem;
    height: 20rem;
    padding: 0.7rem 0.6rem 0.4rem;
  }
  .carousel-stage {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 1.1rem 1rem 0;
  }
  .carousel-shell {
    width: min(100%, var(--page-max-width));
    min-height: var(--carousel-item-height);
  }
  .carousel-head {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0 0 0.85rem;
  }
  .carousel-head h3 {
    margin: 0;
    font-size: 1.34rem;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #0f172a;
  }
  .carousel-head p {
    margin: 0;
    font-size: 0.68rem;
    line-height: 1.35;
    color: #000000;
    max-width: 46rem;
  }
  .carousel {
    --items: 6;
    --carousel-duration: 40s;
    position: relative;
    width: 100%;
    height: var(--carousel-item-height);
    overflow: clip;
    margin: 0;
  }
  .carousel[mask] {
    mask-image: linear-gradient( to right, transparent, black 4% 96%, transparent );
  }
  .carousel[reverse] > article {
    animation-direction: reverse;
  }
  .carousel:hover > article {
    animation-play-state: paused;
  }
  .carousel > article {
    position: absolute;
    top: 0;
    left: calc(100% + var(--carousel-item-gap));
    width: var(--carousel-item-width);
    height: var(--carousel-item-height);
    display: grid;
    grid-template-columns: 32px 1fr;
    grid-template-rows: 25px auto 30px 30px;
    gap: 0.03rem 0.55rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    padding: 0.75rem;
    border-radius: 10px;
    background: #ffffff;
    color: #314158;
    cursor: pointer;
    transition: border-color 180ms ease;
    will-change: transform;
    animation-name: marquee;
    animation-duration: var(--carousel-duration);
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: calc(var(--carousel-duration) / var(--items) * 1 * var(--i) * -1);
  }
  .carousel > article:hover {
    border-color: #123f9f;
  }
  .carousel > article:nth-child(1) {
    --i: 0;
  }
  .carousel > article:nth-child(2) {
    --i: 1;
  }
  .carousel > article:nth-child(3) {
    --i: 2;
  }
  .carousel > article:nth-child(4) {
    --i: 3;
  }
  .carousel > article:nth-child(5) {
    --i: 4;
  }
  .carousel > article:nth-child(6) {
    --i: 5;
  }
  .carousel > article:nth-child(7) {
    --i: 6;
  }
  .carousel > article:nth-child(8) {
    --i: 7;
  }
  .carousel > article > img {
    grid-column: 1;
    grid-row: 1 / 3;
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 6px;
  }
  .carousel > article h2 {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .store-row {
    grid-column: 1 / 3;
    grid-row: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    align-self: start;
    margin-top: 0.3rem;
    min-width: 0;
  }
  .store-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.74rem;
    color: #000000;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    min-width: 0;
  }
  .store-badge span {
    white-space: nowrap;
  }
  .store-badge:hover {
    color: #123f9f;
    text-decoration: underline;
    text-underline-offset: 0.12rem;
  }
  .store-status-group {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
    margin-left: auto;
  }
  .store-status-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    font-size: 0.74rem;
    line-height: 1;
  }
  .store-status-icon.is-critical {
    color: #dc2626;
  }
  .store-status-icon.is-verified {
    color: #1877f2;
  }
  .store-status-icon.is-featured {
    color: #2e7d32;
  }
  .store-icon {
    width: 18px;
    height: 18px;
    object-fit: contain;
    border-radius: 0;
  }
  .store-link-icon {
    width: 11px;
    height: 11px;
    fill: currentColor;
    flex-shrink: 0;
  }
  .carousel > article p {
    grid-column: 2;
    grid-row: 2;
    margin: 0;
    font-size: 0.68rem;
    font-weight: 400;
    color: #000000;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: calc(0.68rem * 1.35 * 3);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .carousel-meta {
    grid-column: 1 / 3;
    grid-row: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem;
    margin-top: 0.3rem;
    min-width: 0;
  }
  .carousel-meta-item {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.25rem;
    flex: 0 1 auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #000000;
    font-size: 0.74rem;
    font-weight: 500;
    line-height: 1.2;
    min-width: 0;
    white-space: nowrap;
  }
  .carousel-meta-item i {
    color: #123f9f;
    font-size: 0.74rem;
    flex-shrink: 0;
  }
  .carousel-meta-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .blog-stage {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 2.1rem 1rem 2rem;
  }
  .blog-shell {
    width: min(100%, var(--page-max-width));
  }
  .blog-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 0.85rem;
  }
  .blog-copy h3 {
    margin: 0;
    font-size: 1.34rem;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #0f172a;
  }
  .blog-copy p {
    margin: 0.35rem 0 0;
    font-size: 0.68rem;
    line-height: 1.35;
    color: #000000;
    max-width: 52rem;
  }
  .blog-carousel {
    display: flex;
    align-items: stretch;
    gap: 0.65rem;
    width: 100%;
  }
  .blog-nav-btn {
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    align-self: center;
    flex: 0 0 auto;
  }
  .blog-nav-btn:hover {
    background: #ffffff;
  }
  .blog-nav-btn:disabled, .blog-nav-btn.tw\:du-btn-disabled {
    opacity: 0.35;
    pointer-events: none;
  }
  .blog-viewport {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
  }
  .blog-track {
    display: flex;
    align-items: stretch;
    gap: 1rem;
    will-change: transform;
    transition: transform 260ms ease;
  }
  @media (prefers-reduced-motion: reduce) {
    .blog-track {
      transition: none;
    }
  }
  .blog-card {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    flex: 0 0 100%;
  }
  .blog-track[data-cols="4"] .blog-card {
    flex-basis: calc((100% - 3rem) / 4);
  }
  .blog-track[data-cols="3"] .blog-card {
    flex-basis: calc((100% - 2rem) / 3);
  }
  .blog-track[data-cols="2"] .blog-card {
    flex-basis: calc((100% - 1rem) / 2);
  }
  .blog-track[data-cols="1"] .blog-card {
    flex-basis: 100%;
  }
  .blog-card figure {
    margin: 0;
  }
  .blog-card img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
  }
  .blog-card .tw\:du-card-body {
    padding: 1.2rem !important;
    gap: 0;
  }
  .blog-card .tw\:du-card-title {
    font-size: 0.88rem;
    line-height: 1.2;
    font-weight: 400 !important;
    color: #0f172a;
    margin: 0;
  }
  .blog-card .blog-card-title-only {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
  .blog-card-actions {
    margin-top: 0.65rem;
    display: flex;
    justify-content: flex-start;
  }
  .blog-readmore {
    border-radius: 999px;
    pointer-events: none;
    font-size: 0.68rem;
    min-height: 1.55rem;
    height: 1.55rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .blog-readmore.tw\:du-btn-primary {
    --du-btn-color: var(--brand-primary) !important;
    --du-btn-bg: var(--brand-primary) !important;
    --du-btn-border: var(--brand-primary) !important;
    --du-btn-fg: #ffffff !important;
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #ffffff !important;
  }
  .blog-card:hover .blog-readmore.tw\:du-btn-primary {
    --du-btn-color: var(--brand-primary-strong) !important;
    --du-btn-bg: var(--brand-primary-strong) !important;
    --du-btn-border: var(--brand-primary-strong) !important;
    background-color: var(--brand-primary-strong) !important;
    border-color: var(--brand-primary-strong) !important;
  }
  @keyframes marquee {
    100% {
      transform: translateX( calc( (var(--items) * (var(--carousel-item-width) + var(--carousel-item-gap))) * -1 ) );
    }
  }
  .chart-modal-box.tw\:du-modal-box {
    width: min(92vw, 86rem) !important;
    max-width: min(92vw, 86rem) !important;
    height: 88vh !important;
    max-height: 88vh !important;
    padding: 1.25rem 1.25rem 1.1rem !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .chart-modal-close {
    position: absolute;
    right: 0.6rem;
    top: 0.6rem;
  }
  .chart-modal-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-right: 2.2rem;
  }
  .chart-modal-filters {
    margin-top: 0.65rem;
  }
  .chart-modal-body {
    margin-top: 0.75rem;
    flex: 1 1 auto;
    min-height: 0;
  }
  .chart-modal-body canvas {
    width: 100% !important;
    height: 100% !important;
  }
  @media (max-width: 1200px) {
    .stats-stage, .carousel-stage {
      padding-left: 0.85rem;
      padding-right: 0.85rem;
    }
    .blog-stage {
      padding-left: 0.85rem;
      padding-right: 0.85rem;
    }
    .analyze-stage {
      padding-left: 0.85rem;
      padding-right: 0.85rem;
    }
    .stats-chart-copy h2 {
      font-size: 1.22rem;
    }
    .stats-chart-body {
      height: 12.75rem;
    }
  }
  @media (max-width: 1024px) {
    .stats-shell {
      flex-direction: column;
    }
    .stats-chart-shell, .stats-side-shell {
      width: 100%;
      flex: none;
    }
    .stats-chart-head, .stats-chart-filters {
      flex-direction: column;
      align-items: stretch;
      gap: 0.55rem;
    }
    .stats-chart-tools {
      justify-content: space-between;
    }
    .stats-chart-legend {
      justify-content: flex-start;
    }
    .stats-chart-copy h2 {
      font-size: 1.08rem;
    }
    .stats-chart-subcopy {
      font-size: 0.64rem;
      white-space: normal;
    }
    .legend-item, .browser-chip, .period-pill {
      font-size: 0.64rem;
      padding: 0.24rem 0.44rem;
    }
    .browser-chip img {
      width: 0.76rem;
      height: 0.76rem;
    }
    .stats-chart-body {
      height: 11.25rem;
    }
    .stats-accordion-title {
      font-size: 0.72rem;
    }
    .stats-accordion-body {
      grid-template-columns: 82px 1fr;
      gap: 0.7rem;
    }
    .stats-risk-radial {
      --du-size: 2.7rem;
      --du-thickness: 0.28rem;
    }
    .stats-accordion-content, .stats-justification-text {
      font-size: 0.64rem;
    }
  }
  @media (max-width: 768px) {
    .home-canvas {
      padding-top: 58px;
    }
    .stats-stage, .carousel-stage {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    .blog-stage {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      padding-bottom: 1.75rem;
    }
    .analyze-stage {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    .stats-stage {
      padding-top: 1rem;
    }
    .carousel-stage {
      padding-top: 0.9rem;
    }
    .stats-chart-copy h2 {
      font-size: 0.98rem;
    }
    .stats-chart-subcopy {
      font-size: 0.58rem;
      line-height: 1.3;
    }
    .stats-chart-tools {
      flex-direction: column;
      align-items: stretch;
      gap: 0.35rem;
    }
    .stats-chart-legend, .browser-filter-row, .period-switcher {
      gap: 0.28rem;
    }
    .legend-item, .browser-chip, .period-pill {
      font-size: 0.58rem;
      padding: 0.22rem 0.38rem;
    }
    .stats-chart-body {
      height: 9.75rem;
    }
    .stats-accordion-title {
      font-size: 0.68rem;
    }
    .stats-accordion-body {
      grid-template-columns: 74px 1fr;
      gap: 0.6rem;
    }
    .stats-risk-radial {
      --du-size: 2.55rem;
      --du-thickness: 0.26rem;
    }
  }
  @media (max-width: 640px) {
    .stats-chart-legend, .stats-chart-filters {
      display: none;
    }
    .chart-expand-btn, #openChartFullscreen {
      display: none !important;
    }
    .chart-modal-head .stats-chart-legend, .chart-modal-filters {
      display: none;
    }
    .stats-chart-body {
      height: 19.5rem;
      padding: 0.7rem 0.6rem 0.4rem;
    }
    .analyze-join {
      flex-direction: column;
    }
    .analyze-btn.tw\:du-btn-primary {
      width: 100%;
    }
  }
  @media (max-width: 560px) {
    .stats-stage, .carousel-stage {
      padding-left: 0.6rem;
      padding-right: 0.6rem;
    }
    .stats-chart-copy h2 {
      font-size: 0.9rem;
    }
    .stats-chart-subcopy {
      font-size: 0.54rem;
    }
    .stats-chart-head, .stats-chart-filters, .stats-chart-tools {
      gap: 0.4rem;
    }
    .stats-chart-legend, .browser-filter-row, .period-switcher {
      flex-direction: column;
      align-items: stretch;
    }
    .legend-item, .browser-chip, .period-pill {
      justify-content: center;
      font-size: 0.56rem;
    }
    .stats-chart-body {
      height: 19.5rem;
    }
    .stats-accordion-body {
      grid-template-columns: 1fr;
      gap: 0.55rem;
    }
    .stats-score-col {
      justify-content: flex-start;
    }
  }
}
@layer utilities {
  #new-ui .stats-accordion .tw\:du-collapse-arrow > .tw\:du-collapse-title.stats-accordion-title:after {
    display: none !important;
  }
  #new-ui .stats-accordion .stats-accordion-title {
    position: relative;
  }
  #new-ui .stats-accordion .stats-accordion-arrow {
    position: absolute;
    right: 1.05rem;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(15, 23, 42, 0.7);
    font-size: 0.78rem;
    transition: transform 0.2s ease;
    pointer-events: none;
  }
  #new-ui .stats-accordion .tw\:du-collapse > input:checked + .stats-accordion-title .stats-accordion-arrow {
    transform: translateY(-50%) rotate(180deg);
  }
}
@layer base {
  :where(#new-ui),#new-ui:has(input.du-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 {
    --du-fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
  }
}
@layer base {
  :root {
    scrollbar-color: currentColor #0000;
    @supports (color: color-mix(in lab, red, red)) {
      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
    }
  }
}
@layer base {
  @property --radialprogress {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 0%;
  }
}
@layer base {
  :root:not(span) {
    overflow: var(--du-page-overflow);
  }
}
@layer base {
  :root {
    background: var(--du-page-scroll-bg, var(--root-bg));
    --du-page-scroll-bg-on: linear-gradient(var(--du-root-bg, #0000), var(--du-root-bg, #0000))
    var(--du-root-bg, #0000);
    @supports (color: color-mix(in lab, red, red)) {
      --du-page-scroll-bg-on: linear-gradient(var(--du-root-bg, #0000), var(--du-root-bg, #0000))
    color-mix(in srgb, var(--du-root-bg, #0000), oklch(0% 0 0) calc(var(--du-page-has-backdrop, 0) * 40%));
    }
    --du-page-scroll-transition-on: background-color 0.3s ease-out;
    transition: var(--du-page-scroll-transition);
    scrollbar-gutter: var(--du-page-scroll-gutter, unset);
    scrollbar-gutter: if(style(--page-has-scroll: 1): var(--du-page-scroll-gutter, unset) ; else: unset);
  }
  @keyframes set-page-has-scroll {
    0%, to {
      --du-page-has-scroll: 1;
    }
  }
}
@layer base {
  :root, [data-theme] {
    background: var(--du-page-scroll-bg, var(--root-bg));
    color: var(--color-base-content);
  }
  :where(:root, [data-theme]) {
    --du-root-bg: var(--color-base-100);
  }
}
@keyframes rating {
  0%, 40% {
    scale: 1.1;
    filter: brightness(1.05) contrast(1.05);
  }
}
@keyframes dropdown {
  0% {
    opacity: 0;
  }
}
@keyframes radio {
  0% {
    padding: 5px;
  }
  50% {
    padding: 3px;
  }
}
@keyframes toast {
  0% {
    scale: 0.9;
    opacity: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@keyframes rotator {
  89.9999%, 100% {
    --du-first-item-position: 0 0%;
  }
  90%, 99.9999% {
    --du-first-item-position: 0 calc(var(--du-items) * 100%);
  }
  100% {
    translate: 0 -100%;
  }
}
@keyframes skeleton {
  0% {
    background-position: 150%;
  }
  100% {
    background-position: -50%;
  }
}
@keyframes menu {
  0% {
    opacity: 0;
  }
}
@keyframes progress {
  50% {
    background-position-x: -115%;
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  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;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-font-weight: 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;
    }
  }
}