/* wwwroot/style.css */
/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;

@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --spacing: .25rem;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-bold: 700;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::-webkit-file-upload-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

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

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

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

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::-webkit-file-upload-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:-webkit-any([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:-moz-any([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:-webkit-any([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  :where(select:-moz-any([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::-webkit-file-upload-button {
    margin-inline-end: 4px;
  }

  ::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 {
    text-align: inherit;
    min-height: 1lh;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block-start: 0;
    padding-block-end: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block-start: 0;
    padding-block-end: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block-start: 0;
    padding-block-end: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block-start: 0;
    padding-block-end: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block-start: 0;
    padding-block-end: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block-start: 0;
    padding-block-end: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block-start: 0;
    padding-block-end: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block-start: 0;
    padding-block-end: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block-start: 0;
    padding-block-end: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button {
    appearance: button;
  }

  input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::-webkit-file-upload-button {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer utilities {
  .btn {
    :where(&) {
      @layer daisyui.l1.l2.l3 {
        & {
          width: unset;
        }
      }
    }

    @layer daisyui.l1.l2.l3 {
      & {
        --size: calc(var(--size-field, .25rem) * 10);
        --btn-p: 1rem;
        --btn-fg: var(--color-base-content);
        display: inline-flex;
        cursor: pointer;
        text-align: center;
        vertical-align: middle;
        outline-offset: 2px;
        webkit-user-select: none;
        user-select: none;
        border-width: var(--border);
        touch-action: manipulation;
        --btn-bg: var(--btn-color, var(--color-base-200));
        --btn-border: var(--btn-color, var(--color-base-200));
        --btn-soft-bg: initial;
        --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
        --btn-inset: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));
        height: var(--size);
        padding-inline: var(--btn-p);
        font-weight: 600;
        font-size: var(--fontsize, .875rem);
        background-color: var(--btn-bg);
        color: var(--btn-fg);
        border-color: var(--btn-border);
        border-style: var(--btn-border-style, solid);
        outline-color: var(--btn-color, var(--color-base-content));
        --tw-prose-links: var(--btn-fg);
        background-image: none, var(--fx-noise);
        background-size: auto, calc(var(--noise, 0) * 100%);
        text-shadow: 0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));
        box-shadow: var(--btn-inset) inset, var(--btn-shadow);
        flex-wrap: nowrap;
        flex-shrink: 0;
        justify-content: center;
        align-items:  center;
        gap: .375rem;
        transition-property: color, background-color, border-color, box-shadow, transform;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(0,0,.2,1);
      }

      &:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        border-top-left-radius: var(--join-ss, var(--radius-field));
        border-top-right-radius: var(--join-se, var(--radius-field));
        border-bottom-right-radius: var(--join-ee, var(--radius-field));
        border-bottom-left-radius: var(--join-es, var(--radius-field));
      }

      &:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        border-top-left-radius: var(--join-ss, var(--radius-field));
        border-top-right-radius: var(--join-se, var(--radius-field));
        border-bottom-right-radius: var(--join-ee, var(--radius-field));
        border-bottom-left-radius: var(--join-es, var(--radius-field));
      }

      &:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        border-top-left-radius: var(--join-ss, var(--radius-field));
        border-top-right-radius: var(--join-se, var(--radius-field));
        border-bottom-right-radius: var(--join-ee, var(--radius-field));
        border-bottom-left-radius: var(--join-es, var(--radius-field));
      }

      &:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-right-radius: var(--join-ss, var(--radius-field));
        border-top-left-radius: var(--join-se, var(--radius-field));
        border-bottom-left-radius: var(--join-ee, var(--radius-field));
        border-bottom-right-radius: var(--join-es, var(--radius-field));
      }

      &:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-right-radius: var(--join-ss, var(--radius-field));
        border-top-left-radius: var(--join-se, var(--radius-field));
        border-bottom-left-radius: var(--join-ee, var(--radius-field));
        border-bottom-right-radius: var(--join-es, var(--radius-field));
      }

      &:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-right-radius: var(--join-ss, var(--radius-field));
        border-top-left-radius: var(--join-se, var(--radius-field));
        border-bottom-left-radius: var(--join-ee, var(--radius-field));
        border-bottom-right-radius: var(--join-es, var(--radius-field));
      }

      @supports (color: color-mix(in lab, red, red)) {
        & {
          --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 calc(var(--depth) * 5%));
        }
      }
    }

    &:-webkit-any([type="checkbox"], [type="radio"]) {
      @layer daisyui.l1.l2.l3 {
        & {
          appearance: none;
        }

        &[aria-label]:after {
          --tw-content: attr(aria-label);
          content: var(--tw-content);
        }
      }
    }

    &:-moz-any([type="checkbox"], [type="radio"]) {
      @layer daisyui.l1.l2.l3 {
        & {
          appearance: none;
        }

        &[aria-label]:after {
          --tw-content: attr(aria-label);
          content: var(--tw-content);
        }
      }
    }

    &:is([type="checkbox"], [type="radio"]) {
      @layer daisyui.l1.l2.l3 {
        & {
          appearance: none;
        }

        &[aria-label]:after {
          --tw-content: attr(aria-label);
          content: var(--tw-content);
        }
      }
    }

    .prose :where(a&:not(.btn-link)):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      text-decoration-line: none;
    }

    &:where(:checked:not(.filter [type="radio"].btn)) {
      @layer daisyui.l1 {
        & {
          --btn-color: var(--color-primary);
          --btn-fg: var(--color-primary-content);
        }
      }
    }

    &:hover {
      @layer daisyui.l1 {
        @media (hover: hover) {
          & {
            --btn-bg: var(--btn-color, var(--color-base-200));
            color: var(--btn-fg);
            --btn-border: var(--btn-bg);
            --btn-border-style: solid;
            --btn-inset: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));
            --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
          }

          @supports (color: color-mix(in lab, red, red)) {
            & {
              --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
            }
          }
        }
      }
    }

    &:active:not(.btn-active) {
      @layer daisyui.l1 {
        & {
          --btn-bg: var(--btn-color, var(--color-base-200));
          color: var(--btn-fg, var(--color-base-content));
          --btn-border: var(--btn-color, var(--color-base-200));
          --btn-border-style: solid;
          --btn-inset: 0 0 0 0 oklch(0% 0 0 / 0);
          --btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0);
          translate: 0 .5px;
        }

        @supports (color: color-mix(in lab, red, red)) {
          & {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
          }
        }
      }
    }

    &:where(:checked:not(.filter [type="radio"].btn), :not(:-webkit-any([type="radio"], [type="checkbox"])):focus-visible) {
      @layer daisyui.l1 {
        & {
          --btn-bg: var(--btn-color, var(--color-base-200));
          color: var(--btn-fg, var(--color-base-content));
          --btn-border: var(--btn-bg);
          --btn-border-style: solid;
          --btn-inset: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));
          --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
          isolation: isolate;
        }

        @supports (color: color-mix(in lab, red, red)) {
          & {
            --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
          }
        }
      }
    }

    &:where(:checked:not(.filter [type="radio"].btn), :not(:-moz-any([type="radio"], [type="checkbox"])):focus-visible) {
      @layer daisyui.l1 {
        & {
          --btn-bg: var(--btn-color, var(--color-base-200));
          color: var(--btn-fg, var(--color-base-content));
          --btn-border: var(--btn-bg);
          --btn-border-style: solid;
          --btn-inset: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));
          --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
          isolation: isolate;
        }

        @supports (color: color-mix(in lab, red, red)) {
          & {
            --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
          }
        }
      }
    }

    &:where(:checked:not(.filter [type="radio"].btn), :not(:is([type="radio"], [type="checkbox"])):focus-visible) {
      @layer daisyui.l1 {
        & {
          --btn-bg: var(--btn-color, var(--color-base-200));
          color: var(--btn-fg, var(--color-base-content));
          --btn-border: var(--btn-bg);
          --btn-border-style: solid;
          --btn-inset: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));
          --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg);
          isolation: isolate;
        }

        @supports (color: color-mix(in lab, red, red)) {
          & {
            --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
          }
        }
      }
    }

    &:focus-visible {
      @layer daisyui.l1 {
        & {
          outline-width: 2px;
          outline-style: solid;
          isolation: isolate;
        }
      }
    }

    &:has(:focus-visible) {
      @layer daisyui.l1 {
        & {
          outline-width: 2px;
          outline-style: solid;
          isolation: isolate;
        }
      }
    }

    &:-webkit-any(:disabled, [disabled], [aria-disabled="true"]) {
      @layer daisyui {
        & {
          pointer-events: none;
          color: var(--color-base-content);
          --btn-bg: #0000;
          --btn-border: #0000;
          --btn-inset: 0 0 0 0 oklch(0% 0 0 / 0);
          --btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0);
          background-image: none;
        }

        @supports (color: color-mix(in lab, red, red)) {
          & {
            color: color-mix(in oklch, var(--color-base-content) 20%, #0000);
          }
        }
      }
    }

    &:-moz-any(:disabled, [disabled], [aria-disabled="true"]) {
      @layer daisyui {
        & {
          pointer-events: none;
          color: var(--color-base-content);
          --btn-bg: #0000;
          --btn-border: #0000;
          --btn-inset: 0 0 0 0 oklch(0% 0 0 / 0);
          --btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0);
          background-image: none;
        }

        @supports (color: color-mix(in lab, red, red)) {
          & {
            color: color-mix(in oklch, var(--color-base-content) 20%, #0000);
          }
        }
      }
    }

    &:is(:disabled, [disabled], [aria-disabled="true"]) {
      @layer daisyui {
        & {
          pointer-events: none;
          color: var(--color-base-content);
          --btn-bg: #0000;
          --btn-border: #0000;
          --btn-inset: 0 0 0 0 oklch(0% 0 0 / 0);
          --btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0);
          background-image: none;
        }

        @supports (color: color-mix(in lab, red, red)) {
          & {
            color: color-mix(in oklch, var(--color-base-content) 20%, #0000);
          }
        }
      }
    }

    :-webkit-any(.btn-disabled, &:-webkit-any(:disabled, [disabled], [aria-disabled="true"])):not(:-webkit-any(.btn-link, .btn-ghost)) {
      @layer daisyui {
        & {
          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);
          }
        }
      }
    }

    :-moz-any(.btn-disabled, &:-moz-any(:disabled, [disabled], [aria-disabled="true"])):not(:-moz-any(.btn-link, .btn-ghost)) {
      @layer daisyui {
        & {
          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);
          }
        }
      }
    }

    :is(.btn-disabled, &:is(:disabled, [disabled], [aria-disabled="true"])):not(:is(.btn-link, .btn-ghost)) {
      @layer daisyui {
        & {
          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);
          }
        }
      }
    }
  }

  .loading {
    @layer daisyui.l1.l2.l3 {
      & {
        pointer-events: none;
        display: inline-block;
        aspect-ratio: 1;
        vertical-align: middle;
        width: calc(var(--size-selector, .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='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
      }
    }

    @layer daisyui.l1.l2.l3 {
      @media (prefers-reduced-motion: no-preference) {
        & {
          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");
        }
      }
    }
  }

  .list {
    @layer daisyui.l1.l2.l3 {
      & {
        display: flex;
        flex-direction: column;
        font-size: .875rem;
      }
    }

    & .list-row {
      @layer daisyui.l1.l2.l3 {
        & {
          --list-grid-cols: minmax(0, auto) 1fr;
          position: relative;
          display: grid;
          grid-auto-flow: column;
          border-radius: var(--radius-box);
          word-break: break-word;
          grid-template-columns: var(--list-grid-cols);
          gap: 1rem;
          padding: 1rem;
        }
      }
    }

    :is(& > :not(:last-child).list-row, .list > :not(:last-child) .list-row):after {
      @layer daisyui.l1.l2.l3 {
        & {
          content: "";
          border-bottom: var(--border) solid;
          inset-inline: var(--radius-box);
          position: absolute;
          border-color: var(--color-base-content);
          bottom: 0;
        }

        @supports (color: color-mix(in lab, red, red)) {
          & {
            border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
          }
        }
      }
    }

    :is(.list > :not(:last-child).list-row, & > :not(:last-child) .list-row):after {
      @layer daisyui.l1.l2.l3 {
        & {
          content: "";
          border-bottom: var(--border) solid;
          inset-inline: var(--radius-box);
          position: absolute;
          border-color: var(--color-base-content);
          bottom: 0;
        }

        @supports (color: color-mix(in lab, red, red)) {
          & {
            border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
          }
        }
      }
    }

    & .list-row:has(.list-col-grow:first-child) {
      @layer daisyui.l1.l2 {
        & {
          --list-grid-cols: 1fr;
        }
      }
    }

    & .list-row:has(.list-col-grow:nth-child(2)) {
      @layer daisyui.l1.l2 {
        & {
          --list-grid-cols: minmax(0, auto) 1fr;
        }
      }
    }

    & .list-row:has(.list-col-grow:nth-child(3)) {
      @layer daisyui.l1.l2 {
        & {
          --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;
        }
      }
    }

    & .list-row:has(.list-col-grow:nth-child(4)) {
      @layer daisyui.l1.l2 {
        & {
          --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
        }
      }
    }

    & .list-row:has(.list-col-grow:nth-child(5)) {
      @layer daisyui.l1.l2 {
        & {
          --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
        }
      }
    }

    & .list-row:has(.list-col-grow:nth-child(6)) {
      @layer daisyui.l1.l2 {
        & {
          --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
        }
      }
    }

    & .list-row > * {
      @layer daisyui.l1.l2 {
        & {
          grid-row-start: 1;
        }
      }
    }
  }

  .input {
    @layer daisyui.l1.l2.l3 {
      & {
        position: relative;
        display: inline-flex;
        appearance: none;
        background-color: var(--color-base-100);
        vertical-align: middle;
        white-space: nowrap;
        --size: calc(var(--size-field, .25rem) * var(--in-size-mul, 10));
        --input-color: var(--color-base-content);
        cursor: text;
        height: var(--size);
        font-size: max(var(--font-size, 0rem), var(--font-size-min, .875rem));
        touch-action: manipulation;
        border: var(--border) solid var(--input-color, #0000);
        box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
        flex-shrink: 1;
        align-items:  center;
        gap: .5rem;
        width: clamp(3rem, 20rem, 100%);
        padding-inline-start: .75rem;
        padding-inline-end: .75rem;
      }

      &:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        border-top-left-radius: var(--join-ss, var(--radius-field));
        border-top-right-radius: var(--join-se, var(--radius-field));
        border-bottom-right-radius: var(--join-ee, var(--radius-field));
        border-bottom-left-radius: var(--join-es, var(--radius-field));
      }

      &:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        border-top-left-radius: var(--join-ss, var(--radius-field));
        border-top-right-radius: var(--join-se, var(--radius-field));
        border-bottom-right-radius: var(--join-ee, var(--radius-field));
        border-bottom-left-radius: var(--join-es, var(--radius-field));
      }

      &:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        border-top-left-radius: var(--join-ss, var(--radius-field));
        border-top-right-radius: var(--join-se, var(--radius-field));
        border-bottom-right-radius: var(--join-ee, var(--radius-field));
        border-bottom-left-radius: var(--join-es, var(--radius-field));
      }

      &:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-right-radius: var(--join-ss, var(--radius-field));
        border-top-left-radius: var(--join-se, var(--radius-field));
        border-bottom-left-radius: var(--join-ee, var(--radius-field));
        border-bottom-right-radius: var(--join-es, var(--radius-field));
      }

      &:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-right-radius: var(--join-ss, var(--radius-field));
        border-top-left-radius: var(--join-se, var(--radius-field));
        border-bottom-left-radius: var(--join-ee, var(--radius-field));
        border-bottom-right-radius: var(--join-es, var(--radius-field));
      }

      &:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-right-radius: var(--join-ss, var(--radius-field));
        border-top-left-radius: var(--join-se, var(--radius-field));
        border-bottom-left-radius: var(--join-ee, var(--radius-field));
        border-bottom-right-radius: var(--join-es, var(--radius-field));
      }

      @supports (color: color-mix(in lab, red, red)) {
        & {
          --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
        }
      }
    }

    & input {
      @layer daisyui.l1.l2.l3 {
        & {
          appearance: none;
          background-color: #0000;
          border: none;
          width: 100%;
          height: 100%;
        }

        &::placeholder {
          color: var(--color-base-content);
          opacity: .5;
        }

        &:focus {
          --tw-outline-style: none;
          outline-style: none;

          @media (forced-colors: active) {
            & {
              outline: 2px solid #0000;
              outline-offset: 2px;
            }
          }
        }

        &:focus-within {
          --tw-outline-style: none;
          outline-style: none;

          @media (forced-colors: active) {
            & {
              outline: 2px solid #0000;
              outline-offset: 2px;
            }
          }
        }

        &:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-calendar-picker-indicator {
          right: -.15em;
        }

        &:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-calendar-picker-indicator {
          right: -.15em;
        }

        &:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-calendar-picker-indicator {
          right: -.15em;
        }

        &:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-calendar-picker-indicator {
          left: -.15em;
        }

        &:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-calendar-picker-indicator {
          left: -.15em;
        }

        &:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-calendar-picker-indicator {
          left: -.15em;
        }
      }
    }

    &::-webkit-inner-spin-button {
      @layer daisyui.l1.l2.l3 {
        & {
          margin-inline-end: -10px;
        }
      }
    }

    &::-webkit-calendar-picker-indicator {
      @layer daisyui.l1.l2.l3 {
        &:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
          right: .75em;
        }

        &:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
          right: .75em;
        }

        &:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
          right: .75em;
        }

        &:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
          left: .75em;
        }

        &:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
          left: .75em;
        }

        &:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
          left: .75em;
        }
      }
    }

    input& {
      @layer daisyui.l1.l2.l3 {
        & {
          position: relative;
          display: inline-flex;
          text-align: start;
        }

        &[type="url"] {
          direction: ltr;
        }

        &[type="tel"] {
          direction: ltr;
        }

        &[type="email"] {
          direction: ltr;
        }

        &[type="number"] {
          direction: ltr;
        }

        &::-webkit-datetime-edit {
          display: grid;
          text-align: inherit;
          align-items:  center;
          min-height: 100%;
        }

        &::-webkit-date-and-time-value {
          display: grid;
          text-align: inherit;
          align-items:  center;
          min-height: 100%;
        }

        &::-webkit-inner-spin-button {
          margin-block: calc(.25rem * var(--spin-my, -3));
        }

        &::-webkit-calendar-picker-indicator {
          position: absolute;
          cursor: pointer;
          width: 1em;
          height: 1em;
        }

        &::-webkit-color-swatch-wrapper {
          padding-block-start: .25rem;
          padding-block-end: .25rem;
        }
      }
    }

    & input {
      @layer daisyui.l1.l2.l3 {
        & {
          position: relative;
          display: inline-flex;
          text-align: start;
        }

        &[type="url"] {
          direction: ltr;
        }

        &[type="tel"] {
          direction: ltr;
        }

        &[type="email"] {
          direction: ltr;
        }

        &[type="number"] {
          direction: ltr;
        }

        &::-webkit-datetime-edit {
          display: grid;
          text-align: inherit;
          align-items:  center;
          min-height: 100%;
        }

        &::-webkit-date-and-time-value {
          display: grid;
          text-align: inherit;
          align-items:  center;
          min-height: 100%;
        }

        &::-webkit-inner-spin-button {
          margin-block: calc(.25rem * var(--spin-my, -3));
        }

        &::-webkit-calendar-picker-indicator {
          position: absolute;
          cursor: pointer;
          width: 1em;
          height: 1em;
        }

        &::-webkit-color-swatch-wrapper {
          padding-block-start: .25rem;
          padding-block-end: .25rem;
        }
      }
    }

    &:focus {
      @layer daisyui.l1.l2.l3 {
        & {
          --input-color: var(--color-base-content);
          box-shadow: 0 1px var(--input-color);
          outline: 2px solid var(--input-color);
          outline-offset: 2px;
        }

        @supports (color: color-mix(in lab, red, red)) {
          & {
            box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
          }
        }
      }

      @layer daisyui.l1.l2.l3 {
        @media (pointer: coarse) {
          @supports (-webkit-touch-callout: none) {
            & {
              --font-size: 1rem;
            }
          }
        }
      }
    }

    &:focus-within {
      @layer daisyui.l1.l2.l3 {
        & {
          --input-color: var(--color-base-content);
          box-shadow: 0 1px var(--input-color);
          outline: 2px solid var(--input-color);
          outline-offset: 2px;
        }

        @supports (color: color-mix(in lab, red, red)) {
          & {
            box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
          }
        }
      }

      @layer daisyui.l1.l2.l3 {
        @media (pointer: coarse) {
          @supports (-webkit-touch-callout: none) {
            & {
              --font-size: 1rem;
            }
          }
        }
      }
    }

    &:has( > input[disabled]) {
      @layer daisyui.l1.l2.l3 {
        & {
          cursor: not-allowed;
          border-color: var(--color-base-200);
          background-color: var(--color-base-200);
          box-shadow: none;
        }

        &:-webkit-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        &:-moz-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        &:is(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        & :-webkit-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        & :-moz-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        & :is(input) {
          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);
          opacity: .2;
        }

        & ::placeholder {
          color: var(--color-base-content);
          opacity: .2;
        }
      }
    }

    &:-webkit-any(:disabled, [disabled]) {
      @layer daisyui.l1.l2.l3 {
        & {
          cursor: not-allowed;
          border-color: var(--color-base-200);
          background-color: var(--color-base-200);
          box-shadow: none;
        }

        &:-webkit-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        &:-moz-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        &:is(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        & :-webkit-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        & :-moz-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        & :is(input) {
          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);
          opacity: .2;
        }

        & ::placeholder {
          color: var(--color-base-content);
          opacity: .2;
        }
      }
    }

    &:-moz-any(:disabled, [disabled]) {
      @layer daisyui.l1.l2.l3 {
        & {
          cursor: not-allowed;
          border-color: var(--color-base-200);
          background-color: var(--color-base-200);
          box-shadow: none;
        }

        &:-webkit-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        &:-moz-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        &:is(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        & :-webkit-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        & :-moz-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        & :is(input) {
          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);
          opacity: .2;
        }

        & ::placeholder {
          color: var(--color-base-content);
          opacity: .2;
        }
      }
    }

    &:is(:disabled, [disabled]) {
      @layer daisyui.l1.l2.l3 {
        & {
          cursor: not-allowed;
          border-color: var(--color-base-200);
          background-color: var(--color-base-200);
          box-shadow: none;
        }

        &:-webkit-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        &:-moz-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        &:is(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        & :-webkit-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        & :-moz-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        & :is(input) {
          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);
          opacity: .2;
        }

        & ::placeholder {
          color: var(--color-base-content);
          opacity: .2;
        }
      }
    }

    fieldset:disabled & {
      @layer daisyui.l1.l2.l3 {
        & {
          cursor: not-allowed;
          border-color: var(--color-base-200);
          background-color: var(--color-base-200);
          box-shadow: none;
        }

        &:-webkit-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        &:-moz-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        &:is(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        & :-webkit-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        & :-moz-any(input) {
          color: var(--color-base-content);

          @supports (color: color-mix(in lab, red, red)) {
            & {
              color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
            }
          }
        }

        & :is(input) {
          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);
          opacity: .2;
        }

        & ::placeholder {
          color: var(--color-base-content);
          opacity: .2;
        }
      }
    }

    &:has( > input[disabled]) > input[disabled] {
      @layer daisyui.l1.l2.l3 {
        & {
          cursor: not-allowed;
        }
      }
    }

    :-webkit-any(&[type="url"], .input[type="tel"], .input[type="email"], .input[type="number"]):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      border-top-left-radius: var(--join-se, var(--radius-field));
      border-top-right-radius: var(--join-ss, var(--radius-field));
      border-bottom-right-radius: var(--join-es, var(--radius-field));
      border-bottom-left-radius: var(--join-ee, var(--radius-field));
    }

    :-moz-any(&[type="url"], .input[type="tel"], .input[type="email"], .input[type="number"]):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      border-top-left-radius: var(--join-se, var(--radius-field));
      border-top-right-radius: var(--join-ss, var(--radius-field));
      border-bottom-right-radius: var(--join-es, var(--radius-field));
      border-bottom-left-radius: var(--join-ee, var(--radius-field));
    }

    :is(&[type="url"], .input[type="tel"], .input[type="email"], .input[type="number"]):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      border-top-left-radius: var(--join-se, var(--radius-field));
      border-top-right-radius: var(--join-ss, var(--radius-field));
      border-bottom-right-radius: var(--join-es, var(--radius-field));
      border-bottom-left-radius: var(--join-ee, var(--radius-field));
    }

    :-webkit-any(&[type="url"], .input[type="tel"], .input[type="email"], .input[type="number"]):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      border-top-right-radius: var(--join-se, var(--radius-field));
      border-top-left-radius: var(--join-ss, var(--radius-field));
      border-bottom-left-radius: var(--join-es, var(--radius-field));
      border-bottom-right-radius: var(--join-ee, var(--radius-field));
    }

    :-moz-any(&[type="url"], .input[type="tel"], .input[type="email"], .input[type="number"]):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      border-top-right-radius: var(--join-se, var(--radius-field));
      border-top-left-radius: var(--join-ss, var(--radius-field));
      border-bottom-left-radius: var(--join-es, var(--radius-field));
      border-bottom-right-radius: var(--join-ee, var(--radius-field));
    }

    :is(&[type="url"], .input[type="tel"], .input[type="email"], .input[type="number"]):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      border-top-right-radius: var(--join-se, var(--radius-field));
      border-top-left-radius: var(--join-ss, var(--radius-field));
      border-bottom-left-radius: var(--join-es, var(--radius-field));
      border-bottom-right-radius: var(--join-ee, var(--radius-field));
    }

    :-webkit-any(.input[type="url"], &[type="tel"], .input[type="email"], .input[type="number"]):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      border-top-left-radius: var(--join-se, var(--radius-field));
      border-top-right-radius: var(--join-ss, var(--radius-field));
      border-bottom-right-radius: var(--join-es, var(--radius-field));
      border-bottom-left-radius: var(--join-ee, var(--radius-field));
    }

    :-moz-any(.input[type="url"], &[type="tel"], .input[type="email"], .input[type="number"]):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      border-top-left-radius: var(--join-se, var(--radius-field));
      border-top-right-radius: var(--join-ss, var(--radius-field));
      border-bottom-right-radius: var(--join-es, var(--radius-field));
      border-bottom-left-radius: var(--join-ee, var(--radius-field));
    }

    :is(.input[type="url"], &[type="tel"], .input[type="email"], .input[type="number"]):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      border-top-left-radius: var(--join-se, var(--radius-field));
      border-top-right-radius: var(--join-ss, var(--radius-field));
      border-bottom-right-radius: var(--join-es, var(--radius-field));
      border-bottom-left-radius: var(--join-ee, var(--radius-field));
    }

    :-webkit-any(.input[type="url"], &[type="tel"], .input[type="email"], .input[type="number"]):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      border-top-right-radius: var(--join-se, var(--radius-field));
      border-top-left-radius: var(--join-ss, var(--radius-field));
      border-bottom-left-radius: var(--join-es, var(--radius-field));
      border-bottom-right-radius: var(--join-ee, var(--radius-field));
    }

    :-moz-any(.input[type="url"], &[type="tel"], .input[type="email"], .input[type="number"]):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      border-top-right-radius: var(--join-se, var(--radius-field));
      border-top-left-radius: var(--join-ss, var(--radius-field));
      border-bottom-left-radius: var(--join-es, var(--radius-field));
      border-bottom-right-radius: var(--join-ee, var(--radius-field));
    }

    :is(.input[type="url"], &[type="tel"], .input[type="email"], .input[type="number"]):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      border-top-right-radius: var(--join-se, var(--radius-field));
      border-top-left-radius: var(--join-ss, var(--radius-field));
      border-bottom-left-radius: var(--join-es, var(--radius-field));
      border-bottom-right-radius: var(--join-ee, var(--radius-field));
    }

    :-webkit-any(.input[type="url"], .input[type="tel"], &[type="email"], .input[type="number"]):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      border-top-left-radius: var(--join-se, var(--radius-field));
      border-top-right-radius: var(--join-ss, var(--radius-field));
      border-bottom-right-radius: var(--join-es, var(--radius-field));
      border-bottom-left-radius: var(--join-ee, var(--radius-field));
    }

    :-moz-any(.input[type="url"], .input[type="tel"], &[type="email"], .input[type="number"]):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      border-top-left-radius: var(--join-se, var(--radius-field));
      border-top-right-radius: var(--join-ss, var(--radius-field));
      border-bottom-right-radius: var(--join-es, var(--radius-field));
      border-bottom-left-radius: var(--join-ee, var(--radius-field));
    }

    :is(.input[type="url"], .input[type="tel"], &[type="email"], .input[type="number"]):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      border-top-left-radius: var(--join-se, var(--radius-field));
      border-top-right-radius: var(--join-ss, var(--radius-field));
      border-bottom-right-radius: var(--join-es, var(--radius-field));
      border-bottom-left-radius: var(--join-ee, var(--radius-field));
    }

    :-webkit-any(.input[type="url"], .input[type="tel"], &[type="email"], .input[type="number"]):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      border-top-right-radius: var(--join-se, var(--radius-field));
      border-top-left-radius: var(--join-ss, var(--radius-field));
      border-bottom-left-radius: var(--join-es, var(--radius-field));
      border-bottom-right-radius: var(--join-ee, var(--radius-field));
    }

    :-moz-any(.input[type="url"], .input[type="tel"], &[type="email"], .input[type="number"]):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      border-top-right-radius: var(--join-se, var(--radius-field));
      border-top-left-radius: var(--join-ss, var(--radius-field));
      border-bottom-left-radius: var(--join-es, var(--radius-field));
      border-bottom-right-radius: var(--join-ee, var(--radius-field));
    }

    :is(.input[type="url"], .input[type="tel"], &[type="email"], .input[type="number"]):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      border-top-right-radius: var(--join-se, var(--radius-field));
      border-top-left-radius: var(--join-ss, var(--radius-field));
      border-bottom-left-radius: var(--join-es, var(--radius-field));
      border-bottom-right-radius: var(--join-ee, var(--radius-field));
    }

    :-webkit-any(.input[type="url"], .input[type="tel"], .input[type="email"], &[type="number"]):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      border-top-left-radius: var(--join-se, var(--radius-field));
      border-top-right-radius: var(--join-ss, var(--radius-field));
      border-bottom-right-radius: var(--join-es, var(--radius-field));
      border-bottom-left-radius: var(--join-ee, var(--radius-field));
    }

    :-moz-any(.input[type="url"], .input[type="tel"], .input[type="email"], &[type="number"]):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      border-top-left-radius: var(--join-se, var(--radius-field));
      border-top-right-radius: var(--join-ss, var(--radius-field));
      border-bottom-right-radius: var(--join-es, var(--radius-field));
      border-bottom-left-radius: var(--join-ee, var(--radius-field));
    }

    :is(.input[type="url"], .input[type="tel"], .input[type="email"], &[type="number"]):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      border-top-left-radius: var(--join-se, var(--radius-field));
      border-top-right-radius: var(--join-ss, var(--radius-field));
      border-bottom-right-radius: var(--join-es, var(--radius-field));
      border-bottom-left-radius: var(--join-ee, var(--radius-field));
    }

    :-webkit-any(.input[type="url"], .input[type="tel"], .input[type="email"], &[type="number"]):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      border-top-right-radius: var(--join-se, var(--radius-field));
      border-top-left-radius: var(--join-ss, var(--radius-field));
      border-bottom-left-radius: var(--join-es, var(--radius-field));
      border-bottom-right-radius: var(--join-ee, var(--radius-field));
    }

    :-moz-any(.input[type="url"], .input[type="tel"], .input[type="email"], &[type="number"]):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      border-top-right-radius: var(--join-se, var(--radius-field));
      border-top-left-radius: var(--join-ss, var(--radius-field));
      border-bottom-left-radius: var(--join-es, var(--radius-field));
      border-bottom-right-radius: var(--join-ee, var(--radius-field));
    }

    :is(.input[type="url"], .input[type="tel"], .input[type="email"], &[type="number"]):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      border-top-right-radius: var(--join-se, var(--radius-field));
      border-top-left-radius: var(--join-ss, var(--radius-field));
      border-bottom-left-radius: var(--join-es, var(--radius-field));
      border-bottom-right-radius: var(--join-ee, var(--radius-field));
    }
  }

  .textarea {
    @layer daisyui.l1.l2.l3 {
      & {
        appearance: none;
        border-radius: var(--radius-field);
        background-color: var(--color-base-100);
        vertical-align: middle;
        --input-color: var(--color-base-content);
        font-size: max(var(--font-size, 0rem), var(--font-size-min, .875rem));
        touch-action: manipulation;
        border: var(--border) solid var(--input-color, #0000);
        box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
        flex-shrink: 1;
        width: clamp(3rem, 20rem, 100%);
        min-height: 5rem;
        padding-block-start: .5rem;
        padding-block-end: .5rem;
        padding-inline-start: .75rem;
        padding-inline-end: .75rem;
      }

      @supports (color: color-mix(in lab, red, red)) {
        & {
          --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
        }
      }
    }

    & textarea {
      @layer daisyui.l1.l2.l3 {
        & {
          appearance: none;
          background-color: #0000;
          border: none;
        }

        &::placeholder {
          color: var(--color-base-content);
          opacity: .5;
        }

        &:focus {
          --tw-outline-style: none;
          outline-style: none;

          @media (forced-colors: active) {
            & {
              outline: 2px solid #0000;
              outline-offset: 2px;
            }
          }
        }

        &:focus-within {
          --tw-outline-style: none;
          outline-style: none;

          @media (forced-colors: active) {
            & {
              outline: 2px solid #0000;
              outline-offset: 2px;
            }
          }
        }
      }
    }

    &:focus {
      @layer daisyui.l1.l2.l3 {
        & {
          --input-color: var(--color-base-content);
          box-shadow: 0 1px var(--input-color);
          outline: 2px solid var(--input-color);
          outline-offset: 2px;
          isolation: isolate;
        }

        @supports (color: color-mix(in lab, red, red)) {
          & {
            box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
          }
        }
      }

      @layer daisyui.l1.l2.l3 {
        @media (pointer: coarse) {
          @supports (-webkit-touch-callout: none) {
            & {
              --font-size: 1rem;
            }
          }
        }
      }
    }

    &:focus-within {
      @layer daisyui.l1.l2.l3 {
        & {
          --input-color: var(--color-base-content);
          box-shadow: 0 1px var(--input-color);
          outline: 2px solid var(--input-color);
          outline-offset: 2px;
          isolation: isolate;
        }

        @supports (color: color-mix(in lab, red, red)) {
          & {
            box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
          }
        }
      }

      @layer daisyui.l1.l2.l3 {
        @media (pointer: coarse) {
          @supports (-webkit-touch-callout: none) {
            & {
              --font-size: 1rem;
            }
          }
        }
      }
    }

    &:has( > textarea[disabled]) {
      @layer daisyui.l1.l2.l3 {
        & {
          cursor: not-allowed;
          border-color: var(--color-base-200);
          background-color: var(--color-base-200);
          color: var(--color-base-content);
          box-shadow: none;
        }

        @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);
          opacity: .2;
        }

        & ::placeholder {
          color: var(--color-base-content);
          opacity: .2;
        }
      }
    }

    &:-webkit-any(:disabled, [disabled]) {
      @layer daisyui.l1.l2.l3 {
        & {
          cursor: not-allowed;
          border-color: var(--color-base-200);
          background-color: var(--color-base-200);
          color: var(--color-base-content);
          box-shadow: none;
        }

        @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);
          opacity: .2;
        }

        & ::placeholder {
          color: var(--color-base-content);
          opacity: .2;
        }
      }
    }

    &:-moz-any(:disabled, [disabled]) {
      @layer daisyui.l1.l2.l3 {
        & {
          cursor: not-allowed;
          border-color: var(--color-base-200);
          background-color: var(--color-base-200);
          color: var(--color-base-content);
          box-shadow: none;
        }

        @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);
          opacity: .2;
        }

        & ::placeholder {
          color: var(--color-base-content);
          opacity: .2;
        }
      }
    }

    &:is(:disabled, [disabled]) {
      @layer daisyui.l1.l2.l3 {
        & {
          cursor: not-allowed;
          border-color: var(--color-base-200);
          background-color: var(--color-base-200);
          color: var(--color-base-content);
          box-shadow: none;
        }

        @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);
          opacity: .2;
        }

        & ::placeholder {
          color: var(--color-base-content);
          opacity: .2;
        }
      }
    }

    &:has( > textarea[disabled]) > textarea[disabled] {
      @layer daisyui.l1.l2.l3 {
        & {
          cursor: not-allowed;
        }
      }
    }
  }

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

  .input {
    .label:is(& > *, .select > *) {
      @layer daisyui.l1.l2.l3 {
        & {
          display: flex;
          white-space: nowrap;
          font-size: inherit;
          align-items:  center;
          height: calc(100% - .5rem);
          padding-inline-start: .75rem;
          padding-inline-end: .75rem;
        }

        &:first-child {
          border-inline-end: var(--border) solid currentColor;
          margin-inline-start: -.75rem;
          margin-inline-end: .75rem;

          @supports (color: color-mix(in lab, red, red)) {
            & {
              border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
            }
          }
        }

        &:last-child {
          border-inline-start: var(--border) solid currentColor;
          margin-inline-start: .75rem;
          margin-inline-end: -.75rem;

          @supports (color: color-mix(in lab, red, red)) {
            & {
              border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
            }
          }
        }
      }
    }
  }

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

  .grid {
    display: grid;
  }

  .w-full {
    width: 100%;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-disc {
    list-style-type: disc;
  }

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

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

  .btn-link {
    @layer daisyui {
      & {
        text-decoration-line: underline;
        --btn-bg: #0000;
        color: var(--btn-color, var(--color-primary));
        --btn-border: #0000;
        --btn-inset: 0 0 0 0 oklch(0% 0 0 / 0);
        --btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0);
        background-image: none;
      }
    }
  }

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

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

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .btn {
    .aura:has( > &,  > .input,  > .select) {
      @layer daisyui.l1.l2.l3 {
        & {
          --aura-radius: var(--radius-field);
        }
      }
    }
  }

  .input {
    .aura:has( > .btn,  > &,  > .select) {
      @layer daisyui.l1.l2.l3 {
        & {
          --aura-radius: var(--radius-field);
        }
      }
    }
  }
}

@layer base {
  [data-theme="light"] {
    --buncss-light: initial;
    --buncss-dark: ;
    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% .006 285.885);
    --color-primary: oklch(45% .24 277.023);
    --color-primary-content: oklch(93% .034 272.788);
    --color-secondary: oklch(65% .241 354.308);
    --color-secondary-content: oklch(94% .028 342.258);
    --color-accent: oklch(77% .152 181.912);
    --color-accent-content: oklch(38% .063 188.416);
    --color-neutral: oklch(14% .005 285.823);
    --color-neutral-content: oklch(92% .004 286.32);
    --color-info: oklch(74% .16 232.661);
    --color-info-content: oklch(29% .066 243.157);
    --color-success: oklch(76% .177 163.223);
    --color-success-content: oklch(37% .077 168.94);
    --color-warning: oklch(82% .189 84.429);
    --color-warning-content: oklch(41% .112 45.904);
    --color-error: oklch(71% .194 13.428);
    --color-error-content: oklch(27% .105 12.094);
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  :where(:root) {
    --buncss-light: initial;
    --buncss-dark: ;
    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% .006 285.885);
    --color-primary: oklch(45% .24 277.023);
    --color-primary-content: oklch(93% .034 272.788);
    --color-secondary: oklch(65% .241 354.308);
    --color-secondary-content: oklch(94% .028 342.258);
    --color-accent: oklch(77% .152 181.912);
    --color-accent-content: oklch(38% .063 188.416);
    --color-neutral: oklch(14% .005 285.823);
    --color-neutral-content: oklch(92% .004 286.32);
    --color-info: oklch(74% .16 232.661);
    --color-info-content: oklch(29% .066 243.157);
    --color-success: oklch(76% .177 163.223);
    --color-success-content: oklch(37% .077 168.94);
    --color-warning: oklch(82% .189 84.429);
    --color-warning-content: oklch(41% .112 45.904);
    --color-error: oklch(71% .194 13.428);
    --color-error-content: oklch(27% .105 12.094);
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  :root:has(input.theme-controller[value="light"]:checked) {
    --buncss-light: initial;
    --buncss-dark: ;
    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% .006 285.885);
    --color-primary: oklch(45% .24 277.023);
    --color-primary-content: oklch(93% .034 272.788);
    --color-secondary: oklch(65% .241 354.308);
    --color-secondary-content: oklch(94% .028 342.258);
    --color-accent: oklch(77% .152 181.912);
    --color-accent-content: oklch(38% .063 188.416);
    --color-neutral: oklch(14% .005 285.823);
    --color-neutral-content: oklch(92% .004 286.32);
    --color-info: oklch(74% .16 232.661);
    --color-info-content: oklch(29% .066 243.157);
    --color-success: oklch(76% .177 163.223);
    --color-success-content: oklch(37% .077 168.94);
    --color-warning: oklch(82% .189 84.429);
    --color-warning-content: oklch(41% .112 45.904);
    --color-error: oklch(71% .194 13.428);
    --color-error-content: oklch(27% .105 12.094);
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}

@layer base {
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
      --buncss-light: ;
      --buncss-dark: initial;
      color-scheme: dark;
      --color-base-100: oklch(25.33% .016 252.42);
      --color-base-200: oklch(23.26% .014 253.1);
      --color-base-300: oklch(21.15% .012 254.09);
      --color-base-content: oklch(97.807% .029 256.847);
      --color-primary: oklch(58% .233 277.117);
      --color-primary-content: oklch(96% .018 272.314);
      --color-secondary: oklch(65% .241 354.308);
      --color-secondary-content: oklch(94% .028 342.258);
      --color-accent: oklch(77% .152 181.912);
      --color-accent-content: oklch(38% .063 188.416);
      --color-neutral: oklch(14% .005 285.823);
      --color-neutral-content: oklch(92% .004 286.32);
      --color-info: oklch(74% .16 232.661);
      --color-info-content: oklch(29% .066 243.157);
      --color-success: oklch(76% .177 163.223);
      --color-success-content: oklch(37% .077 168.94);
      --color-warning: oklch(82% .189 84.429);
      --color-warning-content: oklch(41% .112 45.904);
      --color-error: oklch(71% .194 13.428);
      --color-error-content: oklch(27% .105 12.094);
      --radius-selector: .5rem;
      --radius-field: .25rem;
      --radius-box: .5rem;
      --size-selector: .25rem;
      --size-field: .25rem;
      --border: 1px;
      --depth: 1;
      --noise: 0;
    }
  }
}

@layer base {
  [data-theme="light"] {
    --buncss-light: initial;
    --buncss-dark: ;
    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% .006 285.885);
    --color-primary: oklch(45% .24 277.023);
    --color-primary-content: oklch(93% .034 272.788);
    --color-secondary: oklch(65% .241 354.308);
    --color-secondary-content: oklch(94% .028 342.258);
    --color-accent: oklch(77% .152 181.912);
    --color-accent-content: oklch(38% .063 188.416);
    --color-neutral: oklch(14% .005 285.823);
    --color-neutral-content: oklch(92% .004 286.32);
    --color-info: oklch(74% .16 232.661);
    --color-info-content: oklch(29% .066 243.157);
    --color-success: oklch(76% .177 163.223);
    --color-success-content: oklch(37% .077 168.94);
    --color-warning: oklch(82% .189 84.429);
    --color-warning-content: oklch(41% .112 45.904);
    --color-error: oklch(71% .194 13.428);
    --color-error-content: oklch(27% .105 12.094);
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  :root:has(input.theme-controller[value="light"]:checked) {
    --buncss-light: initial;
    --buncss-dark: ;
    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% .006 285.885);
    --color-primary: oklch(45% .24 277.023);
    --color-primary-content: oklch(93% .034 272.788);
    --color-secondary: oklch(65% .241 354.308);
    --color-secondary-content: oklch(94% .028 342.258);
    --color-accent: oklch(77% .152 181.912);
    --color-accent-content: oklch(38% .063 188.416);
    --color-neutral: oklch(14% .005 285.823);
    --color-neutral-content: oklch(92% .004 286.32);
    --color-info: oklch(74% .16 232.661);
    --color-info-content: oklch(29% .066 243.157);
    --color-success: oklch(76% .177 163.223);
    --color-success-content: oklch(37% .077 168.94);
    --color-warning: oklch(82% .189 84.429);
    --color-warning-content: oklch(41% .112 45.904);
    --color-error: oklch(71% .194 13.428);
    --color-error-content: oklch(27% .105 12.094);
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}

@layer base {
  [data-theme="dark"] {
    --buncss-light: ;
    --buncss-dark: initial;
    color-scheme: dark;
    --color-base-100: oklch(25.33% .016 252.42);
    --color-base-200: oklch(23.26% .014 253.1);
    --color-base-300: oklch(21.15% .012 254.09);
    --color-base-content: oklch(97.807% .029 256.847);
    --color-primary: oklch(58% .233 277.117);
    --color-primary-content: oklch(96% .018 272.314);
    --color-secondary: oklch(65% .241 354.308);
    --color-secondary-content: oklch(94% .028 342.258);
    --color-accent: oklch(77% .152 181.912);
    --color-accent-content: oklch(38% .063 188.416);
    --color-neutral: oklch(14% .005 285.823);
    --color-neutral-content: oklch(92% .004 286.32);
    --color-info: oklch(74% .16 232.661);
    --color-info-content: oklch(29% .066 243.157);
    --color-success: oklch(76% .177 163.223);
    --color-success-content: oklch(37% .077 168.94);
    --color-warning: oklch(82% .189 84.429);
    --color-warning-content: oklch(41% .112 45.904);
    --color-error: oklch(71% .194 13.428);
    --color-error-content: oklch(27% .105 12.094);
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  :root:has(input.theme-controller[value="dark"]:checked) {
    --buncss-light: ;
    --buncss-dark: initial;
    color-scheme: dark;
    --color-base-100: oklch(25.33% .016 252.42);
    --color-base-200: oklch(23.26% .014 253.1);
    --color-base-300: oklch(21.15% .012 254.09);
    --color-base-content: oklch(97.807% .029 256.847);
    --color-primary: oklch(58% .233 277.117);
    --color-primary-content: oklch(96% .018 272.314);
    --color-secondary: oklch(65% .241 354.308);
    --color-secondary-content: oklch(94% .028 342.258);
    --color-accent: oklch(77% .152 181.912);
    --color-accent-content: oklch(38% .063 188.416);
    --color-neutral: oklch(14% .005 285.823);
    --color-neutral-content: oklch(92% .004 286.32);
    --color-info: oklch(74% .16 232.661);
    --color-info-content: oklch(29% .066 243.157);
    --color-success: oklch(76% .177 163.223);
    --color-success-content: oklch(37% .077 168.94);
    --color-warning: oklch(82% .189 84.429);
    --color-warning-content: oklch(41% .112 45.904);
    --color-error: oklch(71% .194 13.428);
    --color-error-content: oklch(27% .105 12.094);
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}

@layer base {
  :root {
    --page-scroll-lock: initial;
    --page-overflow: var(--page-scroll-lock) hidden;
  }

  :root:not(span) {
    overflow: var(--page-overflow);
  }
}

@layer base {
  :root {
    --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, [data-theme] {
    background-color: var(--root-bg);
    color: var(--color-base-content);
  }

  :root {
    background-color: var(--page-scroll-bg, var(--root-bg));
  }

  :where(:root, [data-theme]) {
    --root-bg: var(--color-base-100);
  }
}

@layer base {
  @property --radialprogress {
    syntax: "<percentage>"; inherits: true; initial-value: 0%;
  }

  @property --aura-angle {
    syntax: "<angle>"; inherits: false; initial-value: 0deg;
  }
}

@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 {
  :root {
    --page-has-backdrop: var(--page-scroll-lock) 1;
    --page-scroll-bg: var(--page-scroll-lock) var(--root-bg, #0000);
    background-image: var(--page-scroll-lock) linear-gradient(var(--root-bg, #0000), var(--root-bg, #0000));
    transition: var(--page-scroll-lock) background-color .3s ease-out;
    animation: var(--page-scroll-lock) set-page-has-scroll forwards;
    animation-timeline: var(--page-scroll-lock) scroll();
    --page-has-scroll: initial;
    scrollbar-gutter: var(--page-has-scroll) var(--page-scroll-lock) stable;

    @supports (color: color-mix(in lab, red, red)) {
      & {
        --page-scroll-bg: var(--page-scroll-lock) color-mix(in srgb, var(--root-bg, #0000), oklch(0% 0 0) calc(var(--page-has-backdrop, 0) * 40%));
      }
    }
  }

  @keyframes set-page-has-scroll {
    0%, to {
      --page-has-scroll: ;
    }
  }
}

@keyframes dropdown {
  0% {
    opacity: 0;
  }
}

@keyframes aura {
  to {
    --aura-angle: 360deg;
    transform: translateZ(1px);
  }
}

@keyframes aura-glow {
  20%, 80% {
    opacity: .7;
    filter: blur(.25rem);
  }

  50% {
    opacity: 1;
    filter: blur(.75rem);
  }
}

@keyframes aura-glow-after {
  20%, 80% {
    opacity: .3;
    filter: blur(1rem);
  }

  50% {
    opacity: .6;
    filter: blur(1.5rem);
  }
}

@keyframes progress {
  50% {
    background-position-x: -115%;
  }
}

@keyframes skeleton {
  0% {
    background-position: 150%;
  }

  100% {
    background-position: -50%;
  }
}

@keyframes rating {
  0%, 40% {
    scale: 1.1;
    filter: brightness(1.05) contrast(1.05);
  }
}

@keyframes menu {
  0% {
    opacity: 0;
  }
}

@keyframes toast {
  0% {
    scale: .9;
    opacity: 0;
  }

  100% {
    scale: 1;
    opacity: 1;
  }
}

@keyframes rotator {
  89.9999%, 100% {
    --first-item-position: 0 0%;
  }

  90%, 99.9999% {
    --first-item-position: 0 calc(var(--items) * 100%);
  }

  100% {
    translate: 0 -100%;
  }
}

@keyframes radio {
  0% {
    padding: 5px;
  }

  50% {
    padding: 3px;
  }
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@layer properties {
  @supports ((-webkit-hyphens: none) and ( not (margin-trim: inline))) or ((-moz-orient: inline) and ( not (color:rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-font-weight: initial;
    }
  }
}