/* layer: layers */
@layer preflights, theme, utilities;
/* layer: preflights */
/*
  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(
    --defaults-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(--defaults-font-featureSettings, normal); /* 5 */
  font-variation-settings: var(--defaults-font-variationSettings, normal); /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
  Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  line-height: inherit;
}

/*
  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(
    --defaults-monoFont-family,
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    'Liberation Mono',
    'Courier New',
    monospace
  ); /* 1 */
  font-feature-settings: var(--defaults-monoFont-featureSettings, normal); /* 2 */
  font-variation-settings: var(--defaults-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;
}

/*
  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  2. Set the default placeholder color to a semi-transparent version of the current text color.
*/

::placeholder {
  opacity: 1; /* 1 */
  color: color-mix(in oklab, currentColor 50%, transparent); /* 2 */
}

/*
  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;
}

/*
  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;
}
@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: 16px;
  /* 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 *)) {
      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));
    --font-size-fluid: calc(var(--unit) * var(--font-size-min-em) + var(--font-size-range) * var(--f-factor));
    --font-size: clamp(
      var(--unit) * var(--font-size-min-em),
      var(--font-size-fluid),
      var(--unit) * var(--font-size-max-em)
    );
    font-size: var(--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, 780px);
    margin-left: auto;
    margin-right: auto;
    font-family: var(--nq-font-sans, 'Mulish');

    &:where(h1) {
      --font-size-min-em: 2.75;
      --font-size-max-em: 3;
      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: 2;
      --font-size-max-em: 2.375;
      line-height: 1.3;
      font-weight: 700;

      margin-top: var(--nq-m-size);
      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.625;
      --font-size-max-em: 1.875;
      line-height: 1.3;
      font-weight: 700;

      margin-bottom: 24px;
      margin-top: var(--nq-m-size);
      --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.375;
      --font-size-max-em: 1.625;
      line-height: 1.3;
      font-weight: 700;

      margin-top: var(--nq-m-size);
      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;
    }

    /* 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;

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

    &:where(blockquote) {
      background: var(--colors-green-400);
      --margin-min-lh: 0.5833;
      --margin-max-lh: 0.6667;
      padding: var(--nq-m-size);
      border-radius: 6px;
      box-shadow: 0 0 0 1.5px var(--colors-green-600);
      font-weight: 600;
      transform: translateX(-8px);
      width: calc(100% + 16px);
      --font-size-min-em: 0.75;
      --font-size-max-em: 0.875;
    }

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

    /* 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;

        @media screen and (min-width: 769px) {
          margin-left: 32px;
        }

        @media screen and (min-width: 1153px) {
          margin-left: 40px;
        }

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

        @media screen and (min-width: 769px) {
          margin-left: 32px;
        }

        @media screen and (min-width: 1153px) {
          margin-left: 40px;
        }

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

        > ol {
          counter-reset: subitem;

          li {
            counter-increment: subitem;

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

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

      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.25em;
    }

    &: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) {
      font-weight: 600;
      text-decoration: none;
      color: var(--colors-blue);
    }

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

/* layer: icons */
.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\:home,
[i-tabler\:home=""]{--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='M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6'/%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\: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(%23IconifyId1973535ae698969a73)' 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='IconifyId1973535ae698969a73' 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(%23IconifyId1973535ae698969a75)' 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='IconifyId1973535ae698969a75' 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\: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\: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\: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(%23IconifyId1973535ae698969a72)' 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='IconifyId1973535ae698969a72' 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\: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\: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(%23IconifyId1973535ae698969a70)'%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='IconifyId1973535ae698969a70'%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\:widget,
[i-nimiq\:widget=""]{--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' d='M.5 2.5a2 2 0 012-2h2A.5.5 0 015 1v2.5a.5.5 0 01-.5.5H1a.5.5 0 01-.5-.5zM7 1a.5.5 0 01.5-.5h2a2 2 0 012 2v4a.5.5 0 01-.5.5H7.5a.5.5 0 01-.5-.5zM.5 6.5A.5.5 0 011 6h3.5a.5.5 0 01.5.5V11a.5.5 0 01-.5.5h-2a2 2 0 01-2-2zm6.5 3a.5.5 0 01.5-.5H11a.5.5 0 01.5.5 2 2 0 01-2 2h-2A.5.5 0 017 11z'/%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(%23IconifyId1973535ae698969a74)' 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='IconifyId1973535ae698969a74' 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(%23IconifyId1973535ae698969a71)'%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='IconifyId1973535ae698969a71'%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: 1px;
--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-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: 3px;
--text-xs-lineHeight: 4px;
--text-sm-fontSize: 3.5px;
--text-sm-lineHeight: 5px;
--text-base-fontSize: 4px;
--text-base-lineHeight: 6px;
--text-lg-fontSize: 4.5px;
--text-lg-lineHeight: 7px;
--text-xl-fontSize: 5px;
--text-xl-lineHeight: 7px;
--text-2xl-fontSize: 6px;
--text-2xl-lineHeight: 8px;
--text-3xl-fontSize: 7.5px;
--text-3xl-lineHeight: 9px;
--text-4xl-fontSize: 9px;
--text-4xl-lineHeight: 10px;
--text-5xl-fontSize: 12px;
--text-5xl-lineHeight: 1;
--text-6xl-fontSize: 15px;
--text-6xl-lineHeight: 1;
--text-7xl-fontSize: 18px;
--text-7xl-lineHeight: 1;
--text-8xl-fontSize: 24px;
--text-8xl-lineHeight: 1;
--text-9xl-fontSize: 32px;
--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: 6px;
--textStrokeWidth-none: 0;
--textStrokeWidth-sm: thin;
--textStrokeWidth-md: medium;
--textStrokeWidth-lg: thick;
--radius-DEFAULT: 1px;
--radius-none: 0;
--radius-xs: 0.5px;
--radius-sm: 1px;
--radius-md: 1.5px;
--radius-lg: 2px;
--radius-xl: 3px;
--radius-2xl: 4px;
--radius-3xl: 6px;
--radius-4xl: 8px;
--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;
--defaults-transition-duration: 150ms;
--defaults-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1);
--defaults-font-family: var(--font-sans);
--defaults-font-featureSettings: var(--font-sans--font-feature-settings);
--defaults-font-variationSettings: var(--font-sans--font-variation-settings);
--defaults-monoFont-family: var(--font-mono);
--defaults-monoFont-featureSettings: var(--font-mono--font-feature-settings);
--defaults-monoFont-variationSettings: var(--font-mono--font-variation-settings);
--container-3xs: 64px;
--container-2xs: 72px;
--container-xs: 80px;
--container-sm: 96px;
--container-md: 112px;
--container-lg: 128px;
--container-xl: 144px;
--container-2xl: 168px;
--container-3xl: 192px;
--container-4xl: 224px;
--container-5xl: 256px;
--container-6xl: 288px;
--container-7xl: 320px;
--container-prose: 65ch;
--transitionProperty-colors: color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-fn-from,--un-gradient-fn-to;
}
/* layer: cssvar-property */
@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%;}
/* 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: 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; }
/* 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-color: var(--colors-blue);
  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;
  }

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

  &:where(p) {
    --line-height: 1.3125;
  }

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

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

  /* Hide empty paragraphs. This is mostly for the markdown */
  &:where(p, span):empty {
    display: none;
  }

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

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

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

  &:where(code) {
    line-height: 1.875rem;
  }

  :where(:where(h1, h2, h3, h4, h5, h6, p, li, span, a) > code) {
    background-color: var(--colors-neutral-200);
  }

  &: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 */
.f-text-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-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-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-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-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-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-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-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-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-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-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-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-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-lg=""],
[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-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-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-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-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-top-xl,
[f-top-xl=""]{--f-top-min:48;--f-top-max:72;top:clamp(calc(var(--f-top-unit, 1px) * var(--f-top-min, 16)), calc(var(--f-top-unit, 1px) * var(--f-top-min, 16) + (var(--f-top-max, 16) - var(--f-top-min, 16)) * (var(--f-top-container, 100vw) - (var(--f-top-unit, 1px) * var(--f-top-min-container, 320))) / (var(--f-top-max-container, 1920) - var(--f-top-min-container, 320))), calc(var(--f-top-unit, 1px) * var(--f-top-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)));}
@media (min-width: 48rem){
.md\: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-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)));}
.md\: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)));}
.md\: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)));}
[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)));}
}
/* layer: onmax */
.stack,
[stack=""]{width:100%;display:grid;place-content:center;grid-template-columns:1fr;grid-template-rows:1fr;}
.stack > *,
[stack=""] > *{grid-area:1 / 1;align-self:center;justify-self:center;}
/* 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-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-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{  & {
    --nq-gradient-from: var(--colors-neutral-gradient-from);
    --nq-gradient-to: var(--colors-neutral-gradient-to);
    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;
    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(--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=""]{font-size:0.75rem;}
.text-16,
[text-16=""]{font-size:1rem;}
.text-17,
[text-17=""]{font-size:1.0625rem;}
.text-18,
[text-18=""],
[un-text~="\31 8"]{font-size:1.125rem;}
.text-20,
[text-20=""]{font-size:1.25rem;}
[text~="\31 0"]{font-size:0.625rem;}
[text~="\38 "]{font-size:0.5rem;}
[text~="\39 "]{font-size:0.5625rem;}
: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,
[group=""]:focus-within [text~="group-focus-within\:blue"]{color:color-mix(in oklch, 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-800"], :where(.group,[group]):focus-visible [text~="group-hocus\:neutral-800"],
.text-neutral-800,
[text-neutral-800=""],
[un-text-neutral-800=""]{color:color-mix(in oklch, 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,
[text-neutral=""],
[text~="neutral"],
[un-text~="hocus\:neutral"]:hover, [un-text~="hocus\:neutral"]:focus-visible{color:color-mix(in oklch, var(--colors-neutral-DEFAULT) var(--un-text-opacity), transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90)) */;}
.text-neutral-700,
[text-neutral-700=""],
[text~="neutral-700"]{color:color-mix(in oklch, 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-white{color:color-mix(in oklch, var(--colors-white) var(--un-text-opacity), transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */;}
[un-text~="neutral-900"]{color:color-mix(in oklch, 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)) */;}
.data-\[highlighted\]\:font-semibold[data-highlighted],
.font-semibold,
[font-semibold=""]{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}
.font-light,
[font-light=""]{--un-font-weight:var(--fontWeight-light);font-weight:var(--fontWeight-light);}
.font-normal,
[font-normal=""]{--un-font-weight:var(--fontWeight-normal);font-weight:var(--fontWeight-normal);}
.lh-none,
[lh-none=""]{--un-leading:var(--leading-none);line-height:var(--leading-none);}
[tracking-wide=""]{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}
.children\:mx-0>*,
[children\:mx-0=""]>*{margin-inline:calc(var(--spacing) * 0);}
.children\:my-auto>*,
[children\:my-auto=""]>*{margin-block:auto;}
.mx-8,
[mx-8=""]{margin-inline:calc(var(--spacing) * 8);}
.mx-auto,
[mx-auto=""]{margin-inline:auto;}
.mb-4,
[mb-4=""]{margin-bottom:calc(var(--spacing) * 4);}
.ml--6,
[ml--6=""]{margin-left:calc(var(--spacing) * -6);}
.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-8,
[mr-8=""]{margin-right:calc(var(--spacing) * 8);}
.mt-0,
[mt-0=""]{margin-top:calc(var(--spacing) * 0);}
.mt-24,
[mt-24=""]{margin-top:calc(var(--spacing) * 24);}
.mt-auto{margin-top:auto;}
[mb-56=""]{margin-bottom:calc(var(--spacing) * 56);}
.p-2,
[p-2=""]{padding:calc(var(--spacing) * 2);}
.p-4,
[p-4=""]{padding:calc(var(--spacing) * 4);}
.px-2{padding-inline:calc(var(--spacing) * 2);}
.px-24,
[px-24=""]{padding-inline:calc(var(--spacing) * 24);}
.px-32,
[px-32=""]{padding-inline:calc(var(--spacing) * 32);}
.px-6,
[p~="x-6"],
[px-6=""]{padding-inline:calc(var(--spacing) * 6);}
.px-8,
[px-8=""]{padding-inline:calc(var(--spacing) * 8);}
.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{padding-block:calc(var(--spacing) * 8);}
[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);}
.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);}
.text-center,
[text-center=""],
[text~="center"]{text-align:center;}
.text-left,
[text-left=""],
[text~="left"]{text-align:left;}
.outline-1\.5,
[outline~="\31 \.5"]{outline-style:var(--un-outline-style);outline-width:1.5px;}
[outline~="\38 "]{outline-style:var(--un-outline-style);outline-width:8px;}
.outline-neutral-400{outline-color:color-mix(in oklch, 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 oklch, 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-500"]{outline-color:color-mix(in oklch, 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-700"]{outline-color:color-mix(in oklch, 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"]{outline-color:color-mix(in oklch, var(--colors-neutral-DEFAULT) var(--un-outline-opacity), transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(1 0 90)) */;}
[outline~="white\/8"]{outline-color:color-mix(in oklch, var(--colors-white) 8%, 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~="solid"]{--un-outline-style:solid;outline-style:solid;}
.list-none,
[list-none=""]{list-style-type:none;}
.overscroll-contain,
[overscroll-contain=""]{overscroll-behavior:contain;}
[data-state="open"].reka-open\:b-0, [data-state="open"] .reka-open\:b-0{border-width:0px;}
[border~="t"]{border-top-width:1px;}
[border~="neutral-300"]{border-color:color-mix(in oklch, 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 oklch, 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)) */;}
.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-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"], [data-state="open"] [rounded~="reka-open\:b-0"]{border-bottom-left-radius:0;border-bottom-right-radius:0;}
.border-none,
[border~="none"]{--un-border-style:none;border-style:none;}
: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 oklch, 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 oklch, 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 oklch, 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 oklch, 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=""]{background-color:color-mix(in oklch, 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-200,
[bg-neutral-200=""]{background-color:color-mix(in oklch, 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 oklch, 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 oklch, 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 oklch, 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,
[bg-neutral-700=""]{background-color:color-mix(in oklch, 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=""]{background-color:transparent;}
.data-\[highlighted\]\:bg-blue-400[data-highlighted]{background-color:color-mix(in oklch, 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 oklch, 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 oklch, var(--colors-darkblue) 70%, transparent) /* light-dark(oklch(0.2737 0.068 276.29), oklch(0.2737 0.068 276.29)) */;}
.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"]{opacity:100%;}
:where(.group,[group]):hover [op~="group-hocus\:80"], :where(.group,[group]):focus-visible [op~="group-hocus\:80"],
[op~="\38 0"]{opacity:80%;}
.op-70,
[op-70=""],
[op~="\37 0"]{opacity:70%;}
[op~="\36 0"]{opacity:60%;}
.after\:op-70::after{opacity:70%;}
.hocus\:after\:op-100:hover, .hocus\:after\:op-100:focus-visible::after{opacity:100%;}
[underline=""]{text-decoration-line:underline;}
[hover\:underline=""]:hover{text-decoration-line:underline;}
.flex,
[flex=""],
[flex~="\~"]{display:flex;}
.inline-flex,
[inline-flex=""]{display:inline-flex;}
.flex-1,
[flex-1=""]{flex:1 1 0%;}
.shrink-0,
[flex~="shrink-0"],
[shrink-0=""]{flex-shrink:0;}
[flex~="col"]{flex-direction:column;}
[flex~="wrap"]{flex-wrap:wrap;}
.gap-12,
[flex~="gap-12"]{gap:calc(var(--spacing) * 12);}
.gap-16,
[flex~="gap-16"]{gap:calc(var(--spacing) * 16);}
.gap-4,
[flex~="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);}
[grid~="\~"]{display:grid;}
.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;}
.grid-cols-\[max-content_1fr\]{grid-template-columns:max-content 1fr;}
.cols-2,
[grid~="cols-2"]{grid-template-columns:repeat(2,minmax(0,1fr));}
.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.rows-2,
[grid~="rows-2"]{grid-template-rows:repeat(2,minmax(0,1fr));}
.size-28,
[size-28=""]{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28);}
.size-32{width:calc(var(--spacing) * 32);height:calc(var(--spacing) * 32);}
.size-48,
[size-48=""]{width:calc(var(--spacing) * 48);height:calc(var(--spacing) * 48);}
.size-6,
[size-6=""]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);}
.size-full,
[size-full=""]{width:100%;height:100%;}
[before~="size-full"]::before{width:100%;height:100%;}
.children\:max-w-\[max\(50\%\,240px\)\]>*{max-width:max(50%,240px);}
.h-1\.5,
[h-1\.5=""]{height:calc(var(--spacing) * 1.5);}
.h-2,
.h2,
[h-2=""]{height:calc(var(--spacing) * 2);}
.h-24,
[h-24=""]{height:calc(var(--spacing) * 24);}
.h-80vh,
[h-80vh=""]{height:80vh;}
.h-full,
[h-full=""]{height:100%;}
.h-max,
[h-max=""]{height:max-content;}
.h3{height:calc(var(--spacing) * 3);}
.max-h-20vh{max-height:20vh;}
.max-h-85vh,
[max-h-85vh=""]{max-height:85vh;}
.max-w-420px,
[max-w-420px=""]{max-width:420px;}
.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-40{min-width:calc(var(--spacing) * 40);}
.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-64,
[w-64=""]{width:calc(var(--spacing) * 64);}
.w-90vw,
[w-90vw=""]{width:90vw;}
.w-full,
[w-full=""]{width:100%;}
.w-screen,
[w-screen=""]{width:100vw;}
[children\:children\:h-56=""]>*>*{height:calc(var(--spacing) * 56);}
[h-48~="\!"]{height:calc(var(--spacing) * 48) !important;}
[h~="\[calc\(100vh-var\(--f-h\)\)\]"]{height:calc(100vh - var(--f-h));}
[max-h~="\39 6\%"]{max-height:96%;}
[w-6=""]{width:calc(var(--spacing) * 6);}
[w-max=""]{width:max-content;}
[w~="\[calc\(100\%-30px\)\]"]{width:calc(100% - 30px);}
[w~="\[calc\(100vw-16px\)\]"]{width:calc(100vw - 16px);}
[w~="\[calc\(100vw-2\*var\(--colors-sidebar-width\)-2\*var\(--f-px\)\)\]"]{width:calc(100vw - 2 * var(--colors-sidebar-width) - 2 * var(--f-px));}
[w~="\[calc\(var\(--colors-sidebar-width\)\+24px\)\]"]{width:calc(var(--colors-sidebar-width) + 24px);}
[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);}
.block,
[block=""]{display:block;}
.contents,
[contents=""]{display:contents;}
.hidden,
[hidden=""]{display:none;}
[empty~="hidden"]:empty{display:none;}
[cursor-pointer=""]{cursor:pointer;}
.select-none,
[select-none=""]{-webkit-user-select:none;user-select:none;}
.content-empty,
[content-empty=""]{content:"";}
.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~="\31 \.5"]{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1.5px + 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-300"]{--un-ring-color:color-mix(in oklch, var(--colors-neutral-300) var(--un-ring-opacity), transparent) /* light-dark(oklch(0.95 0.004 286.32), oklch(0.2842 0.033 281.61)) */;}
[ring~="neutral-400"]{--un-ring-color:color-mix(in oklch, 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 oklch, 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,
[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);}
.-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-50vw,
[translate-x-50vw=""]{--un-translate-x:50vw;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-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;}
.scale-80,
[scale-80=""]{--un-scale-x:80%;--un-scale-y:80%;scale:var(--un-scale-x) var(--un-scale-y);}
.transition-all,
[transition-all=""]{transition-property:all;transition-timing-function:var(--un-ease, var(--defaults-transition-timingFunction));transition-duration:var(--un-duration, var(--defaults-transition-duration));}
.transition-border-radius,
[transition-border-radius=""]{transition-property:border-radius;transition-timing-function:var(--un-ease, var(--defaults-transition-timingFunction));transition-duration:var(--un-duration, var(--defaults-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(--defaults-transition-timingFunction));transition-duration:var(--un-duration, var(--defaults-transition-duration));}
.transition-opacity,
[transition-opacity=""]{transition-property:opacity;transition-timing-function:var(--un-ease, var(--defaults-transition-timingFunction));transition-duration:var(--un-duration, var(--defaults-transition-duration));}
.transition-outline-color,
[transition-outline-color=""]{transition-property:outline-color;transition-timing-function:var(--un-ease, var(--defaults-transition-timingFunction));transition-duration:var(--un-duration, var(--defaults-transition-duration));}
[transition~="\[color\,transform\]"]{transition-property:color,transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--defaults-transition-timingFunction));transition-duration:var(--un-duration, var(--defaults-transition-duration));}
.items-center,
[flex~="items-center"],
[grid~="items-center"]{align-items:center;}
.items-baseline,
[flex~="items-baseline"]{align-items:baseline;}
.justify-center,
[flex~="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-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--32,
[left--32=""]{left:calc(var(--spacing) * -32);}
.left--50\%{left:-50%;}
.left-0,
[left-0=""],
[left~="\30 "]{left:calc(var(--spacing) * 0);}
.left-12,
[data-state=open] [left~="\[\[data-state\=open\]_\&\]\: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-0,
[right-0=""]{right:calc(var(--spacing) * 0);}
.right-16,
[right-16=""]{right:calc(var(--spacing) * 16);}
.top--50\%{top:-50%;}
.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-6,
[top-6=""]{top:calc(var(--spacing) * 6);}
[left~="\35 0\%"]{left:50%;}
[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-2,
[z-2=""]{z-index:2;}
.z-20,
[z-20=""]{z-index:20;}
.z-3,
[z-3=""]{z-index:3;}
.z-30,
[z-30=""]{z-index:30;}
.z-50,
[z-50=""]{z-index:50;}
.z-90,
[z-90=""]{z-index:90;}
.of-auto,
[of-auto=""]{overflow:auto;}
.of-hidden,
[of-hidden=""],
[un-of-hidden=""]{overflow:hidden;}
[of-clip=""]{overflow:clip;}
.of-y-auto,
[of-y-auto=""],
[of~="y-auto"]{overflow-y:auto;}
[of~="x-hidden"]{overflow-x:hidden;}
.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{--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));}
.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;}
.touch-none,
[touch-none=""]{touch-action:none;}
.var\:nq-prose-max-width\:none\>{--nq-prose-max-width: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;}
[var\:nq-prose-max-width\:none=""]{--nq-prose-max-width:none;}
[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~="min-80"]{--f-size-min:80;}
[f-size~="max-64"]{--f-size-max:64;}
[f-size~="\~"]{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-48"]{--f-px-min:48;}
[f~="\$h-max-88"]{--f-h-max:88;}
[f~="\$px-max-72"]{--f-px-max:72;}
[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)));}
[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)));}
[data-state="open"][un-animate-collapsible~="reka-open\:down"], [data-state="open"] [un-animate-collapsible~="reka-open\:down"]{animation:reka-collapsible-down 0.2s ease-out;}
[data-state="closed"][un-animate-collapsible~="reka-closed\:up"], [data-state="closed"] [un-animate-collapsible~="reka-closed\:up"]{animation:reka-collapsible-up 0.2s ease-out;}
@media (min-width: 48rem){
.md\:mx-auto{margin-inline:auto;}
.md\:ml-\$nq-sidebar-width{margin-left:var(--nq-sidebar-width);}
.md\:py-6{padding-block:calc(var(--spacing) * 6);}
[pb~="md\:sm"]{padding-bottom:calc(var(--spacing) * 3.5);}
[flex~="md\:\~"]{display:flex;}
.md\:gap-16,
[grid~="md\:gap-16"]{gap:calc(var(--spacing) * 16);}
.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\:hidden,
[md\:hidden=""]{display:none;}
.md\:var\:nq-sidebar-width\:288px\>{--nq-sidebar-width:288px>;}
[md\:var\:nq-sidebar-width\:288px=""]{--nq-sidebar-width:288px;}
}
/* layer: nq-variants */
: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=""]{color:color-mix(in oklch, 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 oklch, 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 oklch, var(--colors-white) 60%, transparent) /* light-dark(oklch(1 0 90), oklch(1 0 90)) */;}
[data-state=active]:not(:has([data-state])) .data-active\:text-blue, [data-state=active]:not(:has([data-state])).data-active\:text-blue,
[data-state=active]:not(:has([data-state])) [data-active\:text-blue=""], [data-state=active]:not(:has([data-state]))[data-active\:text-blue=""],
[data-state=active]:not(:has([data-state])) [text~="data-active\:blue"], [data-state=active]:not(:has([data-state]))[text~="data-active\:blue"]{color:color-mix(in oklch, 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]:not(:has([data-state])) .data-active\:font-bold, [data-state=active]:not(:has([data-state])).data-active\:font-bold,
[data-state=active]:not(:has([data-state])) [data-active\:font-bold=""], [data-state=active]:not(:has([data-state]))[data-active\:font-bold=""]{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}
: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);}
[data-state=active]:not(:has([data-state])) .data-active\:bg-blue-400, [data-state=active]:not(:has([data-state])).data-active\:bg-blue-400,
[data-state=active]:not(:has([data-state])) [data-active\:bg-blue-400=""], [data-state=active]:not(:has([data-state]))[data-active\:bg-blue-400=""]{background-color:color-mix(in oklch, 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]:not(:has([data-state])) .data-active\:hocus\:\!bg-blue-400:hover, .data-active\:hocus\:\!bg-blue-400:focus-visible, [data-state=active]:not(:has([data-state])).data-active\:hocus\:\!bg-blue-400:hover, .data-active\:hocus\:\!bg-blue-400:focus-visible{background-color:color-mix(in oklch, 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=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=""]{--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);}
:where(.inverted,[data-inverted])[f-text~="data-inverted\:2xl"], :where(.inverted,[data-inverted]) [f-text~="data-inverted\: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)));}
: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-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)));}