/* layer: preflights */
@property --un-gradient-fn-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #000
}
@property --un-gradient-fn-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #000
}
@property --un-gradient-fn-color-space {
  syntax: "<custom-ident>";
  inherits: false;
  initial-value: in oklch;
}
@keyframes reka-down { from{ height: 0 } to { height: var(--reka-accordion-content-height)} }
@keyframes reka-up { from{ height: var(--reka-accordion-content-height)} to { height: 0 } }
@keyframes reka-collapsible-down { from{ height: 0 } to { height: var(--reka-collapsible-content-height)} }
@keyframes reka-collapsible-up { from{ height: var(--reka-collapsible-content-height)} to { height: 0 } }
:root {
  --unit: 1em;

  /*
    The children of `.nq-prose` will have font-sizes and margins proportional fluid value depending on the value that
    the element has.
    For example, if we set `font-size: 24px` to `.nq-prose`:
      - h1: will have (3 * 24)px for desktop and (2.75 * 24)px for mobile
      - p: will have (24)px for desktop and (2.75 * 24)px for mobile
  */
  --nq-screen-width-min-lh: 20;
  --nq-screen-width-max-lh: 72;
  --f-screen-range-lh: calc(var(--nq-screen-width-max-lh) - var(--nq-screen-width-min-lh));
  --nq-screen-width-min-em: 20;
  --nq-screen-width-max-em: 72;
  --f-screen-range-em: calc(var(--nq-screen-width-max-em) - var(--nq-screen-width-min-em));
  --font-size-min-em: 1;
  --font-size-max-em: 1;
  --margin-min-lh: 0;
  --margin-max-lh: 0;
}

/**
 * Make sure to import also nimiq-colors layer found in this package
 **/
.nq-prose,
[nq-prose],
.nq-prose-compact,
[nq-prose-compact] {
  font-size: 1rem;
  /* Default font-size */
  margin-trim: block;

  &:not(:where(.nq-prose-compact, [nq-prose-compact])) {
    > *:not(
        :where(
          .nq-raw,
          .nq-raw *,
          .nq-not-prose,
          .nq-not-prose *,
          .shiki *,
          img,
          video,
          iframe,
          figure,
          blockquote,
          pre,
          code
        )
      ) {
      padding-right: 0;
      padding-left: 0;

      &:last-child {
        padding-bottom: 6rem;

        @media (min-width: 1153px) {
          padding-bottom: 8rem;
        }
      }
    }

    > :where(img, video, iframe, figure, blockquote, pre, code) {
      padding-right: 2rem;
      padding-left: 2rem;

      &:last-child {
        padding-bottom: 6rem;

        @media (min-width: 1153px) {
          padding-bottom: 8rem;
        }
      }
    }
  }

  * {
    --lh-unit: 1lh;
    --f-factor-margin: calc((100vw - (var(--lh-unit) * var(--nq-screen-width-min-lh))) / var(--f-screen-range-lh));
    --f-factor: calc((100vw - (var(--unit) * var(--nq-screen-width-min-em))) / var(--f-screen-range-em));

    /* Margin calculation */
    --nq-m-range: calc(var(--margin-max-lh) - var(--margin-min-lh));
    --nq-m-fluid: calc(var(--lh-unit) * var(--margin-min-lh) + var(--nq-m-range) * var(--f-factor-margin));
    --nq-m-size: clamp(
      calc(var(--lh-unit) * var(--margin-min-lh)),
      var(--nq-m-fluid),
      calc(var(--margin-max-lh) * var(--lh-unit))
    );

    /* derived values */
    --font-size-range: calc(var(--font-size-max-em) - var(--font-size-min-em));
    --tp-font-size-fluid: calc(var(--unit) * var(--font-size-min-em) + var(--font-size-range) * var(--f-factor));
    --tp-font-size: clamp(
      var(--unit) * var(--font-size-min-em),
      var(--tp-font-size-fluid),
      var(--unit) * var(--font-size-max-em)
    );
    font-size: var(--tp-font-size);
  }

  > *:first-child {
    margin-top: 0;
    /* TODO Remove margin-top and margin-bottom on last element when margin-trim is widely supported */
  }

  > *:last-child {
    margin-bottom: 0;
  }

  *:not(:where(.nq-raw, .nq-raw *, .nq-not-prose, .nq-not-prose *, .shiki *)) {
    line-height: 1.5;
    max-width: var(--nq-prose-max-width, 78ch);
    margin-left: auto;
    margin-right: auto;
    font-family: var(--nq-font-sans, 'Mulish');

    &:where(h1) {
      --font-size-min-em: 2.25;
      --font-size-max-em: 2.5;
      line-height: 1.5;
      font-weight: 700;
    }

    &:where(h1 + *:not(:where(h1, h2, h3, h4))) {
      --margin-min-lh: 4.6667;
      --margin-max-lh: 5;
      margin-top: var(--nq-m-size);
    }

    &:where(h2) {
      --font-size-min-em: 1.75;
      --font-size-max-em: 2;
      line-height: 1.3;
      font-weight: 700;

      margin-top: 2lh;
      margin-bottom: 24px;
      --margin-min-lh: 4.2308;
      --margin-max-lh: 4.6154;

      &:where(h1 + h2) {
        --margin-min-lh: 1.9231;
        --margin-max-lh: 2.3077;
      }
    }

    &:where(h3) {
      --font-size-min-em: 1.4;
      --font-size-max-em: 1.625;
      line-height: 1.3;
      font-weight: 700;

      margin-bottom: 24px;
      margin-top: 1.7lh;
      --margin-min-lh: 4.2308;
      --margin-max-lh: 4.6154;

      &:where(h2 + h3) {
        --margin-min-lh: 1.5385;
        --margin-max-lh: 1.7308;
      }
    }

    &:where(h4) {
      --font-size-min-em: 1.25;
      --font-size-max-em: 1.4;
      line-height: 1.3;
      font-weight: 700;

      margin-top: 1.4lh;
      margin-bottom: 24px;
      --margin-min-lh: 4.2308;
      --margin-max-lh: 4.6154;
    }

    &:where(h3 + h4) {
      --margin-min-lh: 1.5385;
      --margin-max-lh: 1.7308;
      margin-top: 1.2lh;
    }

    &:where(h5) {
      --font-size-min-em: 1.125;
      --font-size-max-em: 1.25;
      line-height: 1.3;
      font-weight: 700;

      margin-top: 1.2lh;
      margin-bottom: 24px;
      --margin-min-lh: 4.2308;
      --margin-max-lh: 4.6154;
    }

    &:where(h6) {
      --font-size-min-em: 1;
      --font-size-max-em: 1.125;
      line-height: 1.3;
      font-weight: 700;

      margin-top: 1.2lh;
      margin-bottom: 24px;
      --margin-min-lh: 4.2308;
      --margin-max-lh: 4.6154;
    }

    /* Anchors in headings */
    &:where(h1, h2, h3, h4, h5, h6)[id] {
      position: relative;
      margin-left: -1.25rem;
      padding-left: 1rem;
      padding-right: 1rem;
      width: 100%;
      min-height: 1em;
      color: var(--colors-neutral);

      &::after {
        content: '#';
        opacity: 0;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        height: 100%;
        transition: 50ms opacity var(--nq-ease, ease-in-out);
        pointer-events: none;
      }

      @media (min-width: 769px) {
        :where(&, &::after):hover {
          &::after {
            opacity: 0.5;
          }
        }
      }

      &:has(a:focus-visible) {
        outline: 0.125rem solid var(--colors-blue);
        outline-offset: 0.125rem;
      }

      > a {
        position: absolute;
        inset: 0;
        padding-left: 20px;
        font-size: inherit;
        font-weight: inherit;
        top: -6px;
        color: var(--colors-neutral);

        &::after {
          position: absolute;
          inset: 0;
        }
      }
    }

    &:where(p) {
      margin-top: 0;
      margin-bottom: 0;
      line-height: 1.5;
      --font-size-min-em: 0.9;
      --font-size-max-em: 1;

      & + p {
        margin-top: 16px;
      }
    }

    &:where(figure) {
      figcaption {
        color: var(--colors-neutral-700);
        --font-size-min-em: 0.75;
        --font-size-max-em: 0.875;
        font-weight: 700;
        line-height: 1.3125;
        padding: 16px;

        :where(.dark, [data-theme='dark']) & {
          color: color-mix(in oklch, var(--colors-white) 80%, transparent);
        }
      }
    }

    &:where(blockquote) {
      background: var(--colors-green-400);
      --margin-min-em: 1.5;
      --margin-max-em: 2;
      margin-top: var(--nq-m-size);
      margin-bottom: var(--nq-m-size);
      margin-left: -8px;
      margin-right: -8px;
      padding: 1em;
      border-radius: 6px;
      box-shadow: 0 0 0 1.5px var(--colors-green-600);
      font-weight: 600;
      width: calc(100% + 16px);
      box-sizing: border-box;
      --font-size-min-em: 0.75;
      --font-size-max-em: 0.875;

      @media (min-width: 768px) {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
      }

      p {
        line-height: 1.3;
        margin: 0;
      }

      > *:not(:first-child) {
        margin-top: 0.75lh;
      }

      code,
      pre {
        background-color: var(--colors-green-600);
        color: var(--colors-green-1100);
      }
    }

    &:where(img, video, iframe) {
      border-radius: 6px;
      --margin-min-lh: 0.75;
      --margin-max-lh: 0.9167;
      margin-top: var(--nq-m-size);

      &:has(+ figcaption) {
        --margin-min-lh: 0.5;
        --margin-max-lh: 0.6667;
        margin-bottom: var(--nq-m-size);
      }

      &:not(:has(+ figcaption)) {
        --margin-min-lh: 0.75;
        --margin-max-lh: 0.9167;
        margin-bottom: var(--nq-m-size);
      }
    }

    article &:where(img) {
      background-color: white;
    }

    /* Rules to use a wider container (8px on the sides). Mainly for phones */
    &:where(img, video, iframe, table),
    /* Select code and pre that are not child of p,ul,ol... */
    &:where(code, pre):not(:where(:where(p, ul, ol, pre, code, table) :where(pre, code))) {
      margin-left: -1.5rem;
      width: min(calc(100% + 3rem), 700px);

      @media (min-width: 768px) {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
      }
    }

    &:where(ul) {
      list-style: none;
      margin-top: 24px;
      margin-bottom: 24px;

      li {
        display: block;
        position: relative;
        margin: 16px 0 16px 20px;

        > ol li {
          margin-left: 0;
        }

        :not(ul ol) &::before {
          content: '';
          width: 6px;
          height: 6px;
          border-radius: 3px;
          background-color: currentColor;
          opacity: 0.2;
          display: inline-block;
          margin-right: 12px;
          position: absolute;
          left: -20px;
          top: 8px;
        }
      }
    }

    &:where(ol) {
      list-style: none;
      counter-reset: item;
      margin-top: 24px;
      margin-bottom: 24px;

      li {
        counter-increment: item;
        position: relative;
        margin: 16px 0 16px 20px;

        > ol {
          counter-reset: subitem;

          li {
            counter-increment: subitem;

            &::before {
              content: counters(item, '.') '.' counter(subitem);
              top: 0;
              left: -32px;
            }
          }
        }

        &::before {
          content: counters(item, '.');
          font-weight: 700;
          display: inline-block;
          margin-right: 12px;
          position: absolute;
          left: -20px;
          color: currentColor;
          opacity: 0.5;
          top: 2px;
        }
      }
    }

    :where(ol, ul) ol,
    ul ul {
      margin-top: 8px;
      margin-bottom: 16px;
      padding-left: 8px;

      li {
        margin-top: 0;
        margin-left: 12px;
      }
    }

    &:where(code, pre, kbd, pre *, code *) {
      font-family: var(--nq-font-mono, 'Fira Code');
      /* font-size-adjust: from-font;
          TODO
          Remove all font-sizes for Fira Code and instead using font-size-adjust to adjust the font-size to the parent element.
        https://developer.mozilla.org/en-US/docs/Web/CSS/font-size-adjust
    */
    }

    &:where(code) {
      --font-size-min-em: 0.75;
      --font-size-max-em: 0.875;
      border-radius: 4px;
    }

    :where(:where(h1, h2, h3, h4, h5, h6, p, li, span, a) > code) {
      padding: 0 0.15em;
      line-height: inherit;
      vertical-align: baseline;
    }

    &:where(pre) {
      width: 100%;
      --font-size-min-em: 0.75;
      --font-size-max-em: 0.875;
      --margin-min-lh: 0.8333;
      --margin-max-lh: 1;
      margin-top: var(--nq-m-size);
      margin-bottom: var(--nq-m-size);
      padding: 20px 24px;
      border-radius: 6px;
      outline: 1.5px solid color-mix(in oklch, var(--colors-neutral) 8%, transparent);
    }

    kbd {
      padding: 0.25em 0.125em;
      --font-size-min: 0.75;
      --font-size-max: 0.875;
      color: var(--colors-neutral-800);
      background-color: var(--colors-neutral-200);
      border-radius: 0.25em;
      box-shadow: 0 0 0 1px var(--colors-neutral-400);
      margin: 0 0.25em -0.25em 0.25em;
      white-space: nowrap;
      line-height: 1;
    }

    &:where(pre, code):where(h1, h2, h3, h4 &) {
      font-size: 0.8em;
      padding: 2px 0.5rem;
      position: relative;
      top: -1px;
    }

    &:where(a) {
      text-decoration: none;
      color: var(--colors-blue);
      font-weight: 600;

      code {
        font-weight: 400;
      }
    }

    table {
      --margin-min-lh: 1;
      --margin-max-lh: 1.3333;
      margin-bottom: var(--nq-m-size);
      margin-top: var(--nq-m-size);
      display: block;
      overflow-x: auto;
      border-spacing: 0;
      border-collapse: separate;
      border-radius: 6px;
      border: 1px solid var(--colors-neutral-300);
      max-height: 90dvh;
      max-width: max-content;
      scroll-behavior: smooth;

      code,
      pre {
        --line-height: 1.3;
        padding: 4px 0.25rem;
        position: relative;
      }

      th,
      td {
        padding: 12px 0.75rem;
      }

      thead th {
        z-index: 1;
        position: sticky;
        top: -1px;
        text-wrap: balance;
        white-space: nowrap;
        font-weight: 400;
        color: var(--colors-neutral-800);
        background-color: var(--colors-neutral-100);
      }

      tbody {
        td {
          vertical-align: initial;
          text-wrap: balance;
        }

        > tr:not(:last-child) td {
          border-bottom: 1px solid var(--colors-neutral-300);
        }
      }

      /* Apply a border to the right of all but the last column */
      th:not(:last-child),
      td:not(:last-child) {
        border-right: 1px solid var(--colors-neutral-300);
      }
    }

    hr {
      --margin-min-lh: 0.8333;
      --margin-max-lh: 1;
      margin: var(--nq-m-size) auto;
      width: 128px;
      border-color: var(--colors-neutral-500);
    }

    details {
      /* TODO Animate open/closing https://developer.chrome.com/docs/css-ui/animate-to-height-auto#animate_the_details_element */
      border-radius: 6px;
      background-color: var(--colors-neutral-200);
      --margin-min-lh: 0.75;
      --margin-max-lh: 0.9167;
      margin-top: var(--nq-m-size);
      margin-bottom: var(--nq-m-size);
      color: var(--colors-neutral-900);
      box-shadow: 0 0 0 1.5px color-mix(in oklch, var(--colors-neutral) 10%, transparent);

      ::marker {
        color: transparent;
      }

      summary {
        padding: 14px 2rem 14px calc(0.7rem + 2.3em);
        --font-size-min-em: 0.9;
        --font-size-max-em: 1;
        position: relative;
        display: flex;
        align-items: center;
        cursor: pointer;

        &::before {
          content: '';
          --icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTIgMTIiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTIgMS40MTNBLjguOCAwIDAxMy4yMTIuNzI3bDcuNjQ1IDQuNTg3YS44LjggMCAwMTAgMS4zNzJsLTcuNjQ1IDQuNTg3QS44LjggMCAwMTIgMTAuNTg3eiIvPjwvc3ZnPg==);
          -webkit-mask: var(--icon) no-repeat;
          mask: var(--icon) no-repeat;
          -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
          background-color: currentColor;
          color: inherit;
          width: 0.622em;
          height: 0.622em;
          transition: transform 100ms ease-out;
          display: inline-block;
          position: absolute;
          left: 0;
          padding-left: 4rem;
        }
      }

      &[open] summary {
        &::before {
          transform: rotate(90deg);
        }
      }

      > *:not(summary) {
        padding: 0 1rem 14px 1rem;
      }

      p {
        margin: 0.75lh;
      }

      &[open] p {
        margin: 0.75lh;
      }
    }
  }
}

/* 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{--un-text-opacity:100%;--un-bg-opacity:100%;--un-outline-opacity:100%;--un-outline-style:solid;--un-border-opacity:100%;--un-leading:initial;--un-ring-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-ease:initial;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-to-opacity:100%;}}
@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-leading{syntax:"*";inherits:false;}
@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-ring-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-inset-ring-color{syntax:"*";inherits:false;}
@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-inset-shadow-color{syntax:"*";inherits:false;}
@property --un-ring-color{syntax:"*";inherits:false;}
@property --un-ring-inset{syntax:"*";inherits:false;}
@property --un-ring-offset-color{syntax:"*";inherits:false;}
@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}
@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-shadow-color{syntax:"*";inherits:false;}
@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}
@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}
@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}
@property --un-scale-x{syntax:"*";inherits:false;initial-value:1;}
@property --un-scale-y{syntax:"*";inherits:false;initial-value:1;}
@property --un-scale-z{syntax:"*";inherits:false;initial-value:1;}
@property --un-ease{syntax:"*";inherits:false;}
@property --un-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;}
@property --un-gradient-position{syntax:"*";inherits:false;}
@property --un-gradient-stops{syntax:"*";inherits:false;}
@property --un-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;}
@property --un-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;}
@property --un-gradient-via-stops{syntax:"*";inherits:false;}
@property --un-to-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-blur{syntax:"*";inherits:false;}
@property --un-brightness{syntax:"*";inherits:false;}
@property --un-contrast{syntax:"*";inherits:false;}
@property --un-drop-shadow{syntax:"*";inherits:false;}
@property --un-grayscale{syntax:"*";inherits:false;}
@property --un-hue-rotate{syntax:"*";inherits:false;}
@property --un-invert{syntax:"*";inherits:false;}
@property --un-saturate{syntax:"*";inherits:false;}
@property --un-sepia{syntax:"*";inherits:false;}
/* layer: icons */
.i-local\:claude{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3C!-- Icon from Simple Icons by Simple Icons Collaborators - https://github.com/simple-icons/simple-icons/blob/develop/LICENSE.md --%3E%3Cpath fill='currentColor' d='m4.714 15.956l4.718-2.648l.079-.23l-.08-.128h-.23l-.79-.048l-2.695-.073l-2.337-.097l-2.265-.122l-.57-.121l-.535-.704l.055-.353l.48-.321l.685.06l1.518.104l2.277.157l1.651.098l2.447.255h.389l.054-.158l-.133-.097l-.103-.098l-2.356-1.596l-2.55-1.688l-1.336-.972l-.722-.491L2 6.223l-.158-1.008l.656-.722l.88.06l.224.061l.893.686l1.906 1.476l2.49 1.833l.364.304l.146-.104l.018-.072l-.164-.274l-1.354-2.446l-1.445-2.49l-.644-1.032l-.17-.619a3 3 0 0 1-.103-.729L6.287.133L6.7 0l.995.134l.42.364l.619 1.415L9.735 4.14l1.555 3.03l.455.898l.243.832l.09.255h.159V9.01l.127-1.706l.237-2.095l.23-2.695l.08-.76l.376-.91l.747-.492l.583.28l.48.685l-.067.444l-.286 1.851l-.558 2.903l-.365 1.942h.213l.243-.242l.983-1.306l1.652-2.064l.728-.82l.85-.904l.547-.431h1.032l.759 1.129l-.34 1.166l-1.063 1.347l-.88 1.142l-1.263 1.7l-.79 1.36l.074.11l.188-.02l2.853-.606l1.542-.28l1.84-.315l.832.388l.09.395l-.327.807l-1.967.486l-2.307.462l-3.436.813l-.043.03l.049.061l1.548.146l.662.036h1.62l3.018.225l.79.522l.473.638l-.08.485l-1.213.62l-1.64-.389l-3.825-.91l-1.31-.329h-.183v.11l1.093 1.068l2.003 1.81l2.508 2.33l.127.578l-.321.455l-.34-.049l-2.204-1.657l-.85-.747l-1.925-1.62h-.127v.17l.443.649l2.343 3.521l.122 1.08l-.17.353l-.607.213l-.668-.122l-1.372-1.924l-1.415-2.168l-1.141-1.943l-.14.08l-.674 7.254l-.316.37l-.728.28l-.607-.461l-.322-.747l.322-1.476l.388-1.924l.316-1.53l.285-1.9l.17-.632l-.012-.042l-.14.018l-1.432 1.967l-2.18 2.945l-1.724 1.845l-.413.164l-.716-.37l.066-.662l.401-.589l2.386-3.036l1.439-1.882l.929-1.086l-.006-.158h-.055L4.138 18.56l-1.13.146l-.485-.456l.06-.746l.231-.243l1.907-1.312Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:32;height:32;}
.i-local\:openai{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3C!-- Icon from Simple Icons by Simple Icons Collaborators - https://github.com/simple-icons/simple-icons/blob/develop/LICENSE.md --%3E%3Cpath fill='currentColor' d='M22.282 9.821a6 6 0 0 0-.516-4.91a6.05 6.05 0 0 0-6.51-2.9A6.065 6.065 0 0 0 4.981 4.18a6 6 0 0 0-3.998 2.9a6.05 6.05 0 0 0 .743 7.097a5.98 5.98 0 0 0 .51 4.911a6.05 6.05 0 0 0 6.515 2.9A6 6 0 0 0 13.26 24a6.06 6.06 0 0 0 5.772-4.206a6 6 0 0 0 3.997-2.9a6.06 6.06 0 0 0-.747-7.073M13.26 22.43a4.48 4.48 0 0 1-2.876-1.04l.141-.081l4.779-2.758a.8.8 0 0 0 .392-.681v-6.737l2.02 1.168a.07.07 0 0 1 .038.052v5.583a4.504 4.504 0 0 1-4.494 4.494M3.6 18.304a4.47 4.47 0 0 1-.535-3.014l.142.085l4.783 2.759a.77.77 0 0 0 .78 0l5.843-3.369v2.332a.08.08 0 0 1-.033.062L9.74 19.95a4.5 4.5 0 0 1-6.14-1.646M2.34 7.896a4.5 4.5 0 0 1 2.366-1.973V11.6a.77.77 0 0 0 .388.677l5.815 3.354l-2.02 1.168a.08.08 0 0 1-.071 0l-4.83-2.786A4.504 4.504 0 0 1 2.34 7.872zm16.597 3.855l-5.833-3.387L15.119 7.2a.08.08 0 0 1 .071 0l4.83 2.791a4.494 4.494 0 0 1-.676 8.105v-5.678a.79.79 0 0 0-.407-.667m2.01-3.023l-.141-.085l-4.774-2.782a.78.78 0 0 0-.785 0L9.409 9.23V6.897a.07.07 0 0 1 .028-.061l4.83-2.787a4.5 4.5 0 0 1 6.68 4.66zm-12.64 4.135l-2.02-1.164a.08.08 0 0 1-.038-.057V6.075a4.5 4.5 0 0 1 7.375-3.453l-.142.08L8.704 5.46a.8.8 0 0 0-.393.681zm1.097-2.365l2.602-1.5l2.607 1.5v2.999l-2.597 1.5l-2.607-1.5Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:32;height:32;}
.i-tabler\:align-left,
[i-tabler\:align-left=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M4 12h10M4 18h14'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
.i-tabler\:arrow-down,
[i-tabler\:arrow-down=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-6l-6 6m-6-6l6 6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
.i-tabler\:arrow-up,
[i-tabler\:arrow-up=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-8l-6-6m-6 6l6-6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
.i-tabler\:dots,
[i-tabler\:dots=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
.i-tabler\:eye{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0-4 0'/%3E%3Cpath d='M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
.i-tabler\:link{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 15l6-6m-4-3l.463-.536a5 5 0 0 1 7.071 7.072L18 13m-5 5l-.397.534a5.07 5.07 0 0 1-7.127 0a4.97 4.97 0 0 1 0-7.071L6 11'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
.i-tabler\:menu-2,
[i-tabler\:menu-2=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
.dark .dark\:i-nimiq\:logos-nimiq-white-horizontal{background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='18' viewBox='0 0 76 18'%3E%3Cg fill='none'%3E%3Cpath fill='url(%23IconifyId19a3a2b8add6c29b06)' d='M19.964 8.156 15.758.844A1.69 1.69 0 0014.299 0H5.887c-.6 0-1.156.32-1.456.844L.225 8.156c-.3.523-.3 1.165 0 1.688l4.206 7.312c.3.523.856.844 1.456.844h8.412c.6 0 1.156-.32 1.456-.844l4.206-7.312a1.69 1.69 0 00.003-1.688'/%3E%3Cpath fill='%23fff' d='M34.91 3.656h1.829v10.688H35.33L29.582 6.89v7.453H27.76V3.656h1.403l5.748 7.453zm5.47 10.688V3.656h1.962v10.688zM54.82 3.656h1.543v10.688H54.68v-6.61l-2.874 6.61h-1.262l-2.874-6.61v6.61h-1.683V3.656h1.542l3.646 8.368zm5.189 10.688V3.656h1.962v10.688zm15.075-2.436c-.572 1.14-1.461 1.809-2.25 2.135.093.214.528.81.856 1.153s.673.692 1.11 1.046l-1.332 1.055c-.49-.343-.917-.754-1.351-1.232a9 9 0 01-1.142-1.595 9 9 0 01-.451.014c-1.085 0-1.991-.222-2.773-.663a4.4 4.4 0 01-1.792-1.913c-.379-.756-.623-1.766-.623-2.908s.21-2.076.628-2.908a4.44 4.44 0 011.8-1.913c.783-.444 1.697-.663 2.76-.663s1.991.222 2.773.663a4.4 4.4 0 011.792 1.913c.415.832.623 1.766.623 2.908s-.25 2.154-.628 2.908m-6.935.009q.849 1.02 2.375 1.02 1.528 0 2.375-1.02c.567-.684.85-1.646.85-2.917 0-1.263-.283-2.247-.85-2.922q-.849-1.014-2.375-1.016-1.528 0-2.375 1.007c-.567.673-.85 1.66-.85 2.931s.283 2.233.85 2.917'/%3E%3Cdefs%3E%3CradialGradient id='IconifyId19a3a2b8add6c29b06' cx='0' cy='0' r='1' gradientTransform='matrix(20.1956 0 0 20.2552 15.188 17.766)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EC991C'/%3E%3Cstop offset='1' stop-color='%23E9B213'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/g%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:4.222222222222222em;height:1em;}
.dark [dark\:i-nimiq\:logos-nimiq-white-horizontal=""]{background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='18' viewBox='0 0 76 18'%3E%3Cg fill='none'%3E%3Cpath fill='url(%23IconifyId19a3a2b8add6c29b08)' d='M19.964 8.156 15.758.844A1.69 1.69 0 0014.299 0H5.887c-.6 0-1.156.32-1.456.844L.225 8.156c-.3.523-.3 1.165 0 1.688l4.206 7.312c.3.523.856.844 1.456.844h8.412c.6 0 1.156-.32 1.456-.844l4.206-7.312a1.69 1.69 0 00.003-1.688'/%3E%3Cpath fill='%23fff' d='M34.91 3.656h1.829v10.688H35.33L29.582 6.89v7.453H27.76V3.656h1.403l5.748 7.453zm5.47 10.688V3.656h1.962v10.688zM54.82 3.656h1.543v10.688H54.68v-6.61l-2.874 6.61h-1.262l-2.874-6.61v6.61h-1.683V3.656h1.542l3.646 8.368zm5.189 10.688V3.656h1.962v10.688zm15.075-2.436c-.572 1.14-1.461 1.809-2.25 2.135.093.214.528.81.856 1.153s.673.692 1.11 1.046l-1.332 1.055c-.49-.343-.917-.754-1.351-1.232a9 9 0 01-1.142-1.595 9 9 0 01-.451.014c-1.085 0-1.991-.222-2.773-.663a4.4 4.4 0 01-1.792-1.913c-.379-.756-.623-1.766-.623-2.908s.21-2.076.628-2.908a4.44 4.44 0 011.8-1.913c.783-.444 1.697-.663 2.76-.663s1.991.222 2.773.663a4.4 4.4 0 011.792 1.913c.415.832.623 1.766.623 2.908s-.25 2.154-.628 2.908m-6.935.009q.849 1.02 2.375 1.02 1.528 0 2.375-1.02c.567-.684.85-1.646.85-2.917 0-1.263-.283-2.247-.85-2.922q-.849-1.014-2.375-1.016-1.528 0-2.375 1.007c-.567.673-.85 1.66-.85 2.931s.283 2.233.85 2.917'/%3E%3Cdefs%3E%3CradialGradient id='IconifyId19a3a2b8add6c29b08' cx='0' cy='0' r='1' gradientTransform='matrix(20.1956 0 0 20.2552 15.188 17.766)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EC991C'/%3E%3Cstop offset='1' stop-color='%23E9B213'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/g%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:4.222222222222222em;height:1em;}
.i-nimiq\:arrow-left,
[i-nimiq\:arrow-left=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.666 10 1 6l3.667-4M2.619 6H11'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:arrow-right,
[i-nimiq\:arrow-right=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7.334 2 11 6l-3.667 4m2.048-4H1'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:chevron-down,
[i-nimiq\:chevron-down=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 4 6 9 1 4'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:chevron-right,
[i-nimiq\:chevron-right=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3.5 1 5 5-5 5'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:chevron-top-down,
[i-nimiq\:chevron-top-down=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M.778 3.889 3.888.778 7 3.888m0 6.223-3.111 3.111-3.111-3.11'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:copy{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='currentColor' stroke-width='1.5' d='M9.341 3.49V1.77A1.01 1.01 0 008.33.76H1.77A1.01 1.01 0 00.76 1.77v7.34c0 .558.453 1.011 1.011 1.011H3.1m2.57 3.12h6.56c.558 0 1.011-.454 1.011-1.012V5.673c0-.558-.453-1.011-1.011-1.011H5.67c-.558 0-1.011.453-1.011 1.011v6.556c0 .558.453 1.011 1.011 1.011Z'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:cross,
[i-nimiq\:cross=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 10 10m0-10L1 11'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:document-filled,
[i-nimiq\:document-filled=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M.86 0A.86.86 0 000 .86v7.97c0 .65.267 1.284.8 1.656A8.4 8.4 0 005.624 12c1.794 0 3.456-.56 4.823-1.514.533-.372.8-1.005.8-1.656V.86a.86.86 0 00-.86-.86zm.871 2.152a.43.43 0 01.43-.43h3.465a.43.43 0 010 .86H2.161a.43.43 0 01-.43-.43m.43 1.721a.43.43 0 000 .86h4.33a.43.43 0 000-.86zm-.43 2.582a.43.43 0 01.43-.43h3.033a.43.43 0 010 .86H2.16a.43.43 0 01-.43-.43m.43 1.722a.43.43 0 000 .86h3.465a.43.43 0 000-.86z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:link{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' d='m7.95 4.05-3.9 3.9m5.85-.486.488-.488a3.793 3.793 0 00-5.364-5.364l-.488.488m2.927 7.8-.488.488a3.793 3.793 0 01-5.364-5.364l.488-.488'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:logos-discord-mono{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14'%3E%3Cg fill='none'%3E%3Cg clip-path='url(%23IconifyId19a3a2b8add6c29b02)'%3E%3Cpath fill='currentColor' d='M15.247 1.167A14.7 14.7 0 0011.534 0c-.16.29-.347.678-.476.988a13.6 13.6 0 00-4.115 0A11 11 0 006.462 0a14.6 14.6 0 00-3.716 1.17C.396 4.72-.241 8.184.077 11.597a14.8 14.8 0 004.554 2.334q.555-.763.976-1.606a9.6 9.6 0 01-1.536-.748q.192-.143.376-.298c2.962 1.385 6.18 1.385 9.106 0q.184.154.376.298a9.6 9.6 0 01-1.539.749c.282.564.608 1.102.976 1.606a14.8 14.8 0 004.557-2.335c.373-3.957-.639-7.388-2.676-10.43M6.01 9.497c-.889 0-1.618-.83-1.618-1.84s.714-1.842 1.618-1.842 1.634.83 1.618 1.842c.002 1.01-.713 1.84-1.618 1.84m5.98 0c-.89 0-1.618-.83-1.618-1.84s.713-1.842 1.618-1.842c.904 0 1.633.83 1.618 1.842 0 1.01-.714 1.84-1.618 1.84'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='IconifyId19a3a2b8add6c29b02'%3E%3Cpath fill='%23fff' d='M0 0h18v13.991H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:logos-github-mono{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none'%3E%3Cg clip-path='url(%23IconifyId19a3a2b8add6c29b01)'%3E%3Cpath fill='currentColor' d='M9 0a9 9 0 00-2.845 17.54c.45.082.615-.196.615-.434 0-.214-.009-.923-.012-1.675-2.504.544-3.032-1.062-3.032-1.062-.41-1.04-1-1.317-1-1.317-.816-.559.062-.547.062-.547.904.063 1.38.927 1.38.927.802 1.376 2.105.978 2.618.749.081-.582.314-.98.572-1.204-2-.228-4.1-1-4.1-4.447 0-.983.351-1.786.927-2.416-.094-.227-.402-1.142.087-2.382 0 0 .756-.242 2.475.923.718-.2 1.488-.3 2.253-.303a8.7 8.7 0 012.255.303c1.717-1.165 2.472-.923 2.472-.923.49 1.24.182 2.155.088 2.382.577.63.926 1.433.926 2.416 0 3.456-2.105 4.217-4.109 4.44.323.28.61.827.61 1.667 0 1.204-.01 2.173-.01 2.47 0 .239.162.52.618.43A9 9 0 0018 9a9 9 0 00-9-9M3.371 12.82c-.02.045-.09.058-.154.027-.065-.029-.102-.09-.081-.135s.09-.059.155-.028.103.091.08.136m.443.395c-.043.04-.127.021-.184-.042-.059-.062-.07-.146-.026-.187.044-.04.125-.02.184.042.06.063.07.147.026.187m.304.505c-.056.039-.146.003-.202-.077-.055-.08-.055-.176.002-.215.056-.038.144-.004.2.076.056.081.056.177 0 .216m.513.586c-.05.054-.154.04-.231-.035-.079-.072-.1-.175-.051-.23.05-.054.155-.039.233.035.078.072.102.176.049.23m.664.197c-.022.07-.123.103-.225.073s-.168-.114-.148-.185.123-.104.226-.072c.101.03.168.113.147.184m.755.084c.003.074-.084.136-.19.137-.108.003-.195-.057-.197-.13 0-.075.085-.136.193-.138.107-.002.194.057.194.131m.742-.028c.013.072-.061.147-.167.166-.105.02-.202-.025-.215-.097-.013-.074.063-.149.167-.168.107-.018.202.025.215.099'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='IconifyId19a3a2b8add6c29b01'%3E%3Cpath fill='%23fff' d='M0 0h18v17.577H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:logos-nimiq-horizontal{background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='18' viewBox='0 0 76 18'%3E%3Cg fill='none'%3E%3Cpath fill='url(%23IconifyId19a3a2b8add6c29b05)' d='M19.964 8.156 15.758.844A1.69 1.69 0 0014.299 0H5.887c-.6 0-1.156.32-1.456.844L.225 8.156c-.3.523-.3 1.165 0 1.688l4.206 7.312c.3.523.856.844 1.456.844h8.412c.6 0 1.156-.32 1.456-.844l4.206-7.312a1.69 1.69 0 00.003-1.688'/%3E%3Cpath fill='%231F2348' d='M34.91 3.656h1.829v10.688H35.33L29.582 6.89v7.453H27.76V3.656h1.403l5.748 7.453zm5.47 10.688V3.656h1.962v10.688zM54.82 3.656h1.543v10.688H54.68v-6.61l-2.874 6.61h-1.262l-2.874-6.61v6.61h-1.683V3.656h1.542l3.646 8.368zm5.189 10.688V3.656h1.962v10.688zm15.075-2.436c-.572 1.14-1.461 1.809-2.25 2.135.093.214.528.81.856 1.153s.673.692 1.11 1.046l-1.332 1.055c-.49-.343-.917-.754-1.351-1.232a9 9 0 01-1.142-1.595 9 9 0 01-.451.014c-1.085 0-1.991-.222-2.773-.663a4.4 4.4 0 01-1.792-1.913c-.379-.756-.623-1.766-.623-2.908s.21-2.076.628-2.908a4.44 4.44 0 011.8-1.913c.783-.444 1.697-.663 2.76-.663s1.991.222 2.773.663a4.4 4.4 0 011.792 1.913c.415.832.623 1.766.623 2.908s-.25 2.154-.628 2.908m-6.935.009q.849 1.02 2.375 1.02 1.528 0 2.375-1.02c.567-.684.85-1.646.85-2.917 0-1.263-.283-2.247-.85-2.922q-.849-1.014-2.375-1.016-1.528 0-2.375 1.007c-.567.673-.85 1.66-.85 2.931s.283 2.233.85 2.917'/%3E%3Cdefs%3E%3CradialGradient id='IconifyId19a3a2b8add6c29b05' cx='0' cy='0' r='1' gradientTransform='matrix(20.1956 0 0 20.2552 15.188 17.766)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EC991C'/%3E%3Cstop offset='1' stop-color='%23E9B213'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/g%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:4.222222222222222em;height:1em;}
.i-nimiq\:logos-nimiq-mono{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='0 0 20 18'%3E%3Cg fill='none'%3E%3Cpath fill='url(%23IconifyId19a3a2b8add6c29b00)' d='M19.734 8.156 15.576.844A1.66 1.66 0 0014.135 0H5.819C5.226 0 4.677.32 4.38.844L.222 8.156a1.71 1.71 0 000 1.688l4.158 7.312c.297.523.846.844 1.439.844h8.316c.593 0 1.142-.32 1.438-.844l4.158-7.312c.3-.523.3-1.165.003-1.688'/%3E%3Cdefs%3E%3CradialGradient id='IconifyId19a3a2b8add6c29b00' cx='0' cy='0' r='1' gradientTransform='matrix(-19.9562 0 0 -18 19.956 18)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='currentColor'/%3E%3Cstop offset='1' stop-color='currentColor'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:logos-telegram-mono{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath fill='currentColor' d='M16.785.1.84 6.247c-1.088.438-1.08 1.045-.2 1.316L4.735 8.84l9.472-5.976c.448-.273.857-.126.52.172L7.054 9.962H7.05h.002l-.283 4.22c.414 0 .597-.19.829-.413l1.988-1.934 4.136 3.055c.762.42 1.31.204 1.5-.706L17.938 1.39C18.216.276 17.513-.229 16.785.1'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:logos-twitter-mono{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M13.654 1.688h2.48l-5.42 6.195 6.377 8.43h-4.994L8.187 11.2l-4.475 5.113H1.23l5.797-6.627L.911 1.688H6.03L9.565 6.36zm-.871 13.14h1.375L5.284 3.095H3.808z' fill='currentColor'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:magnifying-glass,
[i-nimiq\:magnifying-glass=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath fill='currentColor' d='M9.652 8.548 9.1 7.997 7.997 9.1l.551.552zm2.017 4.224a.78.78 0 101.102-1.104zM5.46 10.92a5.46 5.46 0 005.46-5.46H9.36a3.9 3.9 0 01-3.9 3.9zm5.46-5.46A5.46 5.46 0 005.46 0v1.56a3.9 3.9 0 013.9 3.9zM5.46 0A5.46 5.46 0 000 5.46h1.56a3.9 3.9 0 013.9-3.9zM0 5.46a5.46 5.46 0 005.46 5.46V9.36a3.9 3.9 0 01-3.9-3.9zm8.548 4.192 3.12 3.12 1.104-1.104-3.12-3.12z'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:moon{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M4.252.295A.214.214 0 003.98.014 6.18 6.18 0 000 5.792 6.21 6.21 0 006.208 12a6.18 6.18 0 005.778-3.979.214.214 0 00-.281-.273c-.64.263-1.34.399-2.072.399-3.19 0-5.78-2.59-5.78-5.78 0-.732.136-1.432.4-2.071' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:watch-1-50{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='none'%3E%3Cg stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23IconifyId19a3a2b8add6c29b03)'%3E%3Cpath d='M6 11.25A5.25 5.25 0 106 .75a5.25 5.25 0 000 10.5'/%3E%3Cpath d='M4.5 4 6 6l1.5-1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='IconifyId19a3a2b8add6c29b03'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
[i-nimiq\:logos-github-mono=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none'%3E%3Cg clip-path='url(%23IconifyId19a3a2b8add6c29b09)'%3E%3Cpath fill='currentColor' d='M9 0a9 9 0 00-2.845 17.54c.45.082.615-.196.615-.434 0-.214-.009-.923-.012-1.675-2.504.544-3.032-1.062-3.032-1.062-.41-1.04-1-1.317-1-1.317-.816-.559.062-.547.062-.547.904.063 1.38.927 1.38.927.802 1.376 2.105.978 2.618.749.081-.582.314-.98.572-1.204-2-.228-4.1-1-4.1-4.447 0-.983.351-1.786.927-2.416-.094-.227-.402-1.142.087-2.382 0 0 .756-.242 2.475.923.718-.2 1.488-.3 2.253-.303a8.7 8.7 0 012.255.303c1.717-1.165 2.472-.923 2.472-.923.49 1.24.182 2.155.088 2.382.577.63.926 1.433.926 2.416 0 3.456-2.105 4.217-4.109 4.44.323.28.61.827.61 1.667 0 1.204-.01 2.173-.01 2.47 0 .239.162.52.618.43A9 9 0 0018 9a9 9 0 00-9-9M3.371 12.82c-.02.045-.09.058-.154.027-.065-.029-.102-.09-.081-.135s.09-.059.155-.028.103.091.08.136m.443.395c-.043.04-.127.021-.184-.042-.059-.062-.07-.146-.026-.187.044-.04.125-.02.184.042.06.063.07.147.026.187m.304.505c-.056.039-.146.003-.202-.077-.055-.08-.055-.176.002-.215.056-.038.144-.004.2.076.056.081.056.177 0 .216m.513.586c-.05.054-.154.04-.231-.035-.079-.072-.1-.175-.051-.23.05-.054.155-.039.233.035.078.072.102.176.049.23m.664.197c-.022.07-.123.103-.225.073s-.168-.114-.148-.185.123-.104.226-.072c.101.03.168.113.147.184m.755.084c.003.074-.084.136-.19.137-.108.003-.195-.057-.197-.13 0-.075.085-.136.193-.138.107-.002.194.057.194.131m.742-.028c.013.072-.061.147-.167.166-.105.02-.202-.025-.215-.097-.013-.074.063-.149.167-.168.107-.018.202.025.215.099'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='IconifyId19a3a2b8add6c29b09'%3E%3Cpath fill='%23fff' d='M0 0h18v17.577H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
[i-nimiq\:logos-nimiq-horizontal=""]{background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='18' viewBox='0 0 76 18'%3E%3Cg fill='none'%3E%3Cpath fill='url(%23IconifyId19a3a2b8add6c29b07)' d='M19.964 8.156 15.758.844A1.69 1.69 0 0014.299 0H5.887c-.6 0-1.156.32-1.456.844L.225 8.156c-.3.523-.3 1.165 0 1.688l4.206 7.312c.3.523.856.844 1.456.844h8.412c.6 0 1.156-.32 1.456-.844l4.206-7.312a1.69 1.69 0 00.003-1.688'/%3E%3Cpath fill='%231F2348' d='M34.91 3.656h1.829v10.688H35.33L29.582 6.89v7.453H27.76V3.656h1.403l5.748 7.453zm5.47 10.688V3.656h1.962v10.688zM54.82 3.656h1.543v10.688H54.68v-6.61l-2.874 6.61h-1.262l-2.874-6.61v6.61h-1.683V3.656h1.542l3.646 8.368zm5.189 10.688V3.656h1.962v10.688zm15.075-2.436c-.572 1.14-1.461 1.809-2.25 2.135.093.214.528.81.856 1.153s.673.692 1.11 1.046l-1.332 1.055c-.49-.343-.917-.754-1.351-1.232a9 9 0 01-1.142-1.595 9 9 0 01-.451.014c-1.085 0-1.991-.222-2.773-.663a4.4 4.4 0 01-1.792-1.913c-.379-.756-.623-1.766-.623-2.908s.21-2.076.628-2.908a4.44 4.44 0 011.8-1.913c.783-.444 1.697-.663 2.76-.663s1.991.222 2.773.663a4.4 4.4 0 011.792 1.913c.415.832.623 1.766.623 2.908s-.25 2.154-.628 2.908m-6.935.009q.849 1.02 2.375 1.02 1.528 0 2.375-1.02c.567-.684.85-1.646.85-2.917 0-1.263-.283-2.247-.85-2.922q-.849-1.014-2.375-1.016-1.528 0-2.375 1.007c-.567.673-.85 1.66-.85 2.931s.283 2.233.85 2.917'/%3E%3Cdefs%3E%3CradialGradient id='IconifyId19a3a2b8add6c29b07' cx='0' cy='0' r='1' gradientTransform='matrix(20.1956 0 0 20.2552 15.188 17.766)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EC991C'/%3E%3Cstop offset='1' stop-color='%23E9B213'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/g%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:4.222222222222222em;height:1em;}
[i-nimiq\:watch-1-50=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='none'%3E%3Cg stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23IconifyId19a3a2b8add6c29b04)'%3E%3Cpath d='M6 11.25A5.25 5.25 0 106 .75a5.25 5.25 0 000 10.5'/%3E%3Cpath d='M4.5 4 6 6l1.5-1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='IconifyId19a3a2b8add6c29b04'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
/* layer: theme */
:root, :host {
--spacing: 0.0625rem;
--font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;
--font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--colors-white: light-dark(oklch(1 0 90), oklch(1 0 90));
--colors-darkblue: light-dark(oklch(0.2737 0.068 276.29), oklch(0.2737 0.068 276.29));
--colors-darkerblue: light-dark(oklch(0.2182 0.0371 280.55), oklch(0.2182 0.0371 280.55));
--colors-neutral-0: light-dark(oklch(1 0 90), oklch(0.2737 0.068 276.29));
--colors-neutral-50: light-dark(oklch(0.9881 0 89.88), oklch(0.2388 0.0344 281));
--colors-neutral-100: light-dark(oklch(0.9791 0 89.88), oklch(0.2472 0.0341 281.14));
--colors-neutral-200: light-dark(oklch(0.9677 0.0027 286.35), oklch(0.2679 0.0334 281.42));
--colors-neutral-300: light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61));
--colors-neutral-400: light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85));
--colors-neutral-500: light-dark(oklch(0.8681 0.0096 279.67), oklch(0.3991 0.0252 282.18));
--colors-neutral-600: light-dark(oklch(0.8347 0.0125 281.04), oklch(0.4429 0.0229 282.19));
--colors-neutral-700: light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97));
--colors-neutral-800: light-dark(oklch(0.5889 0.0335 281.21), oklch(0.7168 0.0101 279.62));
--colors-neutral-900: light-dark(oklch(0.4374 0.0495 279.71), oklch(0.8619 0.0055 286.28));
--colors-neutral-1100: light-dark(oklch(1 0 90), oklch(0.2185 0.0213 246.2deg));
--colors-neutral-DEFAULT: light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90));
--colors-neutral-gradient-from: light-dark(oklab(0.2737 0.0075 -0.0676), oklab(0.1553 0.0542 -0.0519));
--colors-neutral-gradient-to: light-dark(oklab(0.2018 0.0685 -0.0675), oklab(0.2221 0.0059 -0.0521));
--colors-neutral-gradient-darkened-from: light-dark(, );
--colors-neutral-gradient-darkened-to: light-dark(, );
--colors-blue-400: light-dark(oklch(0.9545 0.0167 236.69), oklch(0.2716 0.0521 257.92));
--colors-blue-500: light-dark(oklch(0.9109 0.0327 232.24), oklch(0.3193 0.0701 251.54));
--colors-blue-600: light-dark(oklch(0.8885 0.0428 231.75), oklch(0.3477 0.0771 249.07));
--colors-blue-1100: light-dark(oklch(0.481 0.1164 243.72), oklch(0.6982 0.1694 243.83));
--colors-blue-DEFAULT: light-dark(oklch(0.5849 0.1438 244.29), oklch(0.6982 0.1694 243.83));
--colors-blue-gradient-from: light-dark(oklab(0.5849 -0.0624 -0.1296), oklab(0.6982 -0.0747 -0.1520));
--colors-blue-gradient-to: light-dark(oklab(0.5849 -0.0624 -0.1296), oklab(0.6982 -0.0747 -0.1520));
--colors-blue-gradient-darkened-from: light-dark(oklab(0.4857 -0.0220 -0.1807), oklab(0.5755 -0.0480 -0.1764));
--colors-blue-gradient-darkened-to: light-dark(oklab(0.5404 -0.0523 -0.1438), oklab(0.6546 -0.0695 -0.1422));
--colors-green-400: light-dark(oklch(0.9637 0.017 187.9), oklch(0.2764 0.0331 242.34));
--colors-green-500: light-dark(oklch(0.9307 0.034 185.2), oklch(0.333 0.0416 210.14));
--colors-green-600: light-dark(oklch(0.9154 0.0432 185.62), oklch(0.3622 0.0475 203.62));
--colors-green-1100: light-dark(oklch(0.5564 0.0992 178.59), oklch(0.755 0.1426 170.23));
--colors-green-DEFAULT: light-dark(oklch(0.6932 0.1245 178.48), oklch(0.755 0.1426 170.23));
--colors-green-gradient-to: light-dark(oklab(0.6932 -0.1245 0.0033), oklab(0.7550 -0.1405 0.0242));
--colors-green-gradient-from: light-dark(oklab(0.6000 -0.1198 0.0072), oklab(0.6500 -0.1659 0.0372));
--colors-green-gradient-darkened-from: light-dark(oklab(0.6231 -0.0909 0.0017), oklab(0.7142 -0.1422 0.0319));
--colors-green-gradient-darkened-to: light-dark(oklab(0.6873 -0.1184 -0.0011), oklab(0.6971 -0.1282 0.0212));
--colors-orange-400: light-dark(oklch(0.951 0.0221 74.1), oklch(0.2755 0.014 3.07));
--colors-orange-500: light-dark(oklch(0.9396 0.0436 71.7), oklch(0.3344 0.0381 61.07));
--colors-orange-600: light-dark(oklch(0.9251 0.0549 71.49), oklch(0.3634 0.0513 63.86));
--colors-orange-1100: light-dark(oklch(0.6769 0.1633 57), oklch(0.772 0.1738 64.55));
--colors-orange-DEFAULT: light-dark(oklch(0.7387 0.179 56.67), oklch(0.772 0.1738 64.55));
--colors-orange-gradient-from: light-dark(oklab(0.6500 0.1657 0.1447), oklab(0.7000 0.1105 0.1667));
--colors-orange-gradient-to: light-dark(oklab(0.7387 0.0984 0.1496), oklab(0.7720 0.0747 0.1569));
--colors-orange-gradient-darkened-from: light-dark(oklab(0.6387 0.1530 0.1288), oklab(0.7442 0.1001 0.1509));
--colors-orange-gradient-darkened-to: light-dark(oklab(0.7115 0.1244 0.1440), oklab(0.7438 0.0703 0.1509));
--colors-red-400: light-dark(oklch(0.9544 0.0166 26.65), oklch(0.2655 0.0357 328.64));
--colors-red-500: light-dark(oklch(0.9112 0.0328 27.11), oklch(0.3103 0.0508 358.44));
--colors-red-600: light-dark(oklch(0.8878 0.0422 25.25), oklch(0.3368 0.0603 6.45));
--colors-red-1100: light-dark(oklch(0.515 0.1713 30.54), oklch(0.6881 0.2018 30.03));
--colors-red-DEFAULT: light-dark(oklch(0.598 0.1886 30.3), oklch(0.6881 0.2018 30.03));
--colors-red-gradient-from: light-dark(oklab(0.5000 0.2088 0.0692), oklab(0.6000 0.2142 0.1288));
--colors-red-gradient-to: light-dark(oklab(0.5980 0.1628 0.0952), oklab(0.6881 0.1747 0.1010));
--colors-red-gradient-darkened-from: light-dark(oklab(0.5344 0.1734 0.0523), oklab(0.6515 0.2016 0.1213));
--colors-red-gradient-darkened-to: light-dark(oklab(0.5653 0.1770 0.0874), oklab(0.6633 0.1597 0.0937));
--colors-gold-400: light-dark(oklch(0.9765 0.022 89.79), oklch(0.2916 0.009 340.92));
--colors-gold-500: light-dark(oklch(0.9556 0.0434 91.27), oklch(0.3564 0.0252 69.32));
--colors-gold-600: light-dark(oklch(0.9434 0.0539 92.15), oklch(0.3918 0.0369 76.19));
--colors-gold-1100: light-dark(oklch(0.6642 0.1329 85.55), oklch(0.8517 0.1579 83.77));
--colors-gold-DEFAULT: light-dark(oklch(0.7924 0.1593 85.61), oklch(0.8517 0.1579 83.77));
--colors-gold-gradient-from: light-dark(oklab(0.7000 0.0595 0.1592), oklab(0.7800 0.0503 0.1624));
--colors-gold-gradient-to: light-dark(oklab(0.7924 0.0122 0.1588), oklab(0.8517 0.0171 0.1570));
--colors-gold-gradient-darkened-from: light-dark(oklab(0.7143 0.0695 0.1390), oklab(0.8163 0.0458 0.1479));
--colors-gold-gradient-darkened-to: light-dark(oklab(0.7575 0.0315 0.1515), oklab(0.8221 0.0167 0.1498));
--colors-purple-400: light-dark(oklch(0.9494 0.0083 301.35), oklch(0.2524 0.0591 291.66));
--colors-purple-500: light-dark(oklch(0.8984 0.0181 300.04), oklch(0.2869 0.0801 296.38));
--colors-purple-600: light-dark(oklch(0.8725 0.0224 300.16), oklch(0.3037 0.0894 298.08));
--colors-purple-1100: light-dark(oklch(0.3841 0.0825 296.42), oklch(0.5483 0.2189 304.41));
--colors-purple-DEFAULT: light-dark(oklch(0.4629 0.1027 296.59), oklch(0.5483 0.2189 304.41));
--text-xs-fontSize: 0.1875rem;
--text-xs-lineHeight: 0.25rem;
--text-sm-fontSize: 0.21875rem;
--text-sm-lineHeight: 0.3125rem;
--text-base-fontSize: 0.25rem;
--text-base-lineHeight: 0.375rem;
--text-lg-fontSize: 0.28125rem;
--text-lg-lineHeight: 0.4375rem;
--text-xl-fontSize: 0.3125rem;
--text-xl-lineHeight: 0.4375rem;
--text-2xl-fontSize: 0.375rem;
--text-2xl-lineHeight: 0.5rem;
--text-3xl-fontSize: 0.46875rem;
--text-3xl-lineHeight: 0.5625rem;
--text-4xl-fontSize: 0.5625rem;
--text-4xl-lineHeight: 0.625rem;
--text-5xl-fontSize: 0.75rem;
--text-5xl-lineHeight: 1;
--text-6xl-fontSize: 0.9375rem;
--text-6xl-lineHeight: 1;
--text-7xl-fontSize: 1.125rem;
--text-7xl-lineHeight: 1;
--text-8xl-fontSize: 1.5rem;
--text-8xl-lineHeight: 1;
--text-9xl-fontSize: 2rem;
--text-9xl-lineHeight: 1;
--fontWeight-thin: 100;
--fontWeight-extralight: 200;
--fontWeight-light: 300;
--fontWeight-normal: 400;
--fontWeight-medium: 500;
--fontWeight-semibold: 600;
--fontWeight-bold: 700;
--fontWeight-extrabold: 800;
--fontWeight-black: 900;
--tracking-tighter: -0.05em;
--tracking-tight: -0.025em;
--tracking-normal: 0em;
--tracking-wide: 0.025em;
--tracking-wider: 0.05em;
--tracking-widest: 0.1em;
--leading-none: 1;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--leading-loose: 2;
--textStrokeWidth-DEFAULT: 0.375rem;
--textStrokeWidth-none: 0;
--textStrokeWidth-sm: thin;
--textStrokeWidth-md: medium;
--textStrokeWidth-lg: thick;
--radius-DEFAULT: 0.0625rem;
--radius-none: 0;
--radius-xs: 0.03125rem;
--radius-sm: 0.0625rem;
--radius-md: 0.09375rem;
--radius-lg: 0.125rem;
--radius-xl: 0.1875rem;
--radius-2xl: 0.25rem;
--radius-3xl: 0.375rem;
--radius-4xl: 0.5rem;
--ease-DEFAULT: var(--nq-ease);
--blur-DEFAULT: 8px;
--blur-xs: 4px;
--blur-sm: 8px;
--blur-md: 12px;
--blur-lg: 16px;
--blur-xl: 24px;
--blur-2xl: 40px;
--blur-3xl: 64px;
--perspective-dramatic: 100px;
--perspective-near: 300px;
--perspective-normal: 500px;
--perspective-midrange: 800px;
--perspective-distant: 1200px;
--default-transition-duration: 150ms;
--default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--default-font-featureSettings: var(--font-sans--font-feature-settings);
--default-font-variationSettings: var(--font-sans--font-variation-settings);
--default-monoFont-family: var(--font-mono);
--default-monoFont-featureSettings: var(--font-mono--font-feature-settings);
--default-monoFont-variationSettings: var(--font-mono--font-variation-settings);
--container-3xs: 4rem;
--container-2xs: 4.5rem;
--container-xs: 5rem;
--container-sm: 6rem;
--container-md: 7rem;
--container-lg: 8rem;
--container-xl: 9rem;
--container-2xl: 10.5rem;
--container-3xl: 12rem;
--container-4xl: 14rem;
--container-5xl: 16rem;
--container-6xl: 18rem;
--container-7xl: 20rem;
--container-prose: 65ch;
--transitionProperty-colors: color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-fn-from,--un-gradient-fn-to;
}
/* layer: base */
/*
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  2. Remove default margins and padding
  3. Reset all borders.
*/

*,
::after,
::before,
::backdrop,
::file-selector-button {
  box-sizing: border-box; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 2 */
  border: 0 solid; /* 3 */
}

/*
  1. Use a consistent sensible line-height in all browsers.
  2. Prevent adjustments of font size after orientation changes in iOS.
  3. Use a more readable tab size.
  4. Use the user's configured `sans` font-family by default.
  5. Use the user's configured `sans` font-feature-settings by default.
  6. Use the user's configured `sans` font-variation-settings by default.
  7. Disable tap highlights on iOS.
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  tab-size: 4; /* 3 */
  font-family: var(
    --default-font-family,
    ui-sans-serif,
    system-ui,
    sans-serif,
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    'Noto Color Emoji'
  ); /* 4 */
  font-feature-settings: var(--default-font-featureSettings, normal); /* 5 */
  font-variation-settings: var(--default-font-variationSettings, normal); /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
  1. Add the correct height in Firefox.
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  3. Reset the default border style to a 1px solid border.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
  Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
  Remove the default font size and weight for headings.
*/

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

/*
  Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
  Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
  1. Use the user's configured `mono` font-family by default.
  2. Use the user's configured `mono` font-feature-settings by default.
  3. Use the user's configured `mono` font-variation-settings by default.
  4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: var(
    --default-monoFont-family,
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    'Liberation Mono',
    'Courier New',
    monospace
  ); /* 1 */
  font-feature-settings: var(--default-monoFont-featureSettings, normal); /* 2 */
  font-variation-settings: var(--default-monoFont-variationSettings, normal); /* 3 */
  font-size: 1em; /* 4 */
}

/*
  Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
  Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
  Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
  Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
  Make lists unstyled by default.
*/

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

/*
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
      This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/*
  1. Inherit font styles in all browsers.
  2. Remove border radius in all browsers.
  3. Remove background color in all browsers.
  4. Ensure consistent opacity for disabled states in all browsers.
*/

button,
input,
select,
optgroup,
textarea,
::file-selector-button {
  font: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  border-radius: 0; /* 2 */
  background-color: transparent; /* 3 */
  opacity: 1; /* 4 */
}

/*
  Restore default font weight.
*/

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

/*
  Restore indentation.
*/

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

/*
  Restore space after button.
*/

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

/*
  Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
*/

::placeholder {
  opacity: 1;
}

/*
  Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not
  crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)
*/

@supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or
  (contain-intrinsic-size: 1px) /* Safari 17+ */ {
  ::placeholder {
    color: color-mix(in oklab, currentcolor 50%, transparent);
  }
}

/*
  Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
  Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
  1. Ensure date/time inputs have the same height when empty in iOS Safari.
  2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
*/

::-webkit-date-and-time-value {
  min-height: 1lh; /* 1 */
  text-align: inherit; /* 2 */
}

/*
  Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.
*/

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

/*
  Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.
*/

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

/*
  Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)
*/

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

/*
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
  Correct the inability to style the border radius in iOS Safari.
*/

button,
input:where([type='button'], [type='reset'], [type='submit']),
::file-selector-button {
  appearance: button;
}

/*
  Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
  Make elements with the HTML hidden attribute stay hidden by default.
*/

[hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}
/* layer: nq-colors */
/*Auto-generated*/
:root {
  --colors-white: oklch(1 0 90);
  --colors-darkblue: oklch(0.2737 0.068 276.29);
  --colors-darkerblue: oklch(0.2182 0.0371 280.55);
  --colors-neutral-0: light-dark(oklch(1 0 90), oklch(0.2737 0.068 276.29));
  --colors-neutral-50: light-dark(oklch(0.9881 0 89.88), oklch(0.2388 0.0344 281));
  --colors-neutral-100: light-dark(oklch(0.9791 0 89.88), oklch(0.2472 0.0341 281.14));
  --colors-neutral-200: light-dark(oklch(0.9677 0.0027 286.35), oklch(0.2679 0.0334 281.42));
  --colors-neutral-300: light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61));
  --colors-neutral-400: light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85));
  --colors-neutral-500: light-dark(oklch(0.8681 0.0096 279.67), oklch(0.3991 0.0252 282.18));
  --colors-neutral-600: light-dark(oklch(0.8347 0.0125 281.04), oklch(0.4429 0.0229 282.19));
  --colors-neutral-700: light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97));
  --colors-neutral-800: light-dark(oklch(0.5889 0.0335 281.21), oklch(0.7168 0.0101 279.62));
  --colors-neutral-900: light-dark(oklch(0.4374 0.0495 279.71), oklch(0.8619 0.0055 286.28));
  --colors-neutral-1100: light-dark(oklch(1 0 90), oklch(0.2185 0.0213 246.2deg));
  --colors-neutral: light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90));
  --colors-blue-400: light-dark(oklch(0.9545 0.0167 236.69), oklch(0.2716 0.0521 257.92));
  --colors-blue-500: light-dark(oklch(0.9109 0.0327 232.24), oklch(0.3193 0.0701 251.54));
  --colors-blue-600: light-dark(oklch(0.8885 0.0428 231.75), oklch(0.3477 0.0771 249.07));
  --colors-blue-1100: light-dark(oklch(0.481 0.1164 243.72), oklch(0.6982 0.1694 243.83));
  --colors-blue: light-dark(oklch(0.5849 0.1438 244.29), oklch(0.6982 0.1694 243.83));
  --colors-green-400: light-dark(oklch(0.9637 0.017 187.9), oklch(0.2764 0.0331 242.34));
  --colors-green-500: light-dark(oklch(0.9307 0.034 185.2), oklch(0.333 0.0416 210.14));
  --colors-green-600: light-dark(oklch(0.9154 0.0432 185.62), oklch(0.3622 0.0475 203.62));
  --colors-green-1100: light-dark(oklch(0.5564 0.0992 178.59), oklch(0.755 0.1426 170.23));
  --colors-green: light-dark(oklch(0.6932 0.1245 178.48), oklch(0.755 0.1426 170.23));
  --colors-orange-400: light-dark(oklch(0.951 0.0221 74.1), oklch(0.2755 0.014 3.07));
  --colors-orange-500: light-dark(oklch(0.9396 0.0436 71.7), oklch(0.3344 0.0381 61.07));
  --colors-orange-600: light-dark(oklch(0.9251 0.0549 71.49), oklch(0.3634 0.0513 63.86));
  --colors-orange-1100: light-dark(oklch(0.6769 0.1633 57), oklch(0.772 0.1738 64.55));
  --colors-orange: light-dark(oklch(0.7387 0.179 56.67), oklch(0.772 0.1738 64.55));
  --colors-red-400: light-dark(oklch(0.9544 0.0166 26.65), oklch(0.2655 0.0357 328.64));
  --colors-red-500: light-dark(oklch(0.9112 0.0328 27.11), oklch(0.3103 0.0508 358.44));
  --colors-red-600: light-dark(oklch(0.8878 0.0422 25.25), oklch(0.3368 0.0603 6.45));
  --colors-red-1100: light-dark(oklch(0.515 0.1713 30.54), oklch(0.6881 0.2018 30.03));
  --colors-red: light-dark(oklch(0.598 0.1886 30.3), oklch(0.6881 0.2018 30.03));
  --colors-gold-400: light-dark(oklch(0.9765 0.022 89.79), oklch(0.2916 0.009 340.92));
  --colors-gold-500: light-dark(oklch(0.9556 0.0434 91.27), oklch(0.3564 0.0252 69.32));
  --colors-gold-600: light-dark(oklch(0.9434 0.0539 92.15), oklch(0.3918 0.0369 76.19));
  --colors-gold-1100: light-dark(oklch(0.6642 0.1329 85.55), oklch(0.8517 0.1579 83.77));
  --colors-gold: light-dark(oklch(0.7924 0.1593 85.61), oklch(0.8517 0.1579 83.77));
  --colors-purple-400: light-dark(oklch(0.9494 0.0083 301.35), oklch(0.2524 0.0591 291.66));
  --colors-purple-500: light-dark(oklch(0.8984 0.0181 300.04), oklch(0.2869 0.0801 296.38));
  --colors-purple-600: light-dark(oklch(0.8725 0.0224 300.16), oklch(0.3037 0.0894 298.08));
  --colors-purple-1100: light-dark(oklch(0.3841 0.0825 296.42), oklch(0.5483 0.2189 304.41));
  --colors-purple: light-dark(oklch(0.4629 0.1027 296.59), oklch(0.5483 0.2189 304.41));
  --colors-neutral-gradient-from: light-dark(oklab(0.2737 0.0075 -0.0676), oklab(0.1553 0.0542 -0.0519));
  --colors-neutral-gradient-to: light-dark(oklab(0.2018 0.0685 -0.0675), oklab(0.2221 0.0059 -0.0521));
  --colors-neutral-gradient: radial-gradient(at 100% 100% in oklab, var(--colors-neutral-gradient-from), var(--colors-neutral-gradient-to));
  --colors-blue-gradient-from: light-dark(oklab(0.5849 -0.0624 -0.1296), oklab(0.6982 -0.0747 -0.1520));
  --colors-blue-gradient-to: light-dark(oklab(0.5849 -0.0624 -0.1296), oklab(0.6982 -0.0747 -0.1520));
  --colors-blue-gradient: radial-gradient(at 100% 100% in oklab, var(--colors-blue-gradient-from), var(--colors-blue-gradient-to));
  --colors-blue-gradient-darkened-from: light-dark(oklab(0.4857 -0.0220 -0.1807), oklab(0.5755 -0.0480 -0.1764));
  --colors-blue-gradient-darkened-to: light-dark(oklab(0.5404 -0.0523 -0.1438), oklab(0.6546 -0.0695 -0.1422));
  --colors-blue-gradient-darkened: radial-gradient(at 100% 100% in oklab, var(--colors-blue-gradient-darkened-from), var(--colors-blue-gradient-darkened-to));
  --colors-green-gradient-from: light-dark(oklab(0.6000 -0.1198 0.0072), oklab(0.6500 -0.1659 0.0372));
  --colors-green-gradient-to: light-dark(oklab(0.6932 -0.1245 0.0033), oklab(0.7550 -0.1405 0.0242));
  --colors-green-gradient: radial-gradient(at 100% 100% in oklab, var(--colors-green-gradient-from), var(--colors-green-gradient-to));
  --colors-green-gradient-darkened-from: light-dark(oklab(0.6231 -0.0909 0.0017), oklab(0.7142 -0.1422 0.0319));
  --colors-green-gradient-darkened-to: light-dark(oklab(0.6873 -0.1184 -0.0011), oklab(0.6971 -0.1282 0.0212));
  --colors-green-gradient-darkened: radial-gradient(at 100% 100% in oklab, var(--colors-green-gradient-darkened-from), var(--colors-green-gradient-darkened-to));
  --colors-orange-gradient-from: light-dark(oklab(0.6500 0.1657 0.1447), oklab(0.7000 0.1105 0.1667));
  --colors-orange-gradient-to: light-dark(oklab(0.7387 0.0984 0.1496), oklab(0.7720 0.0747 0.1569));
  --colors-orange-gradient: radial-gradient(at 100% 100% in oklab, var(--colors-orange-gradient-from), var(--colors-orange-gradient-to));
  --colors-orange-gradient-darkened-from: light-dark(oklab(0.6387 0.1530 0.1288), oklab(0.7442 0.1001 0.1509));
  --colors-orange-gradient-darkened-to: light-dark(oklab(0.7115 0.1244 0.1440), oklab(0.7438 0.0703 0.1509));
  --colors-orange-gradient-darkened: radial-gradient(at 100% 100% in oklab, var(--colors-orange-gradient-darkened-from), var(--colors-orange-gradient-darkened-to));
  --colors-red-gradient-from: light-dark(oklab(0.5000 0.2088 0.0692), oklab(0.6000 0.2142 0.1288));
  --colors-red-gradient-to: light-dark(oklab(0.5980 0.1628 0.0952), oklab(0.6881 0.1747 0.1010));
  --colors-red-gradient: radial-gradient(at 100% 100% in oklab, var(--colors-red-gradient-from), var(--colors-red-gradient-to));
  --colors-red-gradient-darkened-from: light-dark(oklab(0.5344 0.1734 0.0523), oklab(0.6515 0.2016 0.1213));
  --colors-red-gradient-darkened-to: light-dark(oklab(0.5653 0.1770 0.0874), oklab(0.6633 0.1597 0.0937));
  --colors-red-gradient-darkened: radial-gradient(at 100% 100% in oklab, var(--colors-red-gradient-darkened-from), var(--colors-red-gradient-darkened-to));
  --colors-gold-gradient-from: light-dark(oklab(0.7000 0.0595 0.1592), oklab(0.7800 0.0503 0.1624));
  --colors-gold-gradient-to: light-dark(oklab(0.7924 0.0122 0.1588), oklab(0.8517 0.0171 0.1570));
  --colors-gold-gradient: radial-gradient(at 100% 100% in oklab, var(--colors-gold-gradient-from), var(--colors-gold-gradient-to));
  --colors-gold-gradient-darkened-from: light-dark(oklab(0.7143 0.0695 0.1390), oklab(0.8163 0.0458 0.1479));
  --colors-gold-gradient-darkened-to: light-dark(oklab(0.7575 0.0315 0.1515), oklab(0.8221 0.0167 0.1498));
  --colors-gold-gradient-darkened: radial-gradient(at 100% 100% in oklab, var(--colors-gold-gradient-darkened-from), var(--colors-gold-gradient-darkened-to));
}

:root { color-scheme: light dark; }
.bg-gradient-blue,
[bg-gradient-blue=""]{background-image:var(--colors-blue-gradient);}
/* layer: nq-preflight */
:root {
  --nq-ease: cubic-bezier(0.25, 0, 0, 1);
  --nq-shadow:
    0px 18px 38px rgba(31 35 72 / 0.07), 0px 7px 8.5px rgba(31 35 72 / 0.04), 0px 2px 2.5px rgba(31 35 72 / 0.02);
  --nq-shadow-lg:
    0px 6px 20px rgba(59 76 106 / 0.13), 0px 1.34018px 4.46726px rgba(59 76 106 / 0.0774939),
    0px 0.399006px 1.33002px rgba(59 76 106 / 0.0525061);
  /* This is the old box-shadox from nimiq-style framework. It stays here for reference */
  /* box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15); */
  /* box-shadow: 0 0.5rem 2.5rem rgba(0, 0, 0, 0.15); */
  --nq-track: var(--colors-neutral-200);
  --nq-thumb: var(--colors-neutral-600);

  --nq-font-sans:
    'Mulish', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,
    Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --nq-font-mono:
    'Fira Code', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

  --nq-m-min: 0;
  --nq-m-max: 0;

  --nq-screen-width-min: 320;
  --nq-screen-width-max: 1152;

  /* Base font sizes */
  --font-size-min: 16;
  --font-size-max: 16;
}

:where(*:not(:where(.nq-raw *, [nq-raw] *))) {
  /* Font size calculation */
  --f-font-width-range: calc(var(--nq-screen-width-max) - var(--nq-screen-width-min));
  --f-font-scale-factor: calc((100vw - (1px * var(--nq-screen-width-min))) / var(--f-font-width-range));
  --font-size-range: calc(var(--font-size-max) - var(--font-size-min));
  --font-size-fluid: calc(1px * var(--font-size-min) + var(--font-size-range) * var(--f-font-scale-factor));
  --font-size: clamp(calc(1px * var(--font-size-min)), var(--font-size-fluid), calc(var(--font-size-max) * 1px));

  border-color: var(--colors-neutral-400);
  outline-width: 1.5px;
  overscroll-behavior-x: contain;

  &:where(:not(:where(code, pre))) {
    font-family: var(--nq-font-sans, 'Mulish');
  }

  &:where(code, pre, pre *, code *) {
    font-family: var(--nq-font-mono, 'Fira Code');
    /* font-size-adjust: from-font;
    TODO
    Remove all font-sizes for Fira Code and instead using font-size-adjust to adjust the font-size to the parent element.
    https://developer.mozilla.org/en-US/docs/Web/CSS/font-size-adjust
    */
  }

  &:where(*, *:before, *:after) {
    box-sizing: inherit;
  }

  &:where(body) {
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    min-width: 300px;
    min-height: 100vh;
    min-height: 100dvh;
    color: var(--colors-neutral-900);
    background-color: var(--colors-neutral-0);

    :where([data-inverted] *) & {
      color: color-mix(in oklch, var(--colors-neutral-0) 80%);
    }
  }

  &:where(h1, h2, h3, h4, h5, h6) {
    text-wrap: balance;
    width: 100%;
    max-width: 100%;
    font-weight: bold;
    font-size: var(--font-size);
    line-height: 1.2;
    color: var(--colors-neutral);
    margin: 1em 0;

    /* text-box-trim: both;
    text-box-edge: cap alphabetic; */
  }

  &:where(h1) {
    --font-size-min: 24;
    --font-size-max: 32;
    margin-top: 0;
  }

  &:where(h2) {
    --font-size-max: 20;
    --font-size-min: 24;
  }

  &:where(p) {
    --line-height: 1.3125;
    margin: 1em 0;
  }

  small {
    --font-size-min: 12;
    --font-size-max: 14;
    font-size: var(--font-size);
    line-height: 1.2;
    font-weight: 600;
    margin: 0.5em 0;
  }

  &:where(p, li) {
    text-wrap: pretty;
  }

  /* Hide empty paragraphs. This is mostly for the markdown */
  &:where(p, span):empty:not(.iconify, [class*='i-']) {
    display: none;
  }

  &:where(a) {
    cursor: pointer;
  }

  &:where(blockquote p, blockquote p > :where(em, b)) {
    color: var(--colors-green);
  }

  &:where(blockquote) {
    margin: 1.5em 0;
    padding: 1em;
    background-color: var(--colors-green-400);
    outline: 1.5px solid var(--colors-green-500);
    font-size: 16px;
    border-radius: 8px;

    > * {
      margin-top: 0;
      margin-bottom: 0;
    }

    :is(code, pre) {
      background-color: color-mix(in oklch, var(--colors-green), transparent 80%);
      border-radius: 4px;
      font-weight: 400;
    }
  }

  &:not(:where(pre.shiki &, :where(h1, h2, h3, h4, h5, h6) &, blockquote &)):where(code, pre) {
    color: var(--colors-neutral-900);
    --font-size-min: 14;
    --font-size-max: 16;
    font-size: var(--font-size);
    overflow-x: auto;
    --nq-track: var(--colors-neutral-500);
    --nq-thumb: color-mix(in oklch, var(--colors-neutral-700) 75%, transparent);
  }

  :where(:where(h1, h2, h3, h4, h5, h6, p, li, span, a) > code) {
    background-color: var(--colors-neutral-200);
    padding-left: 0.15em;
    padding-right: 0.15em;
    border-radius: 0.1em;
  }

  &:where(pre) {
    background-color: var(--colors-neutral-50);
  }

  /* Links & buttons clickable */
  &:where(a, button:not([disabled])) {
    position: relative;

    @media not all and (hover: hover) {
      &::before {
        content: '';
        position: absolute;
        left: -1rem;
        top: -1rem;
        right: -1rem;
        bottom: -1rem;
      }
    }
  }

  &:where(input[type='text'], textarea) {
    caret-color: var(--colors-blue);
  }
}

:root { color-scheme: light dark; }
/* layer: shortcuts */
.container,
[container=""]{width:100%;}
:where(.inverted,[data-inverted])[f-text~="data-inverted\:2xl"], :where(.inverted,[data-inverted]) [f-text~="data-inverted\:2xl"],
.f-text-2xl{--f-text-min:22;--f-text-max:26;font-size:clamp(calc(var(--f-text-unit, 1px) * var(--f-text-min, 16)), calc(var(--f-text-unit, 1px) * var(--f-text-min, 16) + (var(--f-text-max, 16) - var(--f-text-min, 16)) * (var(--f-text-container, 100vw) - (var(--f-text-unit, 1px) * var(--f-text-min-container, 320))) / (var(--f-text-max-container, 1920) - var(--f-text-min-container, 320))), calc(var(--f-text-unit, 1px) * var(--f-text-max, 16)));}
.f-text-2xs,
[f-text-2xs=""]{--f-text-min:10;--f-text-max:12;font-size:clamp(calc(var(--f-text-unit, 1px) * var(--f-text-min, 16)), calc(var(--f-text-unit, 1px) * var(--f-text-min, 16) + (var(--f-text-max, 16) - var(--f-text-min, 16)) * (var(--f-text-container, 100vw) - (var(--f-text-unit, 1px) * var(--f-text-min-container, 320))) / (var(--f-text-max-container, 1920) - var(--f-text-min-container, 320))), calc(var(--f-text-unit, 1px) * var(--f-text-max, 16)));}
.f-text-3xl,
[f-text-3xl=""]{--f-text-min:26;--f-text-max:32;font-size:clamp(calc(var(--f-text-unit, 1px) * var(--f-text-min, 16)), calc(var(--f-text-unit, 1px) * var(--f-text-min, 16) + (var(--f-text-max, 16) - var(--f-text-min, 16)) * (var(--f-text-container, 100vw) - (var(--f-text-unit, 1px) * var(--f-text-min-container, 320))) / (var(--f-text-max-container, 1920) - var(--f-text-min-container, 320))), calc(var(--f-text-unit, 1px) * var(--f-text-max, 16)));}
.f-text-3xs,
[f-text-3xs=""]{--f-text-min:9;--f-text-max:11;font-size:clamp(calc(var(--f-text-unit, 1px) * var(--f-text-min, 16)), calc(var(--f-text-unit, 1px) * var(--f-text-min, 16) + (var(--f-text-max, 16) - var(--f-text-min, 16)) * (var(--f-text-container, 100vw) - (var(--f-text-unit, 1px) * var(--f-text-min-container, 320))) / (var(--f-text-max-container, 1920) - var(--f-text-min-container, 320))), calc(var(--f-text-unit, 1px) * var(--f-text-max, 16)));}
.f-text-4xl{--f-text-min:32;--f-text-max:44;font-size:clamp(calc(var(--f-text-unit, 1px) * var(--f-text-min, 16)), calc(var(--f-text-unit, 1px) * var(--f-text-min, 16) + (var(--f-text-max, 16) - var(--f-text-min, 16)) * (var(--f-text-container, 100vw) - (var(--f-text-unit, 1px) * var(--f-text-min-container, 320))) / (var(--f-text-max-container, 1920) - var(--f-text-min-container, 320))), calc(var(--f-text-unit, 1px) * var(--f-text-max, 16)));}
:where(.inverted,[data-inverted]).data-inverted\:f-text-lg, :where(.inverted,[data-inverted]) .data-inverted\:f-text-lg,
:where(.inverted,[data-inverted])[data-inverted\:f-text-lg=""], :where(.inverted,[data-inverted]) [data-inverted\:f-text-lg=""],
.f-text-lg,
[f-text-lg=""]{--f-text-min:16;--f-text-max:18;font-size:clamp(calc(var(--f-text-unit, 1px) * var(--f-text-min, 16)), calc(var(--f-text-unit, 1px) * var(--f-text-min, 16) + (var(--f-text-max, 16) - var(--f-text-min, 16)) * (var(--f-text-container, 100vw) - (var(--f-text-unit, 1px) * var(--f-text-min-container, 320))) / (var(--f-text-max-container, 1920) - var(--f-text-min-container, 320))), calc(var(--f-text-unit, 1px) * var(--f-text-max, 16)));}
.f-text-md,
[f-text-md=""]{--f-text-min:16;--f-text-max:16;font-size:clamp(calc(var(--f-text-unit, 1px) * var(--f-text-min, 16)), calc(var(--f-text-unit, 1px) * var(--f-text-min, 16) + (var(--f-text-max, 16) - var(--f-text-min, 16)) * (var(--f-text-container, 100vw) - (var(--f-text-unit, 1px) * var(--f-text-min-container, 320))) / (var(--f-text-max-container, 1920) - var(--f-text-min-container, 320))), calc(var(--f-text-unit, 1px) * var(--f-text-max, 16)));}
.f-text-sm,
[f-text-sm=""]{--f-text-min:14;--f-text-max:16;font-size:clamp(calc(var(--f-text-unit, 1px) * var(--f-text-min, 16)), calc(var(--f-text-unit, 1px) * var(--f-text-min, 16) + (var(--f-text-max, 16) - var(--f-text-min, 16)) * (var(--f-text-container, 100vw) - (var(--f-text-unit, 1px) * var(--f-text-min-container, 320))) / (var(--f-text-max-container, 1920) - var(--f-text-min-container, 320))), calc(var(--f-text-unit, 1px) * var(--f-text-max, 16)));}
.f-text-xl,
[f-text-xl=""],
[f-text~="xl"]{--f-text-min:18;--f-text-max:22;font-size:clamp(calc(var(--f-text-unit, 1px) * var(--f-text-min, 16)), calc(var(--f-text-unit, 1px) * var(--f-text-min, 16) + (var(--f-text-max, 16) - var(--f-text-min, 16)) * (var(--f-text-container, 100vw) - (var(--f-text-unit, 1px) * var(--f-text-min-container, 320))) / (var(--f-text-max-container, 1920) - var(--f-text-min-container, 320))), calc(var(--f-text-unit, 1px) * var(--f-text-max, 16)));}
.f-text-xs,
[f-text-xs=""]{--f-text-min:12;--f-text-max:14;font-size:clamp(calc(var(--f-text-unit, 1px) * var(--f-text-min, 16)), calc(var(--f-text-unit, 1px) * var(--f-text-min, 16) + (var(--f-text-max, 16) - var(--f-text-min, 16)) * (var(--f-text-container, 100vw) - (var(--f-text-unit, 1px) * var(--f-text-min-container, 320))) / (var(--f-text-max-container, 1920) - var(--f-text-min-container, 320))), calc(var(--f-text-unit, 1px) * var(--f-text-max, 16)));}
.f-h-xl,
[f-h-xl=""]{--f-h-min:48;--f-h-max:72;height:clamp(calc(var(--f-h-unit, 1px) * var(--f-h-min, 16)), calc(var(--f-h-unit, 1px) * var(--f-h-min, 16) + (var(--f-h-max, 16) - var(--f-h-min, 16)) * (var(--f-h-container, 100vw) - (var(--f-h-unit, 1px) * var(--f-h-min-container, 320))) / (var(--f-h-max-container, 1920) - var(--f-h-min-container, 320))), calc(var(--f-h-unit, 1px) * var(--f-h-max, 16)));}
.f-size-xs,
[f-size-xs=""]{--f-size-min:12;--f-size-max:16;width:clamp(calc(var(--f-size-unit, 1px) * var(--f-size-min, 16)), calc(var(--f-size-unit, 1px) * var(--f-size-min, 16) + (var(--f-size-max, 16) - var(--f-size-min, 16)) * (var(--f-size-container, 100vw) - (var(--f-size-unit, 1px) * var(--f-size-min-container, 320))) / (var(--f-size-max-container, 1920) - var(--f-size-min-container, 320))), calc(var(--f-size-unit, 1px) * var(--f-size-max, 16)));height:clamp(calc(var(--f-size-unit, 1px) * var(--f-size-min, 16)), calc(var(--f-size-unit, 1px) * var(--f-size-min, 16) + (var(--f-size-max, 16) - var(--f-size-min, 16)) * (var(--f-size-container, 100vw) - (var(--f-size-unit, 1px) * var(--f-size-min-container, 320))) / (var(--f-size-max-container, 1920) - var(--f-size-min-container, 320))), calc(var(--f-size-unit, 1px) * var(--f-size-max, 16)));}
.f-my-md,
[f-my-md=""]{--f-my-min:24;--f-my-max:32;margin-top:clamp(calc(var(--f-my-unit, 1px) * var(--f-my-min, 16)), calc(var(--f-my-unit, 1px) * var(--f-my-min, 16) + (var(--f-my-max, 16) - var(--f-my-min, 16)) * (var(--f-my-container, 100vw) - (var(--f-my-unit, 1px) * var(--f-my-min-container, 320))) / (var(--f-my-max-container, 1920) - var(--f-my-min-container, 320))), calc(var(--f-my-unit, 1px) * var(--f-my-max, 16)));margin-bottom:clamp(calc(var(--f-my-unit, 1px) * var(--f-my-min, 16)), calc(var(--f-my-unit, 1px) * var(--f-my-min, 16) + (var(--f-my-max, 16) - var(--f-my-min, 16)) * (var(--f-my-container, 100vw) - (var(--f-my-unit, 1px) * var(--f-my-min-container, 320))) / (var(--f-my-max-container, 1920) - var(--f-my-min-container, 320))), calc(var(--f-my-unit, 1px) * var(--f-my-max, 16)));}
.f-px-2xs,
[f-px-2xs=""]{--f-px-min:8;--f-px-max:12;padding-left:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));padding-right:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));}
.f-px-sm,
[f-px-sm=""],
[f-px~="sm"]{--f-px-min:16;--f-px-max:24;padding-left:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));padding-right:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));}
.f-px-xl,
[f-px-xl=""]{--f-px-min:48;--f-px-max:72;padding-left:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));padding-right:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));}
.f-px-xs,
[f-px-xs=""]{--f-px-min:12;--f-px-max:16;padding-left:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));padding-right:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));}
[f-py-2xl=""]{--f-py-min:72;--f-py-max:96;padding-top:clamp(calc(var(--f-py-unit, 1px) * var(--f-py-min, 16)), calc(var(--f-py-unit, 1px) * var(--f-py-min, 16) + (var(--f-py-max, 16) - var(--f-py-min, 16)) * (var(--f-py-container, 100vw) - (var(--f-py-unit, 1px) * var(--f-py-min-container, 320))) / (var(--f-py-max-container, 1920) - var(--f-py-min-container, 320))), calc(var(--f-py-unit, 1px) * var(--f-py-max, 16)));padding-bottom:clamp(calc(var(--f-py-unit, 1px) * var(--f-py-min, 16)), calc(var(--f-py-unit, 1px) * var(--f-py-min, 16) + (var(--f-py-max, 16) - var(--f-py-min, 16)) * (var(--f-py-container, 100vw) - (var(--f-py-unit, 1px) * var(--f-py-min-container, 320))) / (var(--f-py-max-container, 1920) - var(--f-py-min-container, 320))), calc(var(--f-py-unit, 1px) * var(--f-py-max, 16)));}
.f-py-2xs,
[f-py-2xs=""]{--f-py-min:8;--f-py-max:12;padding-top:clamp(calc(var(--f-py-unit, 1px) * var(--f-py-min, 16)), calc(var(--f-py-unit, 1px) * var(--f-py-min, 16) + (var(--f-py-max, 16) - var(--f-py-min, 16)) * (var(--f-py-container, 100vw) - (var(--f-py-unit, 1px) * var(--f-py-min-container, 320))) / (var(--f-py-max-container, 1920) - var(--f-py-min-container, 320))), calc(var(--f-py-unit, 1px) * var(--f-py-max, 16)));padding-bottom:clamp(calc(var(--f-py-unit, 1px) * var(--f-py-min, 16)), calc(var(--f-py-unit, 1px) * var(--f-py-min, 16) + (var(--f-py-max, 16) - var(--f-py-min, 16)) * (var(--f-py-container, 100vw) - (var(--f-py-unit, 1px) * var(--f-py-min-container, 320))) / (var(--f-py-max-container, 1920) - var(--f-py-min-container, 320))), calc(var(--f-py-unit, 1px) * var(--f-py-max, 16)));}
.f-py-lg,
[f-py-lg=""]{--f-py-min:32;--f-py-max:48;padding-top:clamp(calc(var(--f-py-unit, 1px) * var(--f-py-min, 16)), calc(var(--f-py-unit, 1px) * var(--f-py-min, 16) + (var(--f-py-max, 16) - var(--f-py-min, 16)) * (var(--f-py-container, 100vw) - (var(--f-py-unit, 1px) * var(--f-py-min-container, 320))) / (var(--f-py-max-container, 1920) - var(--f-py-min-container, 320))), calc(var(--f-py-unit, 1px) * var(--f-py-max, 16)));padding-bottom:clamp(calc(var(--f-py-unit, 1px) * var(--f-py-min, 16)), calc(var(--f-py-unit, 1px) * var(--f-py-min, 16) + (var(--f-py-max, 16) - var(--f-py-min, 16)) * (var(--f-py-container, 100vw) - (var(--f-py-unit, 1px) * var(--f-py-min-container, 320))) / (var(--f-py-max-container, 1920) - var(--f-py-min-container, 320))), calc(var(--f-py-unit, 1px) * var(--f-py-max, 16)));}
[f-py-md=""]{--f-py-min:24;--f-py-max:32;padding-top:clamp(calc(var(--f-py-unit, 1px) * var(--f-py-min, 16)), calc(var(--f-py-unit, 1px) * var(--f-py-min, 16) + (var(--f-py-max, 16) - var(--f-py-min, 16)) * (var(--f-py-container, 100vw) - (var(--f-py-unit, 1px) * var(--f-py-min-container, 320))) / (var(--f-py-max-container, 1920) - var(--f-py-min-container, 320))), calc(var(--f-py-unit, 1px) * var(--f-py-max, 16)));padding-bottom:clamp(calc(var(--f-py-unit, 1px) * var(--f-py-min, 16)), calc(var(--f-py-unit, 1px) * var(--f-py-min, 16) + (var(--f-py-max, 16) - var(--f-py-min, 16)) * (var(--f-py-container, 100vw) - (var(--f-py-unit, 1px) * var(--f-py-min-container, 320))) / (var(--f-py-max-container, 1920) - var(--f-py-min-container, 320))), calc(var(--f-py-unit, 1px) * var(--f-py-max, 16)));}
.f-py-sm,
[f-py-sm=""]{--f-py-min:16;--f-py-max:24;padding-top:clamp(calc(var(--f-py-unit, 1px) * var(--f-py-min, 16)), calc(var(--f-py-unit, 1px) * var(--f-py-min, 16) + (var(--f-py-max, 16) - var(--f-py-min, 16)) * (var(--f-py-container, 100vw) - (var(--f-py-unit, 1px) * var(--f-py-min-container, 320))) / (var(--f-py-max-container, 1920) - var(--f-py-min-container, 320))), calc(var(--f-py-unit, 1px) * var(--f-py-max, 16)));padding-bottom:clamp(calc(var(--f-py-unit, 1px) * var(--f-py-min, 16)), calc(var(--f-py-unit, 1px) * var(--f-py-min, 16) + (var(--f-py-max, 16) - var(--f-py-min, 16)) * (var(--f-py-container, 100vw) - (var(--f-py-unit, 1px) * var(--f-py-min-container, 320))) / (var(--f-py-max-container, 1920) - var(--f-py-min-container, 320))), calc(var(--f-py-unit, 1px) * var(--f-py-max, 16)));}
.f-py-xs,
[f-py-xs=""]{--f-py-min:12;--f-py-max:16;padding-top:clamp(calc(var(--f-py-unit, 1px) * var(--f-py-min, 16)), calc(var(--f-py-unit, 1px) * var(--f-py-min, 16) + (var(--f-py-max, 16) - var(--f-py-min, 16)) * (var(--f-py-container, 100vw) - (var(--f-py-unit, 1px) * var(--f-py-min-container, 320))) / (var(--f-py-max-container, 1920) - var(--f-py-min-container, 320))), calc(var(--f-py-unit, 1px) * var(--f-py-max, 16)));padding-bottom:clamp(calc(var(--f-py-unit, 1px) * var(--f-py-min, 16)), calc(var(--f-py-unit, 1px) * var(--f-py-min, 16) + (var(--f-py-max, 16) - var(--f-py-min, 16)) * (var(--f-py-container, 100vw) - (var(--f-py-unit, 1px) * var(--f-py-min-container, 320))) / (var(--f-py-max-container, 1920) - var(--f-py-min-container, 320))), calc(var(--f-py-unit, 1px) * var(--f-py-max, 16)));}
.f-pt-sm,
[f-pt-sm=""]{--f-pt-min:16;--f-pt-max:24;padding-top:clamp(calc(var(--f-pt-unit, 1px) * var(--f-pt-min, 16)), calc(var(--f-pt-unit, 1px) * var(--f-pt-min, 16) + (var(--f-pt-max, 16) - var(--f-pt-min, 16)) * (var(--f-pt-container, 100vw) - (var(--f-pt-unit, 1px) * var(--f-pt-min-container, 320))) / (var(--f-pt-max-container, 1920) - var(--f-pt-min-container, 320))), calc(var(--f-pt-unit, 1px) * var(--f-pt-max, 16)));}
.f-pt-xl,
[f-pt-xl=""]{--f-pt-min:48;--f-pt-max:72;padding-top:clamp(calc(var(--f-pt-unit, 1px) * var(--f-pt-min, 16)), calc(var(--f-pt-unit, 1px) * var(--f-pt-min, 16) + (var(--f-pt-max, 16) - var(--f-pt-min, 16)) * (var(--f-pt-container, 100vw) - (var(--f-pt-unit, 1px) * var(--f-pt-min-container, 320))) / (var(--f-pt-max-container, 1920) - var(--f-pt-min-container, 320))), calc(var(--f-pt-unit, 1px) * var(--f-pt-max, 16)));}
.f-pt-xs,
[f-pt-xs=""]{--f-pt-min:12;--f-pt-max:16;padding-top:clamp(calc(var(--f-pt-unit, 1px) * var(--f-pt-min, 16)), calc(var(--f-pt-unit, 1px) * var(--f-pt-min, 16) + (var(--f-pt-max, 16) - var(--f-pt-min, 16)) * (var(--f-pt-container, 100vw) - (var(--f-pt-unit, 1px) * var(--f-pt-min-container, 320))) / (var(--f-pt-max-container, 1920) - var(--f-pt-min-container, 320))), calc(var(--f-pt-unit, 1px) * var(--f-pt-max, 16)));}
[f-pb~="lg"]{--f-pb-min:32;--f-pb-max:48;padding-bottom:clamp(calc(var(--f-pb-unit, 1px) * var(--f-pb-min, 16)), calc(var(--f-pb-unit, 1px) * var(--f-pb-min, 16) + (var(--f-pb-max, 16) - var(--f-pb-min, 16)) * (var(--f-pb-container, 100vw) - (var(--f-pb-unit, 1px) * var(--f-pb-min-container, 320))) / (var(--f-pb-max-container, 1920) - var(--f-pb-min-container, 320))), calc(var(--f-pb-unit, 1px) * var(--f-pb-max, 16)));}
.f-pb-sm,
[f-pb-sm=""]{--f-pb-min:16;--f-pb-max:24;padding-bottom:clamp(calc(var(--f-pb-unit, 1px) * var(--f-pb-min, 16)), calc(var(--f-pb-unit, 1px) * var(--f-pb-min, 16) + (var(--f-pb-max, 16) - var(--f-pb-min, 16)) * (var(--f-pb-container, 100vw) - (var(--f-pb-unit, 1px) * var(--f-pb-min-container, 320))) / (var(--f-pb-max-container, 1920) - var(--f-pb-min-container, 320))), calc(var(--f-pb-unit, 1px) * var(--f-pb-max, 16)));}
.f-pb-xs,
[f-pb-xs=""]{--f-pb-min:12;--f-pb-max:16;padding-bottom:clamp(calc(var(--f-pb-unit, 1px) * var(--f-pb-min, 16)), calc(var(--f-pb-unit, 1px) * var(--f-pb-min, 16) + (var(--f-pb-max, 16) - var(--f-pb-min, 16)) * (var(--f-pb-container, 100vw) - (var(--f-pb-unit, 1px) * var(--f-pb-min-container, 320))) / (var(--f-pb-max-container, 1920) - var(--f-pb-min-container, 320))), calc(var(--f-pb-unit, 1px) * var(--f-pb-max, 16)));}
[pb~="f-xl"]{--f-pb-min:48;--f-pb-max:72;padding-bottom:clamp(calc(var(--f-pb-unit, 1px) * var(--f-pb-min, 16)), calc(var(--f-pb-unit, 1px) * var(--f-pb-min, 16) + (var(--f-pb-max, 16) - var(--f-pb-min, 16)) * (var(--f-pb-container, 100vw) - (var(--f-pb-unit, 1px) * var(--f-pb-min-container, 320))) / (var(--f-pb-max-container, 1920) - var(--f-pb-min-container, 320))), calc(var(--f-pb-unit, 1px) * var(--f-pb-max, 16)));}
.f-mt-2xl{--f-mt-min:72;--f-mt-max:96;margin-top:clamp(calc(var(--f-mt-unit, 1px) * var(--f-mt-min, 16)), calc(var(--f-mt-unit, 1px) * var(--f-mt-min, 16) + (var(--f-mt-max, 16) - var(--f-mt-min, 16)) * (var(--f-mt-container, 100vw) - (var(--f-mt-unit, 1px) * var(--f-mt-min-container, 320))) / (var(--f-mt-max-container, 1920) - var(--f-mt-min-container, 320))), calc(var(--f-mt-unit, 1px) * var(--f-mt-max, 16)));}
.f-mt-2xs,
[f-mt-2xs=""]{--f-mt-min:8;--f-mt-max:12;margin-top:clamp(calc(var(--f-mt-unit, 1px) * var(--f-mt-min, 16)), calc(var(--f-mt-unit, 1px) * var(--f-mt-min, 16) + (var(--f-mt-max, 16) - var(--f-mt-min, 16)) * (var(--f-mt-container, 100vw) - (var(--f-mt-unit, 1px) * var(--f-mt-min-container, 320))) / (var(--f-mt-max-container, 1920) - var(--f-mt-min-container, 320))), calc(var(--f-mt-unit, 1px) * var(--f-mt-max, 16)));}
.f-mt-lg,
[f-mt-lg=""]{--f-mt-min:32;--f-mt-max:48;margin-top:clamp(calc(var(--f-mt-unit, 1px) * var(--f-mt-min, 16)), calc(var(--f-mt-unit, 1px) * var(--f-mt-min, 16) + (var(--f-mt-max, 16) - var(--f-mt-min, 16)) * (var(--f-mt-container, 100vw) - (var(--f-mt-unit, 1px) * var(--f-mt-min-container, 320))) / (var(--f-mt-max-container, 1920) - var(--f-mt-min-container, 320))), calc(var(--f-mt-unit, 1px) * var(--f-mt-max, 16)));}
.f-mt-md,
[f-mt-md=""]{--f-mt-min:24;--f-mt-max:32;margin-top:clamp(calc(var(--f-mt-unit, 1px) * var(--f-mt-min, 16)), calc(var(--f-mt-unit, 1px) * var(--f-mt-min, 16) + (var(--f-mt-max, 16) - var(--f-mt-min, 16)) * (var(--f-mt-container, 100vw) - (var(--f-mt-unit, 1px) * var(--f-mt-min-container, 320))) / (var(--f-mt-max-container, 1920) - var(--f-mt-min-container, 320))), calc(var(--f-mt-unit, 1px) * var(--f-mt-max, 16)));}
.f-mt-sm,
[f-mt-sm=""]{--f-mt-min:16;--f-mt-max:24;margin-top:clamp(calc(var(--f-mt-unit, 1px) * var(--f-mt-min, 16)), calc(var(--f-mt-unit, 1px) * var(--f-mt-min, 16) + (var(--f-mt-max, 16) - var(--f-mt-min, 16)) * (var(--f-mt-container, 100vw) - (var(--f-mt-unit, 1px) * var(--f-mt-min-container, 320))) / (var(--f-mt-max-container, 1920) - var(--f-mt-min-container, 320))), calc(var(--f-mt-unit, 1px) * var(--f-mt-max, 16)));}
.f-mt-xs,
[f-mt-xs=""]{--f-mt-min:12;--f-mt-max:16;margin-top:clamp(calc(var(--f-mt-unit, 1px) * var(--f-mt-min, 16)), calc(var(--f-mt-unit, 1px) * var(--f-mt-min, 16) + (var(--f-mt-max, 16) - var(--f-mt-min, 16)) * (var(--f-mt-container, 100vw) - (var(--f-mt-unit, 1px) * var(--f-mt-min-container, 320))) / (var(--f-mt-max-container, 1920) - var(--f-mt-min-container, 320))), calc(var(--f-mt-unit, 1px) * var(--f-mt-max, 16)));}
.f-mb-lg,
[f-mb-lg=""]{--f-mb-min:32;--f-mb-max:48;margin-bottom:clamp(calc(var(--f-mb-unit, 1px) * var(--f-mb-min, 16)), calc(var(--f-mb-unit, 1px) * var(--f-mb-min, 16) + (var(--f-mb-max, 16) - var(--f-mb-min, 16)) * (var(--f-mb-container, 100vw) - (var(--f-mb-unit, 1px) * var(--f-mb-min-container, 320))) / (var(--f-mb-max-container, 1920) - var(--f-mb-min-container, 320))), calc(var(--f-mb-unit, 1px) * var(--f-mb-max, 16)));}
.f-mb-sm{--f-mb-min:16;--f-mb-max:24;margin-bottom:clamp(calc(var(--f-mb-unit, 1px) * var(--f-mb-min, 16)), calc(var(--f-mb-unit, 1px) * var(--f-mb-min, 16) + (var(--f-mb-max, 16) - var(--f-mb-min, 16)) * (var(--f-mb-container, 100vw) - (var(--f-mb-unit, 1px) * var(--f-mb-min-container, 320))) / (var(--f-mb-max-container, 1920) - var(--f-mb-min-container, 320))), calc(var(--f-mb-unit, 1px) * var(--f-mb-max, 16)));}
[f-p-2xs=""]{--f-p-min:8;--f-p-max:12;padding:clamp(calc(var(--f-p-unit, 1px) * var(--f-p-min, 16)), calc(var(--f-p-unit, 1px) * var(--f-p-min, 16) + (var(--f-p-max, 16) - var(--f-p-min, 16)) * (var(--f-p-container, 100vw) - (var(--f-p-unit, 1px) * var(--f-p-min-container, 320))) / (var(--f-p-max-container, 1920) - var(--f-p-min-container, 320))), calc(var(--f-p-unit, 1px) * var(--f-p-max, 16)));}
.f-p-sm,
[f-p-sm=""],
[f-p~="sm"]{--f-p-min:16;--f-p-max:24;padding:clamp(calc(var(--f-p-unit, 1px) * var(--f-p-min, 16)), calc(var(--f-p-unit, 1px) * var(--f-p-min, 16) + (var(--f-p-max, 16) - var(--f-p-min, 16)) * (var(--f-p-container, 100vw) - (var(--f-p-unit, 1px) * var(--f-p-min-container, 320))) / (var(--f-p-max-container, 1920) - var(--f-p-min-container, 320))), calc(var(--f-p-unit, 1px) * var(--f-p-max, 16)));}
.f-p-xl,
[f-p-xl=""]{--f-p-min:48;--f-p-max:72;padding:clamp(calc(var(--f-p-unit, 1px) * var(--f-p-min, 16)), calc(var(--f-p-unit, 1px) * var(--f-p-min, 16) + (var(--f-p-max, 16) - var(--f-p-min, 16)) * (var(--f-p-container, 100vw) - (var(--f-p-unit, 1px) * var(--f-p-min-container, 320))) / (var(--f-p-max-container, 1920) - var(--f-p-min-container, 320))), calc(var(--f-p-unit, 1px) * var(--f-p-max, 16)));}
.f-p-xs,
[f-p-xs=""]{--f-p-min:12;--f-p-max:16;padding:clamp(calc(var(--f-p-unit, 1px) * var(--f-p-min, 16)), calc(var(--f-p-unit, 1px) * var(--f-p-min, 16) + (var(--f-p-max, 16) - var(--f-p-min, 16)) * (var(--f-p-container, 100vw) - (var(--f-p-unit, 1px) * var(--f-p-min-container, 320))) / (var(--f-p-max-container, 1920) - var(--f-p-min-container, 320))), calc(var(--f-p-unit, 1px) * var(--f-p-max, 16)));}
.f-rounded-md,
[f-rounded-md=""]{--f-rounded-min:6;--f-rounded-max:8;border-radius:clamp(calc(var(--f-rounded-unit, 1px) * var(--f-rounded-min, 16)), calc(var(--f-rounded-unit, 1px) * var(--f-rounded-min, 16) + (var(--f-rounded-max, 16) - var(--f-rounded-min, 16)) * (var(--f-rounded-container, 100vw) - (var(--f-rounded-unit, 1px) * var(--f-rounded-min-container, 320))) / (var(--f-rounded-max-container, 1920) - var(--f-rounded-min-container, 320))), calc(var(--f-rounded-unit, 1px) * var(--f-rounded-max, 16)));}
.f-rounded-xs,
[f-rounded-xs=""]{--f-rounded-min:2;--f-rounded-max:4;border-radius:clamp(calc(var(--f-rounded-unit, 1px) * var(--f-rounded-min, 16)), calc(var(--f-rounded-unit, 1px) * var(--f-rounded-min, 16) + (var(--f-rounded-max, 16) - var(--f-rounded-min, 16)) * (var(--f-rounded-container, 100vw) - (var(--f-rounded-unit, 1px) * var(--f-rounded-min-container, 320))) / (var(--f-rounded-max-container, 1920) - var(--f-rounded-min-container, 320))), calc(var(--f-rounded-unit, 1px) * var(--f-rounded-max, 16)));}
[data-state="open"].animate-accordion:not(:has([data-state="open"].animate-accordion)), [data-state="open"]:not(:has([data-state="open"] .animate-accordion)) .animate-accordion,
[data-state="open"][animate-accordion=""]:not(:has([data-state="open"][animate-accordion=""])), [data-state="open"]:not(:has([data-state="open"] [animate-accordion=""])) [animate-accordion=""]{animation:reka-down 0.2s ease-out;}
[data-state="closed"].animate-accordion:not(:has([data-state="closed"].animate-accordion)), [data-state="closed"]:not(:has([data-state="closed"] .animate-accordion)) .animate-accordion,
[data-state="closed"][animate-accordion=""]:not(:has([data-state="closed"][animate-accordion=""])), [data-state="closed"]:not(:has([data-state="closed"] [animate-accordion=""])) [animate-accordion=""]{animation:reka-up 0.2s ease-out;}
@media (max-width: calc(80rem - 0.1px)){
.max-xl\:f-px-lg,
[max-xl\:f-px-lg=""]{--f-px-min:32;--f-px-max:48;padding-left:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));padding-right:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));}
}
@media (min-width: 40rem){
.container,
[container=""]{max-width:10rem;}
}
@media (min-width: 48rem){
.container,
[container=""]{max-width:12rem;}
[f-px~="md\:xs"]{--f-px-min:12;--f-px-max:16;padding-left:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));padding-right:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));}
[f-pb~="md\:3xl"]{--f-pb-min:96;--f-pb-max:128;padding-bottom:clamp(calc(var(--f-pb-unit, 1px) * var(--f-pb-min, 16)), calc(var(--f-pb-unit, 1px) * var(--f-pb-min, 16) + (var(--f-pb-max, 16) - var(--f-pb-min, 16)) * (var(--f-pb-container, 100vw) - (var(--f-pb-unit, 1px) * var(--f-pb-min-container, 320))) / (var(--f-pb-max-container, 1920) - var(--f-pb-min-container, 320))), calc(var(--f-pb-unit, 1px) * var(--f-pb-max, 16)));}
[f-p~="md\:xs"]{--f-p-min:12;--f-p-max:16;padding:clamp(calc(var(--f-p-unit, 1px) * var(--f-p-min, 16)), calc(var(--f-p-unit, 1px) * var(--f-p-min, 16) + (var(--f-p-max, 16) - var(--f-p-min, 16)) * (var(--f-p-container, 100vw) - (var(--f-p-unit, 1px) * var(--f-p-min-container, 320))) / (var(--f-p-max-container, 1920) - var(--f-p-min-container, 320))), calc(var(--f-p-unit, 1px) * var(--f-p-max, 16)));}
}
@media (min-width: 64rem){
.container,
[container=""]{max-width:16rem;}
}
@media (min-width: 80rem){
.container,
[container=""]{max-width:20rem;}
.xl\:f-px-xl{--f-px-min:48;--f-px-max:72;padding-left:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));padding-right:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));}
.xl\:f-pl-xl{--f-pl-min:48;--f-pl-max:72;padding-left:clamp(calc(var(--f-pl-unit, 1px) * var(--f-pl-min, 16)), calc(var(--f-pl-unit, 1px) * var(--f-pl-min, 16) + (var(--f-pl-max, 16) - var(--f-pl-min, 16)) * (var(--f-pl-container, 100vw) - (var(--f-pl-unit, 1px) * var(--f-pl-min-container, 320))) / (var(--f-pl-max-container, 1920) - var(--f-pl-min-container, 320))), calc(var(--f-pl-unit, 1px) * var(--f-pl-max, 16)));}
.xl\:f-pr-xs{--f-pr-min:12;--f-pr-max:16;padding-right:clamp(calc(var(--f-pr-unit, 1px) * var(--f-pr-min, 16)), calc(var(--f-pr-unit, 1px) * var(--f-pr-min, 16) + (var(--f-pr-max, 16) - var(--f-pr-min, 16)) * (var(--f-pr-container, 100vw) - (var(--f-pr-unit, 1px) * var(--f-pr-min-container, 320))) / (var(--f-pr-max-container, 1920) - var(--f-pr-min-container, 320))), calc(var(--f-pr-unit, 1px) * var(--f-pr-max, 16)));}
}
@media (min-width: 96rem){
.container,
[container=""]{max-width:24rem;}
}
/* layer: onmax */
:where(.stack > *),
:where([stack=""] > *){grid-area:1 / 1;justify-self:center;align-self:center;}
.stack,
[stack=""]{width:100%;display:grid;place-content:center;grid-template-columns:1fr;grid-template-rows:1fr;}
/* layer: nq-static-content */
:root {
  /* Viewport widths */
  --f-space-width-min: 320;
  --f-space-width-max: 1440;
}

body:not(.nq-raw) {
  /* Base styles */
  background-color: var(--colors-neutral-100);

  --nq-max-width: 73rem;

  &:not(:where(.nq-no-color, [nq-no-color], .nq-prose, [nq-prose], .nq-prose-compact, [nq-prose-compact])) {
    color: var(--colors-neutral-800);
  }

  :not(:has(:is(.nq-raw, [nq-raw], .nq-prose, [nq-prose], .nq-prose-compact, [nq-prose-compact]) *)):not(
    :is(.nq-raw, [nq-raw], .nq-prose, [nq-prose], .nq-prose-compact, [nq-prose-compact]) *
  ) {
    --f-space-width-range: calc(var(--f-space-width-max) - var(--f-space-width-min));
    --f-space-scale-factor: calc((100vw - (1px * var(--f-space-width-min))) / var(--f-space-width-range));

    --f-font-size-range: calc(var(--font-size-max) - var(--font-size-min));
    --f-font-size-fluid: calc(1px * var(--font-size-min) + var(--f-font-size-range) * var(--f-space-scale-factor));
    --f-font-size: clamp(calc(1px * var(--font-size-min)), var(--f-font-size-fluid), calc(var(--font-size-max) * 1px));

    &:where(h1) {
      font-weight: 700;
      max-width: 26ch;
      text-align: left;
      margin: 0;
      line-height: 1.3;

      --font-size-min: 40;
      --font-size-max: 48;
      font-size: var(--f-font-size);

      &:where(.nq-heading-lg, [nq-heading-lg]) {
        --font-size-min: 36;
        --font-size-max: 64;
      }

      @media screen and (min-width: 768px) {
        text-align: center;
      }

      & + p {
        margin-top: 24px;
        max-width: 42ch;

        line-height: 1.5;
        --font-size-min: 20;
        --font-size-max: 22;
        font-size: var(--f-font-size);

        @media screen and (min-width: 768px) {
          text-align: center;
        }
      }
    }

    &:where(h2) {
      font-weight: 700;

      *:not(.nq-no-color):not([nq-no-color]):not(.nq-no-color *):not([nq-no-color] *) & {
        color: var(--colors-neutral);
      }

      max-width: 33ch;
      margin: 0;

      --font-size-min: 32;
      --font-size-max: 40;
      font-size: var(--f-font-size);
      line-height: 1.3;

      text-align: left;

      @media screen and (min-width: 768px) {
        text-align: center;
      }

      & + p {
        margin-top: 16px;
        color: color-mix(in oklch, var(--colors-neutral-800) 85%, transparent);

        max-width: 70ch;

        line-height: 1.5;
        --font-size-min: 20;
        --font-size-max: 22;
        font-size: var(--f-font-size);

        @media screen and (min-width: 768px) {
          text-align: center;
        }
      }
    }

    &:where(h3) {
      font-weight: 600;
      line-height: 1.3;
      --font-size-min: 22;
      --font-size-max: 28;
      font-size: var(--f-font-size);

      *:not(.nq-no-color):not([nq-no-color]):not(.nq-no-color *):not([nq-no-color] *) & {
        color: var(--colors-neutral);
      }

      & + p {
        margin-top: 16px;

        line-height: 1.5;
        --font-size-min: 18;
        --font-size-max: 20;
        font-size: var(--f-font-size);
      }
    }

    &:where(h4) {
      font-weight: 600;
      line-height: 1.3;
      --font-size-min: 20;
      --font-size-max: 22;
      font-size: var(--f-font-size);

      /* We change the color except if there is parent that change the color */
      *:not(.nq-no-color):not([nq-no-color]):not(.nq-no-color *):not([nq-no-color] *) & {
        color: var(--colors-neutral);
      }
    }
  }

  :where(section, [data-section]) {
    display: flex;
    flex-direction: column;
    justify-content: center;

    @media screen and (min-width: 769px) {
      align-items: center;
    }

    margin-left: auto;
    margin-right: auto;

    --f-space-width-range: calc(var(--f-space-width-max) - var(--f-space-width-min));
    --f-space-scale-factor: calc((100vw - (1px * var(--f-space-width-min))) / var(--f-space-width-range));
    --f-space-width-min: 320;
    --f-space-width-max: 1440;

    --f-pt-range: calc(var(--f-pt-max) - var(--f-pt-min));
    --f-pt-fluid: calc(1px * var(--f-pt-min) + var(--f-pt-range) * var(--f-space-scale-factor));
    --f-pt: clamp(calc(1px * var(--f-pt-min)), var(--f-pt-fluid), calc(var(--f-pt-max) * 1px));
    --pt: var(--f-pt);

    --f-pb-range: calc(var(--f-pb-max) - var(--f-pb-min));
    --f-pb-fluid: calc(1px * var(--f-pb-min) + var(--f-pb-range) * var(--f-space-scale-factor));
    --f-pb: clamp(calc(1px * var(--f-pb-min)), var(--f-pb-fluid), calc(var(--f-pb-max) * 1px));
    --pb: var(--f-pb);

    --f-px-range: calc(var(--f-px-max) - var(--f-px-min));
    --f-px-fluid: calc(1px * var(--f-px-min) + var(--f-px-range) * var(--f-space-scale-factor));
    --f-px: clamp(calc(1px * var(--f-px-min)), var(--f-px-fluid), calc(var(--f-px-max) * 1px));
    --px: var(--f-px);

    --nq-max-width: calc(100vw - 4rem);

    @media screen and (min-width: 1152px) {
      --nq-max-width: calc(100vw - 9rem);
    }

    @media screen and (min-width: 1440px) {
      --nq-max-width: 73rem;
    }

    &:is(.nq-wide, [nq-wide]) {
      --nq-max-width: none;
      --px: 0;
      width: 100%;
      margin: 0 auto;
      align-items: center;
    }

    &:is(.bg-darkblue, [bg-darkblue], .bg-darkerblue, [bg-darkerblue]) {
      color-scheme: dark;
    }

    padding: var(--pt, 0) var(--px, 0) var(--pb, 0) var(--px, 0);

    > * {
      max-width: var(--nq-max-width);
    }

    --f-px-min: 32;
    --f-px-max: 80;

    --f-pt-min: 160;
    --f-pt-max: 200;

    :is(
      &:where(.bg-darkblue, [bg-darkblue]):has(
          + :where(section, [data-section]):not(:where(.nq-section-gap, [nq-section-gap])):where(
              .bg-darkblue,
              [bg-darkblue]
            )
        ),
      &:where(.bg-darkerblue, [bg-darkerblue]):has(
          + :where(section, [data-section]):not(:where(.nq-section-gap, [nq-section-gap])):where(
              .bg-darkerblue,
              [bg-darkerblue]
            )
        ),
      &:where(.bg-neutral-100, [bg-neutral-100]):has(
          + :where(section, [data-section]):not(:where(.nq-section-gap, [nq-section-gap])):where(
              .bg-neutral-100,
              [bg-neutral-100]
            )
        ),
      &:where(.bg-neutral-0, [bg-neutral-0]):has(
          + :where(section, [data-section]):not(:where(.nq-section-gap, [nq-section-gap])):where(
              .bg-neutral-0,
              [bg-neutral-0]
            )
        )
    ) {
      --f-pb-min: 36;
      --f-pb-max: 48;

      + :where(section, [data-section]) {
        --f-pt-min: 36;
        --f-pt-max: 48;
      }
    }

    &:where(.bg-darkblue, [bg-darkblue], .bg-darkerblue, [bg-darkerblue]):has(
        + :where(section, [data-section]):where(
            .bg-neutral-100,
            .bg-neutral-0,
            [bg-neutral-100],
            [bg-neutral-0],
            .nq-section-gap,
            [nq-section-gap]
          )
      ),
    &:where(.bg-neutral-0, [bg-neutral-0], .bg-neutral-100, [bg-neutral-100]):has(
        + :where(section, [data-section]):where(
            .bg-darkblue,
            [bg-darkblue],
            .bg-darkerblue,
            [bg-darkerblue],
            .nq-section-gap,
            [nq-section-gap]
          )
      ),
    &:where(.bg-neutral-0, [bg-neutral-0]):has(
        + :where(section, [data-section]):where(
            .bg-neutral-100,
            [bg-neutral-100],
            .bg-darkblue,
            [bg-darkblue],
            .bg-darkerblue,
            [bg-darkerblue],
            .nq-section-gap,
            [nq-section-gap]
          )
      ),
    &:where(.bg-darkblue, [bg-darkblue], .bg-neutral-100, [bg-neutral-100], .bg-darkerblue, [bg-darkerblue]):has(
        + :where(section, [data-section]):where(.bg-neutral-0, [bg-neutral-0], .nq-section-gap, [nq-section-gap])
      ),
    &:where(.bg-neutral-100, [bg-neutral-100]):has(
        + :where(section, [data-section]):where(
            .bg-darkblue,
            [bg-darkblue],
            .bg-neutral-0,
            [bg-neutral-0],
            .bg-darkerblue,
            [bg-darkerblue],
            .nq-section-gap,
            [nq-section-gap]
          )
      ),
    &:where(.bg-neutral-0, [bg-neutral-0], .bg-darkblue, [bg-darkblue], .bg-darkerblue, [bg-darkerblue]):has(
        + :where(section, [data-section]):where(.bg-neutral-100, [bg-neutral-100], .nq-section-gap, [nq-section-gap])
      ) {
      --f-pb-min: 160;
      --f-pb-max: 200;
    }

    &:last-child {
      --f-pb-min: 32;
      --f-pb-max: 48;
    }

    &:where(.nq-overlaps, [nq-overlaps]) {
      --pb: 0;

      > * {
        position: relative;
        z-index: 2;

        --f-mb-min: 48;
        --f-mb-max: 64;
        --f-mb-range: calc(var(--f-mb-max) - var(--f-mb-min));
        --f-mb-fluid: calc(1px * var(--f-mb-min) + var(--f-mb-range) * var(--f-space-scale-factor));
        --f-mb: clamp(calc(1px * var(--f-mb-min)), var(--f-mb-fluid), calc(var(--f-mb-max) * 1px));
        bottom: calc(var(--f-mb) * -1);
      }

      + :where(section, [data-section]) {
        --f-pt-min: 224;
        --f-pt-max: 272;
      }
    }
  }
}

/* layer: nq-utilities */
@property --nq-gradient-from {   syntax: '<color>';
  inherits: false;
  initial-value: #0000;
 }
@property --nq-gradient-to {   syntax: '<color>';
  inherits: false;
  initial-value: #0000;
 }
@property --nq-gradient-stops {   syntax: '*';
  inherits: false;
 }
@keyframes mask-up {   100% {
    mask-size: 100% var(--mask-size),
      100% 100%,
      100% var(--mask-size);
  }
 }
@keyframes mask-down {   100% {
    mask-size: 100% var(--mask-size),
      100% 100%,
      100% 0;
  }
 }

.nq-label{  text-transform: uppercase;
  letter-spacing: 0.17em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: var(--colors-neutral-800);
  :where([data-inverted] *) & {
    color: color-mix(in oklch, var(--colors-neutral-0) 80%, transparent);
  }
  :where(.dark, [data-theme='dark']) & {
    color: color-mix(in oklch, var(--colors-white) 70%, transparent);
  }
}
[nq-label=""]{  text-transform: uppercase;
  letter-spacing: 0.17em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: var(--colors-neutral-800);
  :where([data-inverted] *) & {
    color: color-mix(in oklch, var(--colors-neutral-0) 80%, transparent);
  }
  :where(.dark, [data-theme='dark']) & {
    color: color-mix(in oklch, var(--colors-white) 70%, transparent);
  }
}
.nq-arrow{  a[href^='http'] &::after,
  &[href^='http']::after {
    margin-bottom: 1px;
    rotate: 0.375turn;
  }
  &::after {
    content: '';
    position: relative;
    display: inline-block;
    -webkit-mask: var(--nq-icon) no-repeat;
    mask: var(--nq-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: inherit;
    margin-left: 0.4em;
    transition: transform 100ms ease-out;
    width: 0.7em;
    height: 0.7em;
    --nq-icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTIgMTIiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTQuNjY2IDEwIDEgNmwzLjY2Ny00TTIuNjE5IDZIMTEiLz48L3N2Zz4=');
  }
  a:where(:not([href^='http'])) &::after,
  &:where(:not([href^='http']))::after {
    margin-bottom: 1px;
    rotate: 0.5turn;
  }
  &:hover::after {
    transform: translateX(-0.25em);
  }
  a:hover &::after {
    transform: translateX(-0.25em);
  }
}
[nq-arrow=""]{  a[href^='http'] &::after,
  &[href^='http']::after {
    margin-bottom: 1px;
    rotate: 0.375turn;
  }
  &::after {
    content: '';
    position: relative;
    display: inline-block;
    -webkit-mask: var(--nq-icon) no-repeat;
    mask: var(--nq-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
    color: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: inherit;
    margin-left: 0.4em;
    transition: transform 100ms ease-out;
    width: 0.7em;
    height: 0.7em;
    --nq-icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTIgMTIiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTQuNjY2IDEwIDEgNmwzLjY2Ny00TTIuNjE5IDZIMTEiLz48L3N2Zz4=');
  }
  a:where(:not([href^='http'])) &::after,
  &:where(:not([href^='http']))::after {
    margin-bottom: 1px;
    rotate: 0.5turn;
  }
  &:hover::after {
    transform: translateX(-0.25em);
  }
  a:hover &::after {
    transform: translateX(-0.25em);
  }
}
[nq-pill-lg=""]{  position: relative;
  font-weight: bold;
  font-size: 0.875rem;
  padding: 0.1875rem 0.8125rem;
  border: none;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  line-height: 1.5;
  height: max-content;
  width: max-content;
  text-decoration: none;
  color: white;
  outline: none;
  background-image: radial-gradient(at 100% 100% in oklab, var(--nq-gradient-from) 0%, var(--nq-gradient-to) 100%);
  --transitions: --nq-gradient-from 200ms var(--nq-ease), --nq-gradient-to 200ms var(--nq-ease);
  transition: var(--transitions);
  &:where(.nq-pill-lg, [nq-pill-lg]) {
    font-size: 1rem;
    padding: 0.3125rem 1rem;
  }
  &:where(.nq-pill-xl, [nq-pill-xl]) {
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: transform 450ms var(--nq-ease),
      box-shadow 450ms var(--nq-ease),
      background-color 250ms var(--nq-ease),
      var(--transitions);
    will-change: box-shadow;
    text-transform: uppercase;
    letter-spacing: 0.094em;
    min-width: 12.5rem;
    flex: 1;
    padding: 1.25rem 2rem;
    line-height: 1.25rem;
    font-size: 1rem;
    gap: 0.5rem;
    border-radius: 9999px;
    margin: 1rem;
    &:where(:hover, :focus) {
      box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.2);
      transform: translate3D(0, -2px, 0);
    }
    &:active {
      outline: none;
      box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.2);
      transform: translate3D(0, 1px, 0);
      transition: transform 200ms cubic-bezier(0.41, 0.34, 0.26, 1.55),
        box-shadow 200ms cubic-bezier(0.41, 0.34, 0.26, 1.55),
        background-color 200ms var(--nq-ease),
        var(--transitions);
    }
  }
  &:where([disabled]) {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
  }
  &:not([disabled]):where(:hover, :active, :focus)::before {
    opacity: 1;
  }
  &:focus-visible {
    outline: 2px solid var(--colors-blue);
    outline-offset: 3px;
  }
}
.nq-pill-blue{  position: relative;
  font-weight: bold;
  font-size: 0.875rem;
  padding: 0.1875rem 0.8125rem;
  border: none;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  line-height: 1.5;
  height: max-content;
  width: max-content;
  text-decoration: none;
  color: white;
  outline: none;
  background-image: radial-gradient(at 100% 100% in oklab, var(--nq-gradient-from) 0%, var(--nq-gradient-to) 100%);
  --transitions: --nq-gradient-from 200ms var(--nq-ease), --nq-gradient-to 200ms var(--nq-ease);
  transition: var(--transitions);
  &:where(.nq-pill-lg, [nq-pill-lg]) {
    font-size: 1rem;
    padding: 0.3125rem 1rem;
  }
  &:where(.nq-pill-xl, [nq-pill-xl]) {
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: transform 450ms var(--nq-ease),
      box-shadow 450ms var(--nq-ease),
      background-color 250ms var(--nq-ease),
      var(--transitions);
    will-change: box-shadow;
    text-transform: uppercase;
    letter-spacing: 0.094em;
    min-width: 12.5rem;
    flex: 1;
    padding: 1.25rem 2rem;
    line-height: 1.25rem;
    font-size: 1rem;
    gap: 0.5rem;
    border-radius: 9999px;
    margin: 1rem;
    &:where(:hover, :focus) {
      box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.2);
      transform: translate3D(0, -2px, 0);
    }
    &:active {
      outline: none;
      box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.2);
      transform: translate3D(0, 1px, 0);
      transition: transform 200ms cubic-bezier(0.41, 0.34, 0.26, 1.55),
        box-shadow 200ms cubic-bezier(0.41, 0.34, 0.26, 1.55),
        background-color 200ms var(--nq-ease),
        var(--transitions);
    }
  }
  &:where([disabled]) {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
  }
  &:not([disabled]):where(:hover, :active, :focus)::before {
    opacity: 1;
  }
  &:focus-visible {
    outline: 2px solid var(--colors-blue);
    outline-offset: 3px;
  }
  --nq-gradient-from: var(--colors-blue-gradient-from);
  --nq-gradient-to: var(--colors-blue-gradient-to);
  &:hover,
  &:focus-visible {
    --nq-gradient-from: var(--colors-blue-gradient-darkened-from);
    --nq-gradient-to: var(--colors-blue-gradient-darkened-to);
  }
}
[nq-pill-blue=""]{  position: relative;
  font-weight: bold;
  font-size: 0.875rem;
  padding: 0.1875rem 0.8125rem;
  border: none;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  line-height: 1.5;
  height: max-content;
  width: max-content;
  text-decoration: none;
  color: white;
  outline: none;
  background-image: radial-gradient(at 100% 100% in oklab, var(--nq-gradient-from) 0%, var(--nq-gradient-to) 100%);
  --transitions: --nq-gradient-from 200ms var(--nq-ease), --nq-gradient-to 200ms var(--nq-ease);
  transition: var(--transitions);
  &:where(.nq-pill-lg, [nq-pill-lg]) {
    font-size: 1rem;
    padding: 0.3125rem 1rem;
  }
  &:where(.nq-pill-xl, [nq-pill-xl]) {
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: transform 450ms var(--nq-ease),
      box-shadow 450ms var(--nq-ease),
      background-color 250ms var(--nq-ease),
      var(--transitions);
    will-change: box-shadow;
    text-transform: uppercase;
    letter-spacing: 0.094em;
    min-width: 12.5rem;
    flex: 1;
    padding: 1.25rem 2rem;
    line-height: 1.25rem;
    font-size: 1rem;
    gap: 0.5rem;
    border-radius: 9999px;
    margin: 1rem;
    &:where(:hover, :focus) {
      box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.2);
      transform: translate3D(0, -2px, 0);
    }
    &:active {
      outline: none;
      box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.2);
      transform: translate3D(0, 1px, 0);
      transition: transform 200ms cubic-bezier(0.41, 0.34, 0.26, 1.55),
        box-shadow 200ms cubic-bezier(0.41, 0.34, 0.26, 1.55),
        background-color 200ms var(--nq-ease),
        var(--transitions);
    }
  }
  &:where([disabled]) {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
  }
  &:not([disabled]):where(:hover, :active, :focus)::before {
    opacity: 1;
  }
  &:focus-visible {
    outline: 2px solid var(--colors-blue);
    outline-offset: 3px;
  }
  --nq-gradient-from: var(--colors-blue-gradient-from);
  --nq-gradient-to: var(--colors-blue-gradient-to);
  &:hover,
  &:focus-visible {
    --nq-gradient-from: var(--colors-blue-gradient-darkened-from);
    --nq-gradient-to: var(--colors-blue-gradient-darkened-to);
  }
}
.nq-pill-secondary{  position: relative;
  font-weight: bold;
  font-size: 0.875rem;
  padding: 0.1875rem 0.8125rem;
  border: none;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  line-height: 1.5;
  height: max-content;
  width: max-content;
  text-decoration: none;
  color: white;
  outline: none;
  background-image: radial-gradient(at 100% 100% in oklab, var(--nq-gradient-from) 0%, var(--nq-gradient-to) 100%);
  --transitions: --nq-gradient-from 200ms var(--nq-ease), --nq-gradient-to 200ms var(--nq-ease);
  transition: var(--transitions);
  &:where(.nq-pill-lg, [nq-pill-lg]) {
    font-size: 1rem;
    padding: 0.3125rem 1rem;
  }
  &:where(.nq-pill-xl, [nq-pill-xl]) {
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: transform 450ms var(--nq-ease),
      box-shadow 450ms var(--nq-ease),
      background-color 250ms var(--nq-ease),
      var(--transitions);
    will-change: box-shadow;
    text-transform: uppercase;
    letter-spacing: 0.094em;
    min-width: 12.5rem;
    flex: 1;
    padding: 1.25rem 2rem;
    line-height: 1.25rem;
    font-size: 1rem;
    gap: 0.5rem;
    border-radius: 9999px;
    margin: 1rem;
    &:where(:hover, :focus) {
      box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.2);
      transform: translate3D(0, -2px, 0);
    }
    &:active {
      outline: none;
      box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.2);
      transform: translate3D(0, 1px, 0);
      transition: transform 200ms cubic-bezier(0.41, 0.34, 0.26, 1.55),
        box-shadow 200ms cubic-bezier(0.41, 0.34, 0.26, 1.55),
        background-color 200ms var(--nq-ease),
        var(--transitions);
    }
  }
  &:where([disabled]) {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
  }
  &:not([disabled]):where(:hover, :active, :focus)::before {
    opacity: 1;
  }
  &:focus-visible {
    outline: 2px solid var(--colors-blue);
    outline-offset: 3px;
  }
  background: var(--colors-neutral-400);
  color: var(--colors-neutral);
  transition: background 200ms ease-in-out;
  &:hover,
  &:focus-visible {
    background: var(--colors-neutral-500);
  }
  :where(
      .dark,
      [data-theme='dark'],
      :where(.bg-darkblue &, &:where(.bg-darkblue, [bg-darkblue])),
      :where(.bg-neutral &, &:where(.bg-neutral, [bg-neutral])),
      :where(.bg-darkerblue &, &:where(.bg-darkerblue, [bg-darkerblue]))
    )
    & {
    background: color-mix(in oklch, var(--colors-white) 10%, transparent);
    &:hover,
    &:focus-visible {
      background: color-mix(in oklch, var(--colors-white) 20%, transparent);
    }
  }
}
.nq-pill-tertiary{  position: relative;
  font-weight: bold;
  font-size: 0.875rem;
  padding: 0.1875rem 0.8125rem;
  border: none;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  line-height: 1.5;
  height: max-content;
  width: max-content;
  text-decoration: none;
  color: white;
  outline: none;
  background-image: radial-gradient(at 100% 100% in oklab, var(--nq-gradient-from) 0%, var(--nq-gradient-to) 100%);
  --transitions: --nq-gradient-from 200ms var(--nq-ease), --nq-gradient-to 200ms var(--nq-ease);
  transition: var(--transitions);
  &:where(.nq-pill-lg, [nq-pill-lg]) {
    font-size: 1rem;
    padding: 0.3125rem 1rem;
  }
  &:where(.nq-pill-xl, [nq-pill-xl]) {
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: transform 450ms var(--nq-ease),
      box-shadow 450ms var(--nq-ease),
      background-color 250ms var(--nq-ease),
      var(--transitions);
    will-change: box-shadow;
    text-transform: uppercase;
    letter-spacing: 0.094em;
    min-width: 12.5rem;
    flex: 1;
    padding: 1.25rem 2rem;
    line-height: 1.25rem;
    font-size: 1rem;
    gap: 0.5rem;
    border-radius: 9999px;
    margin: 1rem;
    &:where(:hover, :focus) {
      box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.2);
      transform: translate3D(0, -2px, 0);
    }
    &:active {
      outline: none;
      box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.2);
      transform: translate3D(0, 1px, 0);
      transition: transform 200ms cubic-bezier(0.41, 0.34, 0.26, 1.55),
        box-shadow 200ms cubic-bezier(0.41, 0.34, 0.26, 1.55),
        background-color 200ms var(--nq-ease),
        var(--transitions);
    }
  }
  &:where([disabled]) {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
  }
  &:not([disabled]):where(:hover, :active, :focus)::before {
    opacity: 1;
  }
  &:focus-visible {
    outline: 2px solid var(--colors-blue);
    outline-offset: 3px;
  }
  outline: 0 0 0 1.5px var(--colors-neutral-500);
  color: var(--colors-neutral);
  background: var(--colors-neutral-0);
  &:hover {
    background: var(--colors-neutral-50);
    outline-color: var(--colors-neutral-600);
    .dark & {
      background: var(--colors-neutral-200);
    }
  }
}
[nq-pill-tertiary=""]{  position: relative;
  font-weight: bold;
  font-size: 0.875rem;
  padding: 0.1875rem 0.8125rem;
  border: none;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  line-height: 1.5;
  height: max-content;
  width: max-content;
  text-decoration: none;
  color: white;
  outline: none;
  background-image: radial-gradient(at 100% 100% in oklab, var(--nq-gradient-from) 0%, var(--nq-gradient-to) 100%);
  --transitions: --nq-gradient-from 200ms var(--nq-ease), --nq-gradient-to 200ms var(--nq-ease);
  transition: var(--transitions);
  &:where(.nq-pill-lg, [nq-pill-lg]) {
    font-size: 1rem;
    padding: 0.3125rem 1rem;
  }
  &:where(.nq-pill-xl, [nq-pill-xl]) {
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: transform 450ms var(--nq-ease),
      box-shadow 450ms var(--nq-ease),
      background-color 250ms var(--nq-ease),
      var(--transitions);
    will-change: box-shadow;
    text-transform: uppercase;
    letter-spacing: 0.094em;
    min-width: 12.5rem;
    flex: 1;
    padding: 1.25rem 2rem;
    line-height: 1.25rem;
    font-size: 1rem;
    gap: 0.5rem;
    border-radius: 9999px;
    margin: 1rem;
    &:where(:hover, :focus) {
      box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.2);
      transform: translate3D(0, -2px, 0);
    }
    &:active {
      outline: none;
      box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.2);
      transform: translate3D(0, 1px, 0);
      transition: transform 200ms cubic-bezier(0.41, 0.34, 0.26, 1.55),
        box-shadow 200ms cubic-bezier(0.41, 0.34, 0.26, 1.55),
        background-color 200ms var(--nq-ease),
        var(--transitions);
    }
  }
  &:where([disabled]) {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
  }
  &:not([disabled]):where(:hover, :active, :focus)::before {
    opacity: 1;
  }
  &:focus-visible {
    outline: 2px solid var(--colors-blue);
    outline-offset: 3px;
  }
  outline: 0 0 0 1.5px var(--colors-neutral-500);
  color: var(--colors-neutral);
  background: var(--colors-neutral-0);
  &:hover {
    background: var(--colors-neutral-50);
    outline-color: var(--colors-neutral-600);
    .dark & {
      background: var(--colors-neutral-200);
    }
  }
}
.nq-switch{  &:where(input[type='checkbox']) {
    --active-color: var(--colors-neutral-300);
    appearance: none;
    font-size: 1em;
    width: 2em;
    height: max-content;
    aspect-ratio: 1.625;
    border-radius: 2em;
    background: var(--active-color);
    position: relative;
    cursor: pointer;
    &::before {
      content: '';
      position: absolute;
      transform: translate(-50%, -50%);
      top: 50%;
      left: 0.6em;
      width: 0.9em;
      height: 0.9em;
      border: 1px solid color-mix(in oklch, var(--colors-neutral) 2%, transparent);
      border-radius: 50%;
      background: #ffffff;
      transition: left 100ms ease-out;
      box-shadow: var(--nq-shadow);
    }
    &:checked {
      --active-color: var(--colors-blue);
      &::before {
        left: 1.4em;
      }
    }
    @media (prefers-reduced-motion) {
      transition-duration: 0s;
      &::before {
        transition-duration: 0s;
      }
    }
    &[disabled] {
      opacity: 0.6;
      cursor: not-allowed;
    }
  }
}
[nq-switch=""]{  &:where(input[type='checkbox']) {
    --active-color: var(--colors-neutral-300);
    appearance: none;
    font-size: 1em;
    width: 2em;
    height: max-content;
    aspect-ratio: 1.625;
    border-radius: 2em;
    background: var(--active-color);
    position: relative;
    cursor: pointer;
    &::before {
      content: '';
      position: absolute;
      transform: translate(-50%, -50%);
      top: 50%;
      left: 0.6em;
      width: 0.9em;
      height: 0.9em;
      border: 1px solid color-mix(in oklch, var(--colors-neutral) 2%, transparent);
      border-radius: 50%;
      background: #ffffff;
      transition: left 100ms ease-out;
      box-shadow: var(--nq-shadow);
    }
    &:checked {
      --active-color: var(--colors-blue);
      &::before {
        left: 1.4em;
      }
    }
    @media (prefers-reduced-motion) {
      transition-duration: 0s;
      &::before {
        transition-duration: 0s;
      }
    }
    &[disabled] {
      opacity: 0.6;
      cursor: not-allowed;
    }
  }
}
.nq-input-box{  font-size: 1em;
  line-height: 1.5;
  padding: 0.28125em 0.875em;
  height: max-content;
  min-width: min(8em, 220px);
  border-radius: 0.125em;
  width: 100%;
  background-color: transparent;
  transition: colors 0.2s var(--nq-ease),
    box-shadow 0.1s var(--nq-ease);
  --color: var(--colors-neutral);
  --placeholder-color: var(--colors-neutral-700);
  --outline-color: var(--colors-neutral-500);
  outline: 1.5px solid var(--outline-color);
  color: var(--color);
  :where([data-inverted] *) & {
    --placeholder-color: color-mix(in oklch, var(--colors-neutral-0) 80%, transparent);
  }
  &::placeholder {
    color: var(--placeholder-color);
  }
  &:not(.nq-invalid, :user-invalid):where(:hover, :focus, :focus-within) {
    --color: var(--colors-blue);
    --outline-color: color-mix(in oklch, var(--colors-blue) 30%, transparent);
    &::placeholder {
      --placeholder-color: color-mix(in oklch, var(--colors-blue) 60%, transparent);
    }
    &:focus:valid,
    &:focus-within:valid {
      --outline-color: var(--colors-blue);
    }
  }
  &:where(.nq-invalid, :user-invalid) {
    --color: var(--colors-orange);
    outline-color: color-mix(in oklch, var(--colors-orange) 40%, transparent);
    &::placeholder {
      --placeholder-color: color-mix(in oklch, var(--colors-orange) 70%, transparent);
    }
    &:hover,
    &:focus,
    &:focus-within {
      outline-color: var(--colors-orange);
    }
  }
  &:where(textarea, :has(textarea)) {
    --padding: 0.25em;
    min-height: calc(3lh + 2 * var(--padding));
    max-height: calc(5lh + 2 * var(--padding));
    field-sizing: content;
    padding: var(--padding) calc(var(--padding) + ((1lh - 1ex) / 2));
  }
}
[nq-input-box=""]{  font-size: 1em;
  line-height: 1.5;
  padding: 0.28125em 0.875em;
  height: max-content;
  min-width: min(8em, 220px);
  border-radius: 0.125em;
  width: 100%;
  background-color: transparent;
  transition: colors 0.2s var(--nq-ease),
    box-shadow 0.1s var(--nq-ease);
  --color: var(--colors-neutral);
  --placeholder-color: var(--colors-neutral-700);
  --outline-color: var(--colors-neutral-500);
  outline: 1.5px solid var(--outline-color);
  color: var(--color);
  :where([data-inverted] *) & {
    --placeholder-color: color-mix(in oklch, var(--colors-neutral-0) 80%, transparent);
  }
  &::placeholder {
    color: var(--placeholder-color);
  }
  &:not(.nq-invalid, :user-invalid):where(:hover, :focus, :focus-within) {
    --color: var(--colors-blue);
    --outline-color: color-mix(in oklch, var(--colors-blue) 30%, transparent);
    &::placeholder {
      --placeholder-color: color-mix(in oklch, var(--colors-blue) 60%, transparent);
    }
    &:focus:valid,
    &:focus-within:valid {
      --outline-color: var(--colors-blue);
    }
  }
  &:where(.nq-invalid, :user-invalid) {
    --color: var(--colors-orange);
    outline-color: color-mix(in oklch, var(--colors-orange) 40%, transparent);
    &::placeholder {
      --placeholder-color: color-mix(in oklch, var(--colors-orange) 70%, transparent);
    }
    &:hover,
    &:focus,
    &:focus-within {
      outline-color: var(--colors-orange);
    }
  }
  &:where(textarea, :has(textarea)) {
    --padding: 0.25em;
    min-height: calc(3lh + 2 * var(--padding));
    max-height: calc(5lh + 2 * var(--padding));
    field-sizing: content;
    padding: var(--padding) calc(var(--padding) + ((1lh - 1ex) / 2));
  }
}
.nq-card{  & {
    background-color: var(--colors-neutral-50);
    color: var(--colors-neutral);
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    outline: 1.5px solid color-mix(in oklch, var(--colors-neutral) 4%, transparent);
    outline-offset: -1.5px;
    padding: 1.5rem;
  }
}
.nq-hoverable{  --nq-gradient-from: var(--colors-neutral-300);
  --nq-gradient-to: color-mix(in oklch, var(--colors-neutral-300) 65%, transparent);
  background-image: radial-gradient(at 100% 100% in oklab, var(--nq-gradient-from) 0%, var(--nq-gradient-to) 100%);
  color: var(--colors-neutral);
  border-radius: 0.5rem;
  outline: 1.5px solid color-mix(in oklch, var(--colors-neutral) 4%, transparent);
  outline-offset: -1.5px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  padding: 1.5rem;
  cursor: pointer;
  transition: --nq-gradient-from 300ms var(--nq-ease),
    --nq-gradient-to 300ms var(--nq-ease),
    transform 200ms ease-out,
    box-shadow 200ms ease-out,
    color 200ms ease-out,
    outline-color 200ms ease-out;
  @media (hover: hover) {
    &:where(:hover, :focus-visible) {
      --nq-gradient-from: var(--colors-white);
      --nq-gradient-to: var(--colors-white);
      color: var(--hoverable-text, var(--colors-darkblue));
      box-shadow: var(--nq-shadow);
      outline-color: color-mix(in oklch, var(--colors-neutral) 2%, transparent);
      transform: translateY(-0.375rem);
    }
    > * {
      z-index: 1;
    }
  }
}
[nq-hoverable=""]{  --nq-gradient-from: var(--colors-neutral-300);
  --nq-gradient-to: color-mix(in oklch, var(--colors-neutral-300) 65%, transparent);
  background-image: radial-gradient(at 100% 100% in oklab, var(--nq-gradient-from) 0%, var(--nq-gradient-to) 100%);
  color: var(--colors-neutral);
  border-radius: 0.5rem;
  outline: 1.5px solid color-mix(in oklch, var(--colors-neutral) 4%, transparent);
  outline-offset: -1.5px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  padding: 1.5rem;
  cursor: pointer;
  transition: --nq-gradient-from 300ms var(--nq-ease),
    --nq-gradient-to 300ms var(--nq-ease),
    transform 200ms ease-out,
    box-shadow 200ms ease-out,
    color 200ms ease-out,
    outline-color 200ms ease-out;
  @media (hover: hover) {
    &:where(:hover, :focus-visible) {
      --nq-gradient-from: var(--colors-white);
      --nq-gradient-to: var(--colors-white);
      color: var(--hoverable-text, var(--colors-darkblue));
      box-shadow: var(--nq-shadow);
      outline-color: color-mix(in oklch, var(--colors-neutral) 2%, transparent);
      transform: translateY(-0.375rem);
    }
    > * {
      z-index: 1;
    }
  }
}
/* layer: default */
.text-11,
[text-11=""]{font-size:0.6875rem;}
.text-12,
[text-12=""],
[text~="\31 2"]{font-size:0.75rem;}
.text-14,
[text-14=""]{font-size:0.875rem;}
.text-16,
[text-16=""]{font-size:1rem;}
.text-17,
[text-17=""]{font-size:1.0625rem;}
.text-18{font-size:1.125rem;}
.text-20,
[text-20=""]{font-size:1.25rem;}
.text-9,
[text-9=""],
[text~="\39 "]{font-size:0.5625rem;}
[text~="\31 0"]{font-size:0.625rem;}
[text~="\38 "]{font-size:0.5rem;}
:where(.group,[group]):hover .group-hocus\:text-white\!, :where(.group,[group]):focus-visible .group-hocus\:text-white\!{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */ !important;}
:where(.group,[group]):hover [text~="group-hocus\:blue"], :where(.group,[group]):focus-visible [text~="group-hocus\:blue"],
.data-\[highlighted\]\:text-blue[data-highlighted],
.text-blue,
[data-state="active"].reka-active\:text-blue:not(:has([data-state="active"].reka-active\:text-blue)), [data-state="active"]:not(:has([data-state="active"] .reka-active\:text-blue)) .reka-active\:text-blue,
[data-state="active"][reka-active\:text-blue=""]:not(:has([data-state="active"][reka-active\:text-blue=""])), [data-state="active"]:not(:has([data-state="active"] [reka-active\:text-blue=""])) [reka-active\:text-blue=""],
[data-state="active"][text~="reka-active\:blue"]:not(:has([data-state="active"][text~="reka-active\:blue"])), [data-state="active"]:not(:has([data-state="active"] [text~="reka-active\:blue"])) [text~="reka-active\:blue"],
[un-text-blue=""],
[group=""]:focus-within [text~="group-focus-within\:blue"]{color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5849 0.1438 244.29), oklch(0.6982 0.1694 243.83)) */;}
:where(.group,[group]):hover [text~="group-hocus\:neutral-700"], :where(.group,[group]):focus-visible [text~="group-hocus\:neutral-700"],
.text-neutral-700,
[text-neutral-700=""],
[text~="neutral-700"],
[un-text-neutral-700=""],
[un-text~="neutral-700"]{color:color-mix(in srgb, var(--colors-neutral-700) var(--un-text-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
:where(.inverted,[data-inverted]).data-inverted\:text-white, :where(.inverted,[data-inverted]) .data-inverted\:text-white,
:where(.inverted,[data-inverted])[data-inverted\:text-white=""], :where(.inverted,[data-inverted]) [data-inverted\:text-white=""],
.text-white,
[text-white=""]{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */;}
:where(.inverted,[data-inverted])[text~="data-inverted\:white\/50"], :where(.inverted,[data-inverted]) [text~="data-inverted\:white\/50"]{color:color-mix(in srgb, var(--colors-white) 50%, transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */;}
:where(.inverted,[data-inverted])[text~="data-inverted\:white\/60"], :where(.inverted,[data-inverted]) [text~="data-inverted\:white\/60"]{color:color-mix(in srgb, var(--colors-white) 60%, transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */;}
.dark .dark\:text-neutral-300,
.dark [dark\:text-neutral-300=""]{color:color-mix(in srgb, var(--colors-neutral-300) var(--un-text-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
.dark .dark\:text-neutral-400,
.dark [dark\:text-neutral-400=""]{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent) /* light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85)) */;}
.text-neutral,
[text-neutral=""],
[text~="neutral"],
[un-text~="hocus\:neutral"]:hover, [un-text~="hocus\:neutral"]:focus-visible{color:color-mix(in srgb, var(--colors-neutral-DEFAULT) var(--un-text-opacity), transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90)) */;}
.text-neutral-600,
[text-neutral-600=""]{color:color-mix(in srgb, var(--colors-neutral-600) var(--un-text-opacity), transparent) /* light-dark(oklch(0.8347 0.0125 281.04), oklch(0.4429 0.0229 282.19)) */;}
.text-neutral-800,
[text-neutral-800=""],
[text~="neutral-800"],
[un-text~="neutral-800"]{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5889 0.0335 281.21), oklch(0.7168 0.0101 279.62)) */;}
[text~="neutral-700\/70"]{color:color-mix(in srgb, var(--colors-neutral-700) 70%, transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
[un-text~="neutral-900"]{color:color-mix(in srgb, var(--colors-neutral-900) var(--un-text-opacity), transparent) /* light-dark(oklch(0.4374 0.0495 279.71), oklch(0.8619 0.0055 286.28)) */;}
.hover\:text-neutral-800:hover{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5889 0.0335 281.21), oklch(0.7168 0.0101 279.62)) */;}
[hover\:text-neutral-800=""]:hover{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5889 0.0335 281.21), oklch(0.7168 0.0101 279.62)) */;}
.lh-none,
[lh-none=""]{--un-leading:var(--leading-none);line-height:var(--leading-none);}
[leading-relaxed=""]{--un-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);}
[tracking-wide=""]{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}
.data-\[highlighted\]\:font-semibold[data-highlighted],
.font-semibold,
[font-semibold=""]{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}
.font-bold,
[data-state="active"].reka-active\:font-bold:not(:has([data-state="active"].reka-active\:font-bold)), [data-state="active"]:not(:has([data-state="active"] .reka-active\:font-bold)) .reka-active\:font-bold,
[data-state="active"][reka-active\:font-bold=""]:not(:has([data-state="active"][reka-active\:font-bold=""])), [data-state="active"]:not(:has([data-state="active"] [reka-active\:font-bold=""])) [reka-active\:font-bold=""],
[font-bold=""]{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}
.font-light,
[font-light=""]{--un-font-weight:var(--fontWeight-light);font-weight:var(--fontWeight-light);}
.font-mono,
[font-mono=""]{font-family:var(--font-mono);}
.font-normal,
[font-normal=""]{--un-font-weight:var(--fontWeight-normal);font-weight:var(--fontWeight-normal);}
[font-medium=""]{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}
.children\:mx-0>*,
.mx-0,
[children\:mx-0=""]>*,
[mx-0=""]{margin-inline:calc(var(--spacing) * 0);}
.children\:my-auto>*,
[children\:my-auto=""]>*{margin-block:auto;}
.mx-16,
[mx-16=""]{margin-inline:calc(var(--spacing) * 16);}
.mx-8,
[mx-8=""]{margin-inline:calc(var(--spacing) * 8);}
.mx-auto,
[mx-auto=""]{margin-inline:auto;}
.my-4,
[my-4=""]{margin-block:calc(var(--spacing) * 4);}
.my-8,
[my-8=""]{margin-block:calc(var(--spacing) * 8);}
[my-0=""]{margin-block:calc(var(--spacing) * 0);}
:where(.inverted,[data-inverted]).data-inverted\:mt-4, :where(.inverted,[data-inverted]) .data-inverted\:mt-4,
:where(.inverted,[data-inverted])[data-inverted\:mt-4=""], :where(.inverted,[data-inverted]) [data-inverted\:mt-4=""]{margin-top:calc(var(--spacing) * 4);}
:where(.inverted,[data-inverted])[data-inverted\:mb-8=""], :where(.inverted,[data-inverted]) [data-inverted\:mb-8=""]{margin-bottom:calc(var(--spacing) * 8);}
.mb-0,
[mb-0=""]{margin-bottom:calc(var(--spacing) * 0);}
.mb-4,
[mb-4=""]{margin-bottom:calc(var(--spacing) * 4);}
.mb-56,
[mb-56=""]{margin-bottom:calc(var(--spacing) * 56);}
.ml--6,
[ml--6=""]{margin-left:calc(var(--spacing) * -6);}
.ml-\[\$nq-sidebar-width\]{margin-left:$nq-sidebar-width;}
.ml-0{margin-left:calc(var(--spacing) * 0);}
.ml-4,
[ml-4=""]{margin-left:calc(var(--spacing) * 4);}
.ml-6,
[ml-6=""]{margin-left:calc(var(--spacing) * 6);}
.ml-auto,
[ml-auto=""]{margin-left:auto;}
.mr-4,
[mr-4=""]{margin-right:calc(var(--spacing) * 4);}
.mr-8,
[mr-8=""]{margin-right:calc(var(--spacing) * 8);}
.mt-0,
[mt-0=""]{margin-top:calc(var(--spacing) * 0);}
.mt-16,
[mt-16=""]{margin-top:calc(var(--spacing) * 16);}
.mt-8,
[mt-8=""]{margin-top:calc(var(--spacing) * 8);}
.mt-auto,
[mt-auto=""]{margin-top:auto;}
[ml-16=""]{margin-left:calc(var(--spacing) * 16);}
[mt-8~="\!"]{margin-top:calc(var(--spacing) * 8) !important;}
.p-0,
[p-0=""]{padding:calc(var(--spacing) * 0);}
.p-16,
[p-16=""]{padding:calc(var(--spacing) * 16);}
.p-2,
[p-2=""]{padding:calc(var(--spacing) * 2);}
.p-4,
[p-4=""]{padding:calc(var(--spacing) * 4);}
.p-6,
[p-6=""]{padding:calc(var(--spacing) * 6);}
.p-8{padding:calc(var(--spacing) * 8);}
.px-0,
[px-0=""]{padding-inline:calc(var(--spacing) * 0);}
.px-10,
[px-10=""]{padding-inline:calc(var(--spacing) * 10);}
.px-12,
[p~="x-12"],
[px-12=""]{padding-inline:calc(var(--spacing) * 12);}
.px-2{padding-inline:calc(var(--spacing) * 2);}
.px-24,
[px-24=""]{padding-inline:calc(var(--spacing) * 24);}
.px-3,
[px-3=""]{padding-inline:calc(var(--spacing) * 3);}
.px-32,
[px-32=""]{padding-inline:calc(var(--spacing) * 32);}
.px-4,
[px-4=""]{padding-inline:calc(var(--spacing) * 4);}
.px-6,
[p~="x-6"],
[px-6=""]{padding-inline:calc(var(--spacing) * 6);}
.px-8,
[p~="x-8"],
[px-8=""]{padding-inline:calc(var(--spacing) * 8);}
.py-12,
[py-12=""]{padding-block:calc(var(--spacing) * 12);}
.py-3,
[py-3=""]{padding-block:calc(var(--spacing) * 3);}
.py-4,
[p~="y-4"],
[py-4=""]{padding-block:calc(var(--spacing) * 4);}
.py-6,
[py-6=""]{padding-block:calc(var(--spacing) * 6);}
.py-8,
[p~="y-8"],
[py-8=""]{padding-block:calc(var(--spacing) * 8);}
[px-0~="\!"]{padding-inline:calc(var(--spacing) * 0) !important;}
[py-2=""]{padding-block:calc(var(--spacing) * 2);}
.pb-0,
[pb-0=""]{padding-bottom:calc(var(--spacing) * 0);}
.pb-1{padding-bottom:calc(var(--spacing) * 1);}
.pb-12,
[pb-12=""]{padding-bottom:calc(var(--spacing) * 12);}
.pl-12,
[p~="l-12"],
[pl-12=""]{padding-left:calc(var(--spacing) * 12);}
.pl-14,
[pl-14=""]{padding-left:calc(var(--spacing) * 14);}
.pl-8,
[pl-8=""]{padding-left:calc(var(--spacing) * 8);}
.pr-12,
[pr-12=""]{padding-right:calc(var(--spacing) * 12);}
.pr-16,
[pr-16=""]{padding-right:calc(var(--spacing) * 16);}
[p~="r-4"]{padding-right:calc(var(--spacing) * 4);}
[pb-4=""]{padding-bottom:calc(var(--spacing) * 4);}
[pt~="\[calc\(env\(safe-area-inset-top\)\+112px\)\]"]{padding-top:calc(env(safe-area-inset-top) + 112px);}
.text-center,
[text-center=""],
[text~="center"],
[un-text~="center"]{text-align:center;}
.text-left,
[text-left=""],
[text~="left"]{text-align:left;}
[align~="end"]{vertical-align:bottom;}
[align~="start"]{vertical-align:top;}
.outline-1\.5,
[outline~="\31 \.5"]{outline-style:var(--un-outline-style);outline-width:1.5px;}
.outline-neutral-400{outline-color:color-mix(in srgb, var(--colors-neutral-400) var(--un-outline-opacity), transparent) /* light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85)) */;}
[outline~="hocus\:blue"]:hover, [outline~="hocus\:blue"]:focus-visible{outline-color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-outline-opacity), transparent) /* light-dark(oklch(0.5849 0.1438 244.29), oklch(0.6982 0.1694 243.83)) */;}
[outline~="neutral-0\/6"]{outline-color:color-mix(in srgb, var(--colors-neutral-0) 6%, transparent) /* light-dark(oklch(1 0 90), oklch(0.2737 0.068 276.29)) */;}
[outline~="neutral-300"]{outline-color:color-mix(in srgb, var(--colors-neutral-300) var(--un-outline-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
[outline~="neutral-500"]{outline-color:color-mix(in srgb, var(--colors-neutral-500) var(--un-outline-opacity), transparent) /* light-dark(oklch(0.8681 0.0096 279.67), oklch(0.3991 0.0252 282.18)) */;}
[outline~="neutral-600"]{outline-color:color-mix(in srgb, var(--colors-neutral-600) var(--un-outline-opacity), transparent) /* light-dark(oklch(0.8347 0.0125 281.04), oklch(0.4429 0.0229 282.19)) */;}
[outline~="neutral-700"]{outline-color:color-mix(in srgb, var(--colors-neutral-700) var(--un-outline-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
[outline~="neutral\/6"]{outline-color:color-mix(in srgb, var(--colors-neutral-DEFAULT) 6%, transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90)) */;}
[outline~="neutral\/8"]{outline-color:color-mix(in srgb, var(--colors-neutral-DEFAULT) 8%, transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90)) */;}
[outline~="white\/10"]{outline-color:color-mix(in srgb, var(--colors-white) 10%, transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */;}
.outline-offset--1\.5,
[outline~="offset--1\.5"]{outline-offset:-1.5px;}
.outline,
[outline~="\~"]{outline-style:var(--un-outline-style);outline-width:1px;}
.outline-none,
[outline-none=""]{--un-outline-style:none;outline-style:none;}
[outline~="solid"]{--un-outline-style:solid;outline-style:solid;}
.list-none,
[list-none=""]{list-style-type:none;}
.overscroll-contain,
[overscroll-contain=""]{overscroll-behavior:contain;}
.b,
[border~="\31 "]{border-width:1px;}
[data-state="open"].reka-open\:b-0:not(:has([data-state="open"].reka-open\:b-0)), [data-state="open"]:not(:has([data-state="open"] .reka-open\:b-0)) .reka-open\:b-0{border-width:0px;}
[border~="t-1"],
[border~="t"]{border-top-width:1px;}
.border-neutral-400,
[border-neutral-400=""],
[border~="neutral-400"]{border-color:color-mix(in srgb, var(--colors-neutral-400) var(--un-border-opacity), transparent) /* light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85)) */;}
.dark [border~="dark\:neutral-700"]{border-color:color-mix(in srgb, var(--colors-neutral-700) var(--un-border-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
[border~="neutral-200"]{border-color:color-mix(in srgb, var(--colors-neutral-200) var(--un-border-opacity), transparent) /* light-dark(oklch(0.9677 0.0027 286.35), oklch(0.2679 0.0334 281.42)) */;}
[border~="neutral-300"]{border-color:color-mix(in srgb, var(--colors-neutral-300) var(--un-border-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
.rounded-12,
[rounded-12=""]{border-radius:0.75rem;}
.rounded-2{border-radius:0.125rem;}
.rounded-3,
[rounded-3=""]{border-radius:0.1875rem;}
.rounded-4,
[rounded-4=""]{border-radius:0.25rem;}
.rounded-5,
[rounded-5=""]{border-radius:0.3125rem;}
.rounded-6,
[rounded-6=""],
[rounded~="\36 "]{border-radius:0.375rem;}
.rounded-8,
[rounded-8=""]{border-radius:0.5rem;}
.rounded-full,
[rounded-full=""]{border-radius:calc(infinity * 1px);}
.rounded-b-6,
[rounded-b-6=""]{border-bottom-left-radius:0.375rem;border-bottom-right-radius:0.375rem;}
.rounded-l-12,
[rounded-l-12=""]{border-top-left-radius:0.75rem;border-bottom-left-radius:0.75rem;}
.rounded-t-12,
[rounded-t-12=""]{border-top-left-radius:0.75rem;border-top-right-radius:0.75rem;}
[data-state="open"][rounded~="reka-open\:b-0"]:not(:has([data-state="open"][rounded~="reka-open\:b-0"])), [data-state="open"]:not(:has([data-state="open"] [rounded~="reka-open\:b-0"])) [rounded~="reka-open\:b-0"]{border-bottom-left-radius:0;border-bottom-right-radius:0;}
.border-none,
[border-none=""],
[border~="none"]{--un-border-style:none;border-style:none;}
[border~="solid"]{--un-border-style:solid;border-style:solid;}
:where(.group,[group]):hover [bg~="group-hocus\:neutral-400"], :where(.group,[group]):focus-visible [bg~="group-hocus\:neutral-400"],
.bg-neutral-400,
[bg-neutral-400=""],
[bg~="neutral-400"]{background-color:color-mix(in srgb, var(--colors-neutral-400) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85)) */;}
.bg-blue,
[bg-blue=""]{background-color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.5849 0.1438 244.29), oklch(0.6982 0.1694 243.83)) */;}
.bg-neutral,
[bg-neutral=""]{background-color:color-mix(in srgb, var(--colors-neutral-DEFAULT) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90)) */;}
.bg-neutral-0,
[bg-neutral-0=""]{background-color:color-mix(in srgb, var(--colors-neutral-0) var(--un-bg-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(0.2737 0.068 276.29)) */;}
.bg-neutral-100,
[bg-neutral-100=""],
[bg~="hocus\:neutral-100"]:hover, [bg~="hocus\:neutral-100"]:focus-visible{background-color:color-mix(in srgb, var(--colors-neutral-100) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9791 0 89.88), oklch(0.2472 0.0341 281.14)) */;}
.bg-neutral-1100,
.dark .dark\:bg-neutral-1100,
.dark [dark\:bg-neutral-1100=""],
[bg-neutral-1100=""]{background-color:color-mix(in srgb, var(--colors-neutral-1100) var(--un-bg-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(0.2185 0.0213 246.2deg)) */;}
.bg-neutral-200,
.hocus\:bg-neutral-200:hover, .hocus\:bg-neutral-200:focus-visible,
[bg-neutral-200=""],
[bg~="hocus\:neutral-200"]:hover, [bg~="hocus\:neutral-200"]:focus-visible{background-color:color-mix(in srgb, var(--colors-neutral-200) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9677 0.0027 286.35), oklch(0.2679 0.0334 281.42)) */;}
.bg-neutral-300,
.hocus\:bg-neutral-300:hover, .hocus\:bg-neutral-300:focus-visible,
[bg-neutral-300=""],
[bg~="neutral-300"],
[hocus\:bg-neutral-300=""]:hover, [hocus\:bg-neutral-300=""]:focus-visible{background-color:color-mix(in srgb, var(--colors-neutral-300) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
.bg-neutral-50,
[bg-neutral-50=""]{background-color:color-mix(in srgb, var(--colors-neutral-50) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9881 0 89.88), oklch(0.2388 0.0344 281)) */;}
.bg-neutral-500,
[bg-neutral-500=""]{background-color:color-mix(in srgb, var(--colors-neutral-500) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.8681 0.0096 279.67), oklch(0.3991 0.0252 282.18)) */;}
.bg-neutral-700,
.dark .dark\:bg-neutral-700,
.dark [dark\:bg-neutral-700=""],
[bg-neutral-700=""]{background-color:color-mix(in srgb, var(--colors-neutral-700) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
.bg-transparent,
[bg-transparent=""],
[bg~="transparent"]{background-color:transparent;}
.bg-white,
[bg-white=""]{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */;}
.dark .dark\:bg-neutral-800,
.dark [dark\:bg-neutral-800=""]{background-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.5889 0.0335 281.21), oklch(0.7168 0.0101 279.62)) */;}
.data-\[highlighted\]\:bg-blue-400[data-highlighted],
[data-state="active"].reka-active\:bg-blue-400:not(:has([data-state="active"].reka-active\:bg-blue-400)), [data-state="active"]:not(:has([data-state="active"] .reka-active\:bg-blue-400)) .reka-active\:bg-blue-400,
[data-state="active"][reka-active\:bg-blue-400=""]:not(:has([data-state="active"][reka-active\:bg-blue-400=""])), [data-state="active"]:not(:has([data-state="active"] [reka-active\:bg-blue-400=""])) [reka-active\:bg-blue-400=""]{background-color:color-mix(in srgb, var(--colors-blue-400) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9545 0.0167 236.69), oklch(0.2716 0.0521 257.92)) */;}
.hocus\:\!bg-neutral-300:hover, .hocus\:\!bg-neutral-300:focus-visible{background-color:color-mix(in srgb, var(--colors-neutral-300) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */ !important;}
[bg~="darkblue\/70"]{background-color:color-mix(in srgb, var(--colors-darkblue) 70%, transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(0.2737 0.068 276.29)) */;}
[bg~="neutral\/3"]{background-color:color-mix(in srgb, var(--colors-neutral-DEFAULT) 3%, transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90)) */;}
[data-state="active"].reka-active\:hocus\:\!bg-blue-400:hover, .reka-active\:hocus\:\!bg-blue-400:focus-visible:not(:has([data-state="active"].reka-active\:hocus\:\!bg-blue-400:hover, .reka-active\:hocus\:\!bg-blue-400:focus-visible)), [data-state="active"]:not(:has([data-state="active"] .reka-active\:hocus\:\!bg-blue-400:hover, .reka-active\:hocus\:\!bg-blue-400:focus-visible)) .reka-active\:hocus\:\!bg-blue-400:hover, .reka-active\:hocus\:\!bg-blue-400:focus-visible{background-color:color-mix(in srgb, var(--colors-blue-400) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9545 0.0167 236.69), oklch(0.2716 0.0521 257.92)) */ !important;}
.dark [hover~="dark\:bg-neutral-700"]:hover{background-color:color-mix(in srgb, var(--colors-neutral-700) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
.hover\:bg-neutral-100:hover{background-color:color-mix(in srgb, var(--colors-neutral-100) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9791 0 89.88), oklch(0.2472 0.0341 281.14)) */;}
.hover\:bg-neutral-300:hover{background-color:color-mix(in srgb, var(--colors-neutral-300) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
[hover\:bg-neutral-100=""]:hover{background-color:color-mix(in srgb, var(--colors-neutral-100) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9791 0 89.88), oklch(0.2472 0.0341 281.14)) */;}
[hover\:bg-neutral-300=""]:hover{background-color:color-mix(in srgb, var(--colors-neutral-300) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
[hover~="bg-neutral-100"]:hover{background-color:color-mix(in srgb, var(--colors-neutral-100) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9791 0 89.88), oklch(0.2472 0.0341 281.14)) */;}
.bg-opacity-20,
[bg-opacity-20=""]{--un-bg-opacity:20%;}
.bg-opacity-40,
[bg-opacity-40=""]{--un-bg-opacity:40%;}
:where(.group,[group]):hover [op~="group-hocus\:100"], :where(.group,[group]):focus-visible [op~="group-hocus\:100"],
[data-state="active"][op~="reka-active\:100"]:not(:has([data-state="active"][op~="reka-active\:100"])), [data-state="active"]:not(:has([data-state="active"] [op~="reka-active\:100"])) [op~="reka-active\:100"]{opacity:100%;}
:where(.group,[group]):hover [op~="group-hocus\:80"], :where(.group,[group]):focus-visible [op~="group-hocus\:80"],
.op-80,
[op-80=""],
[op~="\38 0"]{opacity:80%;}
.op-70,
[op-70=""],
[op~="\37 0"]{opacity:70%;}
.opacity-0{opacity:0%;}
[op~="\36 0"]{opacity:60%;}
.hover\:opacity-100:hover{opacity:100%;}
[hover\:opacity-100=""]:hover{opacity:100%;}
.after\:op-70::after{opacity:70%;}
.hocus\:after\:op-100:hover, .hocus\:after\:op-100:focus-visible::after{opacity:100%;}
.underline,
[underline=""]{text-decoration-line:underline;}
[hover\:underline=""]:hover{text-decoration-line:underline;}
.flex,
[flex=""],
[flex~="\~"]{display:flex;}
.inline-flex,
[inline-flex=""],
[inline-flex~="\~"]{display:inline-flex;}
.flex-1,
[flex-1=""]{flex:1 1 0%;}
.flex-shrink-0,
.shrink-0,
[flex~="shrink-0"],
[shrink-0=""]{flex-shrink:0;}
.shrink-0\>{flex-shrink:1;}
.flex-row,
[flex~="row"]{flex-direction:row;}
.flex-col,
[flex-col=""],
[flex~="col"]{flex-direction:column;}
[flex~="wrap"]{flex-wrap:wrap;}
.gap-12,
[flex~="gap-12"],
[grid~="gap-12"]{gap:calc(var(--spacing) * 12);}
.gap-16,
[flex~="gap-16"]{gap:calc(var(--spacing) * 16);}
.gap-2,
[gap-2=""]{gap:calc(var(--spacing) * 2);}
.gap-3,
[flex~="gap-3"]{gap:calc(var(--spacing) * 3);}
.gap-32,
[flex~="gap-32"]{gap:calc(var(--spacing) * 32);}
.gap-4,
[flex~="gap-4"],
[grid~="gap-4"]{gap:calc(var(--spacing) * 4);}
.gap-8,
[flex~="gap-8"],
[grid~="gap-8"]{gap:calc(var(--spacing) * 8);}
.gap-x-12,
[grid~="gap-x-12"]{column-gap:calc(var(--spacing) * 12);}
.gap-y-2,
[grid~="gap-y-2"]{row-gap:calc(var(--spacing) * 2);}
[grid~="\~"]{display:grid;}
.col-1,
[col-1=""]{grid-column:1;}
.col-span-1,
[col-span-1=""]{grid-column:span 1/span 1;}
.col-span-2{grid-column:span 2/span 2;}
.row-span-full,
[row-span-full=""]{grid-row:1/-1;}
.cols-\[24px_auto\],
[grid~="cols-\[24px_auto\]"]{grid-template-columns:24px auto;}
.cols-\[48px_1fr\],
[grid~="cols-\[48px_1fr\]"]{grid-template-columns:48px 1fr;}
.grid-cols-\[max-content_1fr\]{grid-template-columns:max-content 1fr;}
.rows-\[1fr_auto\],
[grid~="rows-\[1fr_auto\]"]{grid-template-rows:1fr auto;}
.cols-1,
[grid~="cols-1"]{grid-template-columns:repeat(1,minmax(0,1fr));}
.cols-2,
[grid~="cols-2"]{grid-template-columns:repeat(2,minmax(0,1fr));}
.rows-2,
[grid~="rows-2"]{grid-template-rows:repeat(2,minmax(0,1fr));}
.size-14,
[size-14=""]{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14);}
.size-16,
[size-16=""]{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16);}
.size-24,
[size-24=""]{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24);}
.size-28,
[size-28=""]{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28);}
.size-32,
[size-32=""]{width:calc(var(--spacing) * 32);height:calc(var(--spacing) * 32);}
.size-40,
[size-40=""]{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40);}
.size-6,
[size-6=""]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);}
.size-full,
[size-full=""]{width:100%;height:100%;}
[size-48~="\!"]{width:calc(var(--spacing) * 48) !important;height:calc(var(--spacing) * 48) !important;}
[size~="sm"]{width:var(--container-sm);height:var(--container-sm);}
[before~="size-full"]::before{width:100%;height:100%;}
.\!h1{height:calc(var(--spacing) * 1) !important;}
.children\:max-w-\[max\(50\%\,240px\)\]>*{max-width:max(50%,240px);}
.h-1,
.h1,
[h-1=""],
[h1=""]{height:calc(var(--spacing) * 1);}
.h-24,
[h-24=""]{height:calc(var(--spacing) * 24);}
.h-full,
[h-full=""]{height:100%;}
.h-max,
[h-max=""]{height:max-content;}
.h-screen,
[h-screen=""]{height:100vh;}
.h2{height:calc(var(--spacing) * 2);}
.h3{height:calc(var(--spacing) * 3);}
.max-h-20vh{max-height:20vh;}
.max-h-60vh,
[max-h-60vh=""]{max-height:60vh;}
.max-h-85vh,
[max-h-85vh=""]{max-height:85vh;}
.max-h-90vw,
[max-h-90vw=""]{max-height:90vw;}
.max-w-1000{max-width:calc(var(--spacing) * 1000);}
.max-w-1200{max-width:calc(var(--spacing) * 1200);}
.max-w-1400{max-width:calc(var(--spacing) * 1400);}
.max-w-420px,
[max-w-420px=""]{max-width:420px;}
.max-w-450,
[max-w-450=""]{max-width:calc(var(--spacing) * 450);}
.max-w-600,
[max-w-600=""]{max-width:calc(var(--spacing) * 600);}
.max-w-full,
[max-w-full=""]{max-width:100%;}
.max-w-none,
[max-w-none=""]{max-width:none;}
.min-h-40{min-height:calc(var(--spacing) * 40);}
.min-h-screen,
[min-h-screen=""]{min-height:100vh;}
.min-w-0,
[min-w-0=""]{min-width:calc(var(--spacing) * 0);}
.min-w-150,
[min-w-150=""]{min-width:calc(var(--spacing) * 150);}
.min-w-200,
[min-w-200=""]{min-width:calc(var(--spacing) * 200);}
.min-w-320,
[min-w-320=""]{min-width:calc(var(--spacing) * 320);}
.min-w-40{min-width:calc(var(--spacing) * 40);}
.min-w-400,
[min-w-400=""]{min-width:calc(var(--spacing) * 400);}
.w-1\.5,
[w-1\.5=""]{width:calc(var(--spacing) * 1.5);}
.w-10,
[w-10=""]{width:calc(var(--spacing) * 10);}
.w-2,
[w-2=""]{width:calc(var(--spacing) * 2);}
.w-35,
[w-35=""]{width:calc(var(--spacing) * 35);}
.w-85vw,
[w-85vw=""]{width:85vw;}
.w-90vw,
[w-90vw=""]{width:90vw;}
.w-full,
[w-full=""]{width:100%;}
.w-max,
[w-max=""]{width:max-content;}
[max-w-520=""]{max-width:calc(var(--spacing) * 520);}
[w-6=""]{width:calc(var(--spacing) * 6);}
[w~="\[calc\(100\%-30px\)\]"]{width:calc(100% - 30px);}
[w~="\[calc\(100vw-16px\)\]"]{width:calc(100vw - 16px);}
[w~="\$nq-sidebar-width"]{width:var(--nq-sidebar-width);}
[before~="min-h-40"]::before{min-height:calc(var(--spacing) * 40);}
[before~="min-w-40"]::before{min-width:calc(var(--spacing) * 40);}
.inline{display:inline;}
.block,
[block=""]{display:block;}
.contents,
[contents=""]{display:contents;}
.hidden,
[hidden=""]{display:none;}
[empty~="hidden"]:empty{display:none;}
.cursor-pointer,
[cursor-pointer=""]{cursor:pointer;}
.select-none,
[select-none=""]{-webkit-user-select:none;user-select:none;}
.content-empty,
[content-empty=""]{content:"";}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.italic,
[italic=""]{font-style:italic;}
[ring~="\30 \.75"]{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(0.75px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
[ring~="\31 "]{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
[ring~="neutral-400"]{--un-ring-color:color-mix(in srgb, var(--colors-neutral-400) var(--un-ring-opacity), transparent) /* light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85)) */;}
[ring~="neutral-500"]{--un-ring-color:color-mix(in srgb, var(--colors-neutral-500) var(--un-ring-opacity), transparent) /* light-dark(oklch(0.8681 0.0096 279.67), oklch(0.3991 0.0252 282.18)) */;}
.shadow,
[data-state=open]:not(:has([data-state])) .data-open\:shadow, [data-state=open]:not(:has([data-state])).data-open\:shadow,
[data-state=open]:not(:has([data-state])) [data-open\:shadow=""], [data-state=open]:not(:has([data-state]))[data-open\:shadow=""],
[shadow=""]{--un-shadow:var(--nq-shadow);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-lg,
[shadow-lg=""]{--un-shadow:var(--nq-shadow-lg);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.-translate-x--50\%{--un-translate-x:50%;translate:var(--un-translate-x) var(--un-translate-y);}
.-translate-y--50\%{--un-translate-y:50%;translate:var(--un-translate-x) var(--un-translate-y);}
.translate-x--6,
[translate-x--6=""]{--un-translate-x:calc(var(--spacing) * -6);translate:var(--un-translate-x) var(--un-translate-y);}
.translate-y--1,
[translate-y--1=""]{--un-translate-y:calc(var(--spacing) * -1);translate:var(--un-translate-x) var(--un-translate-y);}
.translate-y--120\%{--un-translate-y:-120%;translate:var(--un-translate-x) var(--un-translate-y);}
[translate-x~="-\35 0\%"]{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
[before~="-translate-x--50\%"]::before{--un-translate-x:50%;translate:var(--un-translate-x) var(--un-translate-y);}
[before~="-translate-y--50\%"]::before{--un-translate-y:50%;translate:var(--un-translate-x) var(--un-translate-y);}
.rotate--90{rotate:-90deg;}
.rotate-180,
[data-state="open"].reka-open\:rotate-180:not(:has([data-state="open"].reka-open\:rotate-180)), [data-state="open"]:not(:has([data-state="open"] .reka-open\:rotate-180)) .reka-open\:rotate-180,
[data-state="open"][reka-open\:rotate-180=""]:not(:has([data-state="open"][reka-open\:rotate-180=""])), [data-state="open"]:not(:has([data-state="open"] [reka-open\:rotate-180=""])) [reka-open\:rotate-180=""]{rotate:180deg;}
.scale-80,
[scale-80=""]{--un-scale-x:80%;--un-scale-y:80%;scale:var(--un-scale-x) var(--un-scale-y);}
.transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-all,
[transition-all=""]{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-border-radius,
[transition-border-radius=""]{transition-property:border-radius;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-colors,
[transition-colors=""]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-opacity,
[transition-opacity=""]{transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-outline-color,
[transition-outline-color=""]{transition-property:outline-color;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-transform,
[transition-transform=""]{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
[transition~="\[color\,transform\]"]{transition-property:color,transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
[transition~="\[transform\,opacity\]"]{transition-property:transform,translate,scale,rotate,opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
[transition~="\32 0"]{--un-duration:20ms;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.duration-200,
[duration-200=""]{--un-duration:200ms;transition-duration:200ms;}
.duration-300,
[transition~="duration-300"]{--un-duration:300ms;transition-duration:300ms;}
[duration~="\33 000"]{--un-duration:3000ms;transition-duration:3000ms;}
.ease{--un-ease:var(--ease-DEFAULT);transition-timing-function:var(--ease-DEFAULT);}
.items-start{align-items:flex-start;}
.items-end,
[items-end=""]{align-items:flex-end;}
.items-center,
[flex~="items-center"],
[grid~="items-center"],
[items-center=""]{align-items:center;}
.items-baseline,
[flex~="items-baseline"]{align-items:baseline;}
.items-stretch,
[items-stretch=""]{align-items:stretch;}
.justify-center,
[flex~="justify-center"],
[justify-center=""]{justify-content:center;}
.justify-between,
[flex~="justify-between"]{justify-content:space-between;}
.inset-0,
[inset-0=""]{inset:calc(var(--spacing) * 0);}
.inset-auto,
[inset-auto=""]{inset:auto;}
.inset-unset,
[inset-unset=""]{inset:unset;}
.inset-x-0,
[inset-x-0=""]{inset-inline:calc(var(--spacing) * 0);}
.inset-x-8,
[inset-x-8=""]{inset-inline:calc(var(--spacing) * 8);}
.inset-y-0,
[inset-y-0=""]{inset-block:calc(var(--spacing) * 0);}
.bottom-0,
[bottom-0=""]{bottom:calc(var(--spacing) * 0);}
.bottom-64,
[bottom-64=""]{bottom:calc(var(--spacing) * 64);}
.left--50\%{left:-50%;}
.left-0,
[left-0=""]{left:calc(var(--spacing) * 0);}
.left-12,
[left-12=""]{left:calc(var(--spacing) * 12);}
.left-2\.75,
[left-2\.75=""]{left:calc(var(--spacing) * 2.75);}
.right--12{right:calc(var(--spacing) * -12);}
.right--39,
[right--39=""]{right:calc(var(--spacing) * -39);}
.right-0,
[right-0=""]{right:calc(var(--spacing) * 0);}
.right-16,
[right-16=""]{right:calc(var(--spacing) * 16);}
.right-4,
[right-4=""]{right:calc(var(--spacing) * 4);}
.right-8,
[right-8=""]{right:calc(var(--spacing) * 8);}
.top--50\%{top:-50%;}
.top--8,
[top--8=""]{top:calc(var(--spacing) * -8);}
.top-0,
[top-0=""]{top:calc(var(--spacing) * 0);}
.top-12,
[top-12=""]{top:calc(var(--spacing) * 12);}
.top-18,
[top-18=""]{top:calc(var(--spacing) * 18);}
.top-7,
[top-7=""]{top:calc(var(--spacing) * 7);}
[left~="\35 0\%"]{left:50%;}
[top-8=""]{top:calc(var(--spacing) * 8);}
[top~="\31 0\%"]{top:10%;}
[before~="left--50\%"]::before{left:-50%;}
[before~="top--50\%"]::before{top:-50%;}
.absolute,
[absolute=""]{position:absolute;}
.fixed,
[fixed=""]{position:fixed;}
.relative,
[relative=""]{position:relative;}
.sticky,
[sticky=""]{position:sticky;}
[before~="absolute"]::before{position:absolute;}
.z-1,
[z-1=""]{z-index:1;}
.z-10,
[z-10=""]{z-index:10;}
.z-100,
[z-100=""]{z-index:100;}
.z-1000,
[z-1000=""]{z-index:1000;}
.z-1001,
[z-1001=""]{z-index:1001;}
.z-1002,
[z-1002=""]{z-index:1002;}
.z-2,
[z-2=""]{z-index:2;}
.z-20,
[z-20=""]{z-index:20;}
.z-200,
[z-200=""]{z-index:200;}
.z-3,
[z-3=""]{z-index:3;}
.z-50,
[z-50=""]{z-index:50;}
.z-90,
[z-90=""]{z-index:90;}
.of-auto,
[of-auto=""]{overflow:auto;}
.of-clip,
[of-clip=""]{overflow:clip;}
.of-hidden,
[of-hidden=""],
[un-of-hidden=""]{overflow:hidden;}
.of-y-auto,
[of-y-auto=""],
[of~="y-auto"]{overflow-y:auto;}
[of~="x-hidden"]{overflow-x:hidden;}
.from-transparent,
[from-transparent=""]{--un-gradient-from:transparent;--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.to-neutral-100,
[to-neutral-100=""]{--un-gradient-to:color-mix(in oklab, var(--colors-neutral-100) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.bg-gradient-to-b,
[bg-gradient-to-b=""]{--un-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--un-gradient-stops));}
.bg-gradient-to-t,
[bg-gradient-to-t=""]{--un-gradient-position:to top in oklab;background-image:linear-gradient(var(--un-gradient-stops));}
.sr-only,
[sr-only=""]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
:where(.group,[group]):hover [grayscale~="group-hocus\:0"], :where(.group,[group]):focus-visible [grayscale~="group-hocus\:0"],
[data-state="active"][grayscale~="reka-active\:0"]:not(:has([data-state="active"][grayscale~="reka-active\:0"])), [data-state="active"]:not(:has([data-state="active"] [grayscale~="reka-active\:0"])) [grayscale~="reka-active\:0"]{--un-grayscale:grayscale(0%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
[grayscale~="\~"]{--un-grayscale:grayscale(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.filter,
[filter=""]{filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.touch-none,
[touch-none=""]{touch-action:none;}
.var\:nq-sidebar-width\:100vw,
[var\:nq-sidebar-width\:100vw=""]{--nq-sidebar-width:100vw;}
.var\:outline-color\:neutral-400,
[var\:outline-color\:neutral-400=""]{--outline-color:light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85));}
.var\:scrollbar-size\:10px,
[var\:scrollbar-size\:10px=""]{--scrollbar-size:10px;}
[f-text~="\31 6\/22"]{--f-text-min:16;--f-text-max:22;font-size:clamp(calc(var(--f-text-unit, 1px) * var(--f-text-min, 16)), calc(var(--f-text-unit, 1px) * var(--f-text-min, 16) + (var(--f-text-max, 16) - var(--f-text-min, 16)) * (var(--f-text-container, 100vw) - (var(--f-text-unit, 1px) * var(--f-text-min-container, 320))) / (var(--f-text-max-container, 1920) - var(--f-text-min-container, 320))), calc(var(--f-text-unit, 1px) * var(--f-text-max, 16)));}
[un-text~="f-2xs"]{--f-text-min:10;--f-text-max:12;font-size:clamp(calc(var(--f-text-unit, 1px) * var(--f-text-min, 16)), calc(var(--f-text-unit, 1px) * var(--f-text-min, 16) + (var(--f-text-max, 16) - var(--f-text-min, 16)) * (var(--f-text-container, 100vw) - (var(--f-text-unit, 1px) * var(--f-text-min-container, 320))) / (var(--f-text-max-container, 1920) - var(--f-text-min-container, 320))), calc(var(--f-text-unit, 1px) * var(--f-text-max, 16)));}
[text~="f-lg"]{--f-text-min:16;--f-text-max:18;font-size:clamp(calc(var(--f-text-unit, 1px) * var(--f-text-min, 16)), calc(var(--f-text-unit, 1px) * var(--f-text-min, 16) + (var(--f-text-max, 16) - var(--f-text-min, 16)) * (var(--f-text-container, 100vw) - (var(--f-text-unit, 1px) * var(--f-text-min-container, 320))) / (var(--f-text-max-container, 1920) - var(--f-text-min-container, 320))), calc(var(--f-text-unit, 1px) * var(--f-text-max, 16)));}
[text~="f-sm"],
[un-text~="f-sm"]{--f-text-min:14;--f-text-max:16;font-size:clamp(calc(var(--f-text-unit, 1px) * var(--f-text-min, 16)), calc(var(--f-text-unit, 1px) * var(--f-text-min, 16) + (var(--f-text-max, 16) - var(--f-text-min, 16)) * (var(--f-text-container, 100vw) - (var(--f-text-unit, 1px) * var(--f-text-min-container, 320))) / (var(--f-text-max-container, 1920) - var(--f-text-min-container, 320))), calc(var(--f-text-unit, 1px) * var(--f-text-max, 16)));}
[text~="f-xs"]{--f-text-min:12;--f-text-max:14;font-size:clamp(calc(var(--f-text-unit, 1px) * var(--f-text-min, 16)), calc(var(--f-text-unit, 1px) * var(--f-text-min, 16) + (var(--f-text-max, 16) - var(--f-text-min, 16)) * (var(--f-text-container, 100vw) - (var(--f-text-unit, 1px) * var(--f-text-min-container, 320))) / (var(--f-text-max-container, 1920) - var(--f-text-min-container, 320))), calc(var(--f-text-unit, 1px) * var(--f-text-max, 16)));}
.f-size-120\/160{--f-size-min:120;--f-size-max:160;width:clamp(calc(var(--f-size-unit, 1px) * var(--f-size-min, 16)), calc(var(--f-size-unit, 1px) * var(--f-size-min, 16) + (var(--f-size-max, 16) - var(--f-size-min, 16)) * (var(--f-size-container, 100vw) - (var(--f-size-unit, 1px) * var(--f-size-min-container, 320))) / (var(--f-size-max-container, 1920) - var(--f-size-min-container, 320))), calc(var(--f-size-unit, 1px) * var(--f-size-max, 16)));height:clamp(calc(var(--f-size-unit, 1px) * var(--f-size-min, 16)), calc(var(--f-size-unit, 1px) * var(--f-size-min, 16) + (var(--f-size-max, 16) - var(--f-size-min, 16)) * (var(--f-size-container, 100vw) - (var(--f-size-unit, 1px) * var(--f-size-min-container, 320))) / (var(--f-size-max-container, 1920) - var(--f-size-min-container, 320))), calc(var(--f-size-unit, 1px) * var(--f-size-max, 16)));}
.f-size-32\/40{--f-size-min:32;--f-size-max:40;width:clamp(calc(var(--f-size-unit, 1px) * var(--f-size-min, 16)), calc(var(--f-size-unit, 1px) * var(--f-size-min, 16) + (var(--f-size-max, 16) - var(--f-size-min, 16)) * (var(--f-size-container, 100vw) - (var(--f-size-unit, 1px) * var(--f-size-min-container, 320))) / (var(--f-size-max-container, 1920) - var(--f-size-min-container, 320))), calc(var(--f-size-unit, 1px) * var(--f-size-max, 16)));height:clamp(calc(var(--f-size-unit, 1px) * var(--f-size-min, 16)), calc(var(--f-size-unit, 1px) * var(--f-size-min, 16) + (var(--f-size-max, 16) - var(--f-size-min, 16)) * (var(--f-size-container, 100vw) - (var(--f-size-unit, 1px) * var(--f-size-min-container, 320))) / (var(--f-size-max-container, 1920) - var(--f-size-min-container, 320))), calc(var(--f-size-unit, 1px) * var(--f-size-max, 16)));}
.f-size-48\/48{--f-size-min:48;--f-size-max:48;width:clamp(calc(var(--f-size-unit, 1px) * var(--f-size-min, 16)), calc(var(--f-size-unit, 1px) * var(--f-size-min, 16) + (var(--f-size-max, 16) - var(--f-size-min, 16)) * (var(--f-size-container, 100vw) - (var(--f-size-unit, 1px) * var(--f-size-min-container, 320))) / (var(--f-size-max-container, 1920) - var(--f-size-min-container, 320))), calc(var(--f-size-unit, 1px) * var(--f-size-max, 16)));height:clamp(calc(var(--f-size-unit, 1px) * var(--f-size-min, 16)), calc(var(--f-size-unit, 1px) * var(--f-size-min, 16) + (var(--f-size-max, 16) - var(--f-size-min, 16)) * (var(--f-size-container, 100vw) - (var(--f-size-unit, 1px) * var(--f-size-min-container, 320))) / (var(--f-size-max-container, 1920) - var(--f-size-min-container, 320))), calc(var(--f-size-unit, 1px) * var(--f-size-max, 16)));}
.f-size-64\/80{--f-size-min:64;--f-size-max:80;width:clamp(calc(var(--f-size-unit, 1px) * var(--f-size-min, 16)), calc(var(--f-size-unit, 1px) * var(--f-size-min, 16) + (var(--f-size-max, 16) - var(--f-size-min, 16)) * (var(--f-size-container, 100vw) - (var(--f-size-unit, 1px) * var(--f-size-min-container, 320))) / (var(--f-size-max-container, 1920) - var(--f-size-min-container, 320))), calc(var(--f-size-unit, 1px) * var(--f-size-max, 16)));height:clamp(calc(var(--f-size-unit, 1px) * var(--f-size-min, 16)), calc(var(--f-size-unit, 1px) * var(--f-size-min, 16) + (var(--f-size-max, 16) - var(--f-size-min, 16)) * (var(--f-size-container, 100vw) - (var(--f-size-unit, 1px) * var(--f-size-min-container, 320))) / (var(--f-size-max-container, 1920) - var(--f-size-min-container, 320))), calc(var(--f-size-unit, 1px) * var(--f-size-max, 16)));}
[f~="\$h-min-60"]{--f-h-min:60;}
[f~="\$px-min-32"]{--f-px-min:32;}
[f~="\$h-max-88"]{--f-h-max:88;}
[f~="\$px-max-64"]{--f-px-max:64;}
[f~="\$h"]{--f-h:clamp(calc(var(--f-h-unit, 1px) * var(--f-h-min, 16)), calc(var(--f-h-unit, 1px) * var(--f-h-min, 16) + (var(--f-h-max, 16) - var(--f-h-min, 16)) * (var(--f-h-container, 100vw) - (var(--f-h-unit, 1px) * var(--f-h-min-container, 320))) / (var(--f-h-max-container, 1920) - var(--f-h-min-container, 320))), calc(var(--f-h-unit, 1px) * var(--f-h-max, 16)));height:var(--f-h);}
[f~="\$px"]{--f-px:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));padding-left:var(--f-px);padding-right:var(--f-px);}
[data-state="open"][un-animate-collapsible~="reka-open\:down"]:not(:has([data-state="open"][un-animate-collapsible~="reka-open\:down"])), [data-state="open"]:not(:has([data-state="open"] [un-animate-collapsible~="reka-open\:down"])) [un-animate-collapsible~="reka-open\:down"]{animation:reka-collapsible-down 0.2s ease-out;}
[data-state="closed"][un-animate-collapsible~="reka-closed\:up"]:not(:has([data-state="closed"][un-animate-collapsible~="reka-closed\:up"])), [data-state="closed"]:not(:has([data-state="closed"] [un-animate-collapsible~="reka-closed\:up"])) [un-animate-collapsible~="reka-closed\:up"]{animation:reka-collapsible-up 0.2s ease-out;}
@supports (color: color-mix(in lab, red, red)){
:where(.group,[group]):hover .group-hocus\:text-white\!, :where(.group,[group]):focus-visible .group-hocus\:text-white\!{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */ !important;}
:where(.group,[group]):hover [text~="group-hocus\:blue"], :where(.group,[group]):focus-visible [text~="group-hocus\:blue"]{color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5849 0.1438 244.29), oklch(0.6982 0.1694 243.83)) */;}
:where(.group,[group]):hover [text~="group-hocus\:neutral-700"], :where(.group,[group]):focus-visible [text~="group-hocus\:neutral-700"]{color:color-mix(in oklab, var(--colors-neutral-700) var(--un-text-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
:where(.inverted,[data-inverted]).data-inverted\:text-white, :where(.inverted,[data-inverted]) .data-inverted\:text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */;}
:where(.inverted,[data-inverted])[data-inverted\:text-white=""], :where(.inverted,[data-inverted]) [data-inverted\:text-white=""]{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */;}
:where(.inverted,[data-inverted])[text~="data-inverted\:white\/50"], :where(.inverted,[data-inverted]) [text~="data-inverted\:white\/50"]{color:color-mix(in oklab, var(--colors-white) 50%, transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */;}
:where(.inverted,[data-inverted])[text~="data-inverted\:white\/60"], :where(.inverted,[data-inverted]) [text~="data-inverted\:white\/60"]{color:color-mix(in oklab, var(--colors-white) 60%, transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */;}
.dark .dark\:text-neutral-300{color:color-mix(in oklab, var(--colors-neutral-300) var(--un-text-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
.dark .dark\:text-neutral-400{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent) /* light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85)) */;}
.dark [dark\:text-neutral-300=""]{color:color-mix(in oklab, var(--colors-neutral-300) var(--un-text-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
.dark [dark\:text-neutral-400=""]{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent) /* light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85)) */;}
.data-\[highlighted\]\:text-blue[data-highlighted]{color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5849 0.1438 244.29), oklch(0.6982 0.1694 243.83)) */;}
.text-blue{color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5849 0.1438 244.29), oklch(0.6982 0.1694 243.83)) */;}
.text-neutral{color:color-mix(in oklab, var(--colors-neutral-DEFAULT) var(--un-text-opacity), transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90)) */;}
.text-neutral-600{color:color-mix(in oklab, var(--colors-neutral-600) var(--un-text-opacity), transparent) /* light-dark(oklch(0.8347 0.0125 281.04), oklch(0.4429 0.0229 282.19)) */;}
.text-neutral-700{color:color-mix(in oklab, var(--colors-neutral-700) var(--un-text-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
.text-neutral-800{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5889 0.0335 281.21), oklch(0.7168 0.0101 279.62)) */;}
.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */;}
[data-state="active"].reka-active\:text-blue:not(:has([data-state="active"].reka-active\:text-blue)), [data-state="active"]:not(:has([data-state="active"] .reka-active\:text-blue)) .reka-active\:text-blue{color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5849 0.1438 244.29), oklch(0.6982 0.1694 243.83)) */;}
[data-state="active"][reka-active\:text-blue=""]:not(:has([data-state="active"][reka-active\:text-blue=""])), [data-state="active"]:not(:has([data-state="active"] [reka-active\:text-blue=""])) [reka-active\:text-blue=""]{color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5849 0.1438 244.29), oklch(0.6982 0.1694 243.83)) */;}
[data-state="active"][text~="reka-active\:blue"]:not(:has([data-state="active"][text~="reka-active\:blue"])), [data-state="active"]:not(:has([data-state="active"] [text~="reka-active\:blue"])) [text~="reka-active\:blue"]{color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5849 0.1438 244.29), oklch(0.6982 0.1694 243.83)) */;}
[text-neutral-600=""]{color:color-mix(in oklab, var(--colors-neutral-600) var(--un-text-opacity), transparent) /* light-dark(oklch(0.8347 0.0125 281.04), oklch(0.4429 0.0229 282.19)) */;}
[text-neutral-700=""]{color:color-mix(in oklab, var(--colors-neutral-700) var(--un-text-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
[text-neutral-800=""]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5889 0.0335 281.21), oklch(0.7168 0.0101 279.62)) */;}
[text-neutral=""]{color:color-mix(in oklab, var(--colors-neutral-DEFAULT) var(--un-text-opacity), transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90)) */;}
[text-white=""]{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */;}
[text~="neutral-700"]{color:color-mix(in oklab, var(--colors-neutral-700) var(--un-text-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
[text~="neutral-700\/70"]{color:color-mix(in oklab, var(--colors-neutral-700) 70%, transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
[text~="neutral-800"]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5889 0.0335 281.21), oklch(0.7168 0.0101 279.62)) */;}
[text~="neutral"]{color:color-mix(in oklab, var(--colors-neutral-DEFAULT) var(--un-text-opacity), transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90)) */;}
[un-text-blue=""]{color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5849 0.1438 244.29), oklch(0.6982 0.1694 243.83)) */;}
[un-text-neutral-700=""]{color:color-mix(in oklab, var(--colors-neutral-700) var(--un-text-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
[un-text~="hocus\:neutral"]:hover, [un-text~="hocus\:neutral"]:focus-visible{color:color-mix(in oklab, var(--colors-neutral-DEFAULT) var(--un-text-opacity), transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90)) */;}
[un-text~="neutral-700"]{color:color-mix(in oklab, var(--colors-neutral-700) var(--un-text-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
[un-text~="neutral-800"]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5889 0.0335 281.21), oklch(0.7168 0.0101 279.62)) */;}
[un-text~="neutral-900"]{color:color-mix(in oklab, var(--colors-neutral-900) var(--un-text-opacity), transparent) /* light-dark(oklch(0.4374 0.0495 279.71), oklch(0.8619 0.0055 286.28)) */;}
[group=""]:focus-within [text~="group-focus-within\:blue"]{color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5849 0.1438 244.29), oklch(0.6982 0.1694 243.83)) */;}
.hover\:text-neutral-800:hover{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5889 0.0335 281.21), oklch(0.7168 0.0101 279.62)) */;}
[hover\:text-neutral-800=""]:hover{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent) /* light-dark(oklch(0.5889 0.0335 281.21), oklch(0.7168 0.0101 279.62)) */;}
.outline-neutral-400{outline-color:color-mix(in oklab, var(--colors-neutral-400) var(--un-outline-opacity), transparent) /* light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85)) */;}
[outline~="hocus\:blue"]:hover, [outline~="hocus\:blue"]:focus-visible{outline-color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-outline-opacity), transparent) /* light-dark(oklch(0.5849 0.1438 244.29), oklch(0.6982 0.1694 243.83)) */;}
[outline~="neutral-0\/6"]{outline-color:color-mix(in oklab, var(--colors-neutral-0) 6%, transparent) /* light-dark(oklch(1 0 90), oklch(0.2737 0.068 276.29)) */;}
[outline~="neutral-300"]{outline-color:color-mix(in oklab, var(--colors-neutral-300) var(--un-outline-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
[outline~="neutral-500"]{outline-color:color-mix(in oklab, var(--colors-neutral-500) var(--un-outline-opacity), transparent) /* light-dark(oklch(0.8681 0.0096 279.67), oklch(0.3991 0.0252 282.18)) */;}
[outline~="neutral-600"]{outline-color:color-mix(in oklab, var(--colors-neutral-600) var(--un-outline-opacity), transparent) /* light-dark(oklch(0.8347 0.0125 281.04), oklch(0.4429 0.0229 282.19)) */;}
[outline~="neutral-700"]{outline-color:color-mix(in oklab, var(--colors-neutral-700) var(--un-outline-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
[outline~="neutral\/6"]{outline-color:color-mix(in oklab, var(--colors-neutral-DEFAULT) 6%, transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90)) */;}
[outline~="neutral\/8"]{outline-color:color-mix(in oklab, var(--colors-neutral-DEFAULT) 8%, transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90)) */;}
[outline~="white\/10"]{outline-color:color-mix(in oklab, var(--colors-white) 10%, transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */;}
.border-neutral-400{border-color:color-mix(in oklab, var(--colors-neutral-400) var(--un-border-opacity), transparent) /* light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85)) */;}
.dark [border~="dark\:neutral-700"]{border-color:color-mix(in oklab, var(--colors-neutral-700) var(--un-border-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
[border-neutral-400=""]{border-color:color-mix(in oklab, var(--colors-neutral-400) var(--un-border-opacity), transparent) /* light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85)) */;}
[border~="neutral-200"]{border-color:color-mix(in oklab, var(--colors-neutral-200) var(--un-border-opacity), transparent) /* light-dark(oklch(0.9677 0.0027 286.35), oklch(0.2679 0.0334 281.42)) */;}
[border~="neutral-300"]{border-color:color-mix(in oklab, var(--colors-neutral-300) var(--un-border-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
[border~="neutral-400"]{border-color:color-mix(in oklab, var(--colors-neutral-400) var(--un-border-opacity), transparent) /* light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85)) */;}
:where(.group,[group]):hover [bg~="group-hocus\:neutral-400"], :where(.group,[group]):focus-visible [bg~="group-hocus\:neutral-400"]{background-color:color-mix(in oklab, var(--colors-neutral-400) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85)) */;}
.bg-blue{background-color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.5849 0.1438 244.29), oklch(0.6982 0.1694 243.83)) */;}
.bg-neutral{background-color:color-mix(in oklab, var(--colors-neutral-DEFAULT) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90)) */;}
.bg-neutral-0{background-color:color-mix(in oklab, var(--colors-neutral-0) var(--un-bg-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(0.2737 0.068 276.29)) */;}
.bg-neutral-100{background-color:color-mix(in oklab, var(--colors-neutral-100) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9791 0 89.88), oklch(0.2472 0.0341 281.14)) */;}
.bg-neutral-1100{background-color:color-mix(in oklab, var(--colors-neutral-1100) var(--un-bg-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(0.2185 0.0213 246.2deg)) */;}
.bg-neutral-200{background-color:color-mix(in oklab, var(--colors-neutral-200) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9677 0.0027 286.35), oklch(0.2679 0.0334 281.42)) */;}
.bg-neutral-300{background-color:color-mix(in oklab, var(--colors-neutral-300) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
.bg-neutral-400{background-color:color-mix(in oklab, var(--colors-neutral-400) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85)) */;}
.bg-neutral-50{background-color:color-mix(in oklab, var(--colors-neutral-50) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9881 0 89.88), oklch(0.2388 0.0344 281)) */;}
.bg-neutral-500{background-color:color-mix(in oklab, var(--colors-neutral-500) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.8681 0.0096 279.67), oklch(0.3991 0.0252 282.18)) */;}
.bg-neutral-700{background-color:color-mix(in oklab, var(--colors-neutral-700) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */;}
.dark .dark\:bg-neutral-1100{background-color:color-mix(in oklab, var(--colors-neutral-1100) var(--un-bg-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(0.2185 0.0213 246.2deg)) */;}
.dark .dark\:bg-neutral-700{background-color:color-mix(in oklab, var(--colors-neutral-700) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
.dark .dark\:bg-neutral-800{background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.5889 0.0335 281.21), oklch(0.7168 0.0101 279.62)) */;}
.dark [dark\:bg-neutral-1100=""]{background-color:color-mix(in oklab, var(--colors-neutral-1100) var(--un-bg-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(0.2185 0.0213 246.2deg)) */;}
.dark [dark\:bg-neutral-700=""]{background-color:color-mix(in oklab, var(--colors-neutral-700) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
.dark [dark\:bg-neutral-800=""]{background-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.5889 0.0335 281.21), oklch(0.7168 0.0101 279.62)) */;}
.data-\[highlighted\]\:bg-blue-400[data-highlighted]{background-color:color-mix(in oklab, var(--colors-blue-400) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9545 0.0167 236.69), oklch(0.2716 0.0521 257.92)) */;}
.hocus\:\!bg-neutral-300:hover, .hocus\:\!bg-neutral-300:focus-visible{background-color:color-mix(in oklab, var(--colors-neutral-300) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */ !important;}
.hocus\:bg-neutral-200:hover, .hocus\:bg-neutral-200:focus-visible{background-color:color-mix(in oklab, var(--colors-neutral-200) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9677 0.0027 286.35), oklch(0.2679 0.0334 281.42)) */;}
.hocus\:bg-neutral-300:hover, .hocus\:bg-neutral-300:focus-visible{background-color:color-mix(in oklab, var(--colors-neutral-300) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
[bg-blue=""]{background-color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.5849 0.1438 244.29), oklch(0.6982 0.1694 243.83)) */;}
[bg-neutral-0=""]{background-color:color-mix(in oklab, var(--colors-neutral-0) var(--un-bg-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(0.2737 0.068 276.29)) */;}
[bg-neutral-100=""]{background-color:color-mix(in oklab, var(--colors-neutral-100) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9791 0 89.88), oklch(0.2472 0.0341 281.14)) */;}
[bg-neutral-1100=""]{background-color:color-mix(in oklab, var(--colors-neutral-1100) var(--un-bg-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(0.2185 0.0213 246.2deg)) */;}
[bg-neutral-200=""]{background-color:color-mix(in oklab, var(--colors-neutral-200) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9677 0.0027 286.35), oklch(0.2679 0.0334 281.42)) */;}
[bg-neutral-300=""]{background-color:color-mix(in oklab, var(--colors-neutral-300) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
[bg-neutral-400=""]{background-color:color-mix(in oklab, var(--colors-neutral-400) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85)) */;}
[bg-neutral-50=""]{background-color:color-mix(in oklab, var(--colors-neutral-50) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9881 0 89.88), oklch(0.2388 0.0344 281)) */;}
[bg-neutral-500=""]{background-color:color-mix(in oklab, var(--colors-neutral-500) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.8681 0.0096 279.67), oklch(0.3991 0.0252 282.18)) */;}
[bg-neutral-700=""]{background-color:color-mix(in oklab, var(--colors-neutral-700) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
[bg-neutral=""]{background-color:color-mix(in oklab, var(--colors-neutral-DEFAULT) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90)) */;}
[bg-white=""]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */;}
[bg~="darkblue\/70"]{background-color:color-mix(in oklab, var(--colors-darkblue) 70%, transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(0.2737 0.068 276.29)) */;}
[bg~="hocus\:neutral-100"]:hover, [bg~="hocus\:neutral-100"]:focus-visible{background-color:color-mix(in oklab, var(--colors-neutral-100) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9791 0 89.88), oklch(0.2472 0.0341 281.14)) */;}
[bg~="hocus\:neutral-200"]:hover, [bg~="hocus\:neutral-200"]:focus-visible{background-color:color-mix(in oklab, var(--colors-neutral-200) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9677 0.0027 286.35), oklch(0.2679 0.0334 281.42)) */;}
[bg~="neutral-300"]{background-color:color-mix(in oklab, var(--colors-neutral-300) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
[bg~="neutral-400"]{background-color:color-mix(in oklab, var(--colors-neutral-400) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85)) */;}
[bg~="neutral\/3"]{background-color:color-mix(in oklab, var(--colors-neutral-DEFAULT) 3%, transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90)) */;}
[data-state="active"].reka-active\:bg-blue-400:not(:has([data-state="active"].reka-active\:bg-blue-400)), [data-state="active"]:not(:has([data-state="active"] .reka-active\:bg-blue-400)) .reka-active\:bg-blue-400{background-color:color-mix(in oklab, var(--colors-blue-400) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9545 0.0167 236.69), oklch(0.2716 0.0521 257.92)) */;}
[data-state="active"].reka-active\:hocus\:\!bg-blue-400:hover, .reka-active\:hocus\:\!bg-blue-400:focus-visible:not(:has([data-state="active"].reka-active\:hocus\:\!bg-blue-400:hover, .reka-active\:hocus\:\!bg-blue-400:focus-visible)), [data-state="active"]:not(:has([data-state="active"] .reka-active\:hocus\:\!bg-blue-400:hover, .reka-active\:hocus\:\!bg-blue-400:focus-visible)) .reka-active\:hocus\:\!bg-blue-400:hover, .reka-active\:hocus\:\!bg-blue-400:focus-visible{background-color:color-mix(in oklab, var(--colors-blue-400) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9545 0.0167 236.69), oklch(0.2716 0.0521 257.92)) */ !important;}
[data-state="active"][reka-active\:bg-blue-400=""]:not(:has([data-state="active"][reka-active\:bg-blue-400=""])), [data-state="active"]:not(:has([data-state="active"] [reka-active\:bg-blue-400=""])) [reka-active\:bg-blue-400=""]{background-color:color-mix(in oklab, var(--colors-blue-400) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9545 0.0167 236.69), oklch(0.2716 0.0521 257.92)) */;}
[hocus\:bg-neutral-300=""]:hover, [hocus\:bg-neutral-300=""]:focus-visible{background-color:color-mix(in oklab, var(--colors-neutral-300) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
.dark [hover~="dark\:bg-neutral-700"]:hover{background-color:color-mix(in oklab, var(--colors-neutral-700) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.6613 0.0281 280.83), oklch(0.64 0.0148 285.97)) */;}
.hover\:bg-neutral-100:hover{background-color:color-mix(in oklab, var(--colors-neutral-100) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9791 0 89.88), oklch(0.2472 0.0341 281.14)) */;}
.hover\:bg-neutral-300:hover{background-color:color-mix(in oklab, var(--colors-neutral-300) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
[hover\:bg-neutral-100=""]:hover{background-color:color-mix(in oklab, var(--colors-neutral-100) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9791 0 89.88), oklch(0.2472 0.0341 281.14)) */;}
[hover\:bg-neutral-300=""]:hover{background-color:color-mix(in oklab, var(--colors-neutral-300) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
[hover~="bg-neutral-100"]:hover{background-color:color-mix(in oklab, var(--colors-neutral-100) var(--un-bg-opacity), transparent) /* light-dark(oklch(0.9791 0 89.88), oklch(0.2472 0.0341 281.14)) */;}
[ring~="neutral-400"]{--un-ring-color:color-mix(in oklab, var(--colors-neutral-400) var(--un-ring-opacity), transparent) /* light-dark(oklch(0.9203 0.0067 286.27), oklch(0.3117 0.0304 281.85)) */;}
[ring~="neutral-500"]{--un-ring-color:color-mix(in oklab, var(--colors-neutral-500) var(--un-ring-opacity), transparent) /* light-dark(oklch(0.8681 0.0096 279.67), oklch(0.3991 0.0252 282.18)) */;}
}
@media (max-width: calc(80rem - 0.1px)){
.max-xl\:block,
[max-xl\:block=""]{display:block;}
.max-xl\:hidden,
[max-xl\:hidden=""]{display:none;}
}
@media (min-width: 40rem){
.sm\:gap-12,
[flex~="sm\:gap-12"]{gap:calc(var(--spacing) * 12);}
.sm\:inline{display:inline;}
}
@media (min-width: 48rem){
.md\:mx-auto{margin-inline:auto;}
.md\:py-6{padding-block:calc(var(--spacing) * 6);}
[flex~="md\:\~"]{display:flex;}
.md\:gap-16,
[grid~="md\:gap-16"]{gap:calc(var(--spacing) * 16);}
.md\:gap-8,
[grid~="md\:gap-8"]{gap:calc(var(--spacing) * 8);}
.md\:col-2,
[md\:col-2=""]{grid-column:2;}
.md\:col-span-3{grid-column:span 3/span 3;}
.md\:col-span-6{grid-column:span 6/span 6;}
.md\:cols-6,
[grid~="md\:cols-6"]{grid-template-columns:repeat(6,minmax(0,1fr));}
.md\:max-h-55vh,
[md\:max-h-55vh=""]{max-height:55vh;}
.md\:max-w-1220{max-width:calc(var(--spacing) * 1220);}
.md\:block{display:block;}
[empty~="md\:block"]:empty{display:block;}
.md\:var\:nq-sidebar-width\:288px,
[md\:var\:nq-sidebar-width\:288px=""]{--nq-sidebar-width:288px;}
.md\:var\:nq-sidebar-width\:288px\>{--nq-sidebar-width:288px>;}
}
@media (min-width: 80rem){
[pb~="xl\:sm"]{padding-bottom:var(--spacing-sm);}
[xl\:hidden=""]{display:none;}
}