/* layer: theme */
:root { --spacing: 0.25rem; --font-weight-semibold: 600; --colors-neutral-700: rgb(var(--nq-neutral-700)); --colors-white: #fff; --defaults-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --defaults-transition-duration: 150ms; --colors-neutral-300: rgb(var(--nq-neutral-300)); --colors-neutral-800: rgb(var(--nq-neutral-800)); --colors-neutral-200: rgb(var(--nq-neutral-200)); --colors-neutral-400: rgb(var(--nq-neutral-400)); --colors-neutral-100: rgb(var(--nq-neutral-100)); --colors-neutral-500: rgb(var(--nq-neutral-500)); --font-weight-light: 300; --tracking-wide: 0.025em; --font-weight-normal: 400; --colors-blue-400: rgb(var(--nq-blue-400)); --font-weight-bold: 700; --colors-neutral-900: rgb(var(--nq-neutral-900)); --ease-in: cubic-bezier(0.4, 0, 1, 1); --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-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --defaults-font-family: var(--font-sans); --defaults-font-feature-settings: var(--font-sans--font-feature-settings); --defaults-font-variation-settings: var(--font-sans--font-variation-settings); --defaults-mono-font-family: var(--font-mono); --defaults-mono-font-feature-settings: var(--font-mono--font-feature-settings); --defaults-mono-font-variation-settings: var(--font-mono--font-variation-settings); }
/* layer: nq-layer-definition */
@layer nq-reset, nq-colors, nq-preflight, nq-typography, nq-utilities, nq-variants;
/* layer: nq-reset */
@layer nq-reset { 
/*
Please read: https://github.com/unocss/unocss/blob/main/packages-presets/reset/tailwind-compat.md
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: var(--un-default-border-color, #e5e7eb); /* 2 */
}

/*
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 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  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: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
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. Ensure horizontal rules are visible by default.
*/

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]) {
  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;
  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: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: 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 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  /* Will affect the button style of most component libraries, so disable it */
  /* https://github.com/unocss/unocss/issues/2127 */
  /* background-color: transparent; !* 2 *! */
  background-image: none; /* 2 */
}

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

:-moz-focusring {
  outline: auto;
}

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

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

progress {
  vertical-align: baseline;
}

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

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

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

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

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

summary {
  display: list-item;
}

/*
Removes the default spacing for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

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

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

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

}
/* layer: preflights */
 *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  font-family: var( --defaults-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' );  font-feature-settings: var(--defaults-font-feature-settings, normal);  font-variation-settings: var(--defaults-font-variation-settings, normal);  -webkit-tap-highlight-color: transparent;  }  body { line-height: inherit; }  hr { height: 0;  color: inherit;  border-top-width: 1px;  }  abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }  a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --defaults-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--defaults-mono-font-feature-settings, normal);  font-variation-settings: var(--defaults-mono-font-variation-settings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; }  table { text-indent: 0;  border-color: inherit;  border-collapse: collapse;  }  :-moz-focusring { outline: auto; }  progress { vertical-align: baseline; }  summary { display: list-item; }  ol, ul, menu { list-style: none; }  img, svg, video, canvas, audio, iframe, embed, object { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }  ::file-selector-button { margin-inline-end: 4px; }  ::placeholder { opacity: 1;  color: color-mix(in oklab, currentColor 50%, transparent);  }  textarea { resize: vertical; }  ::-webkit-search-decoration { -webkit-appearance: none; }  ::-webkit-date-and-time-value { min-height: 1lh;  text-align: inherit;  }  ::-webkit-datetime-edit { display: inline-flex; }  ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; }  :-moz-ui-invalid { box-shadow: none; }  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden='until-found'])) { display: none !important; }
@property --un-gradient-fn-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #000
}
@property --un-gradient-fn-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #000
}
@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 } }
@layer nq-typography { 
:root {
  /* Base font sizes */
  --nq-m-min: 0;
  --nq-m-max: 0;

  /* Viewport widths */
  --nq-screen-width-min: 320;
  --nq-screen-width-max: 1152;

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

/**
 * Make sure to import also nimiq-colors layer found in this package
 **/
.nq-prose,
[nq-prose],
.nq-prose-compact,
[nq-prose-compact] {
  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;
        }
      }
    }
  }

  * {
    /* Margin calculation */
    --nq-margin-width-range: calc(var(--nq-screen-width-max) - var(--nq-screen-width-min));
    --nq-margin-scale-factor: calc((100vw - (1px * var(--nq-screen-width-min))) / var(--nq-margin-width-range));
    --nq-m-range: calc(var(--nq-m-max) - var(--nq-m-min));
    --nq-m-fluid: calc(1px * var(--nq-m-min) + var(--nq-m-range) * var(--nq-margin-scale-factor));
    --nq-m-size: clamp(calc(1px * var(--nq-m-min)), var(--nq-m-fluid), calc(var(--nq-m-max) * 1px));
  }

  > *: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: 44;
      --font-size-max: 48;
      font-size: var(--font-size);
      line-height: 1.5;
      font-weight: 700;
    }

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

    &:where(h2) {
      --font-size-min: 32;
      --font-size-max: 38;
      font-size: var(--font-size);
      line-height: 1.3;
      font-weight: 700;

      margin-top: var(--nq-m-size);
      margin-bottom: 24px;
      --nq-m-min: 88;
      --nq-m-max: 96;

      &:where(h1 + h2) {
        --nq-m-min: 40;
        --nq-m-max: 48;
      }
    }

    &:where(h3) {
      --font-size-min: 26;
      --font-size-max: 30;
      font-size: var(--font-size);
      line-height: 1.3;
      font-weight: 700;

      margin-bottom: 24px;
      margin-top: var(--nq-m-size);
      --nq-m-min: 88;
      --nq-m-max: 96;

      &:where(h2 + h3) {
        --nq-m-min: 32;
        --nq-m-max: 36;
      }
    }

    &:where(h4) {
      --font-size-min: 22;
      --font-size-max: 26;
      font-size: var(--font-size);
      line-height: 1.3;
      font-weight: 700;

      margin-top: var(--nq-m-size);
      margin-bottom: 24px;
      --nq-m-min: 88;
      --nq-m-max: 96;
    }

    &:where(h3 + h4) {
      --nq-m-min: 32;
      --nq-m-max: 36;
    }

    /* 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: rgb(var(--nq-neutral) / 1);

      &::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 rgb(var(--nq-blue));
        outline-offset: 0.125rem;
      }

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

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

    &:where(p) {
      margin-top: 0;
      margin-bottom: 0;
      line-height: 1.5;

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

    &:where(figure) {
      figcaption {
        color: rgb(var(--nq-neutral-700));
        font-size: 0.875em;
        font-weight: 700;
        line-height: 1.3125;

        :where(.dark, [data-theme='dark']) & {
          color: rgb(var(--nq-white) / 0.8);
        }
      }
    }

    &:where(blockquote) {
      background: rgb(var(--nq-green-400));
      --nq-m-min: 14;
      --nq-m-max: 16;
      padding: var(--nq-m-size);
      border-radius: 6px;
      box-shadow: 0 0 0 1.5px rgb(var(--nq-green-600));
      font-weight: 600;
      transform: translateX(-8px);
      width: calc(100% + 16px);
      --font-size-min: 12;
      --font-size-max: 14;
      font-size: var(--font-size);
    }

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

      &:has(+ figcaption) {
        --nq-m-min: 12;
        --nq-m-max: 16;
        margin-bottom: var(--nq-m-size);
      }

      &:not(:has(+ figcaption)) {
        --nq-m-min: 18;
        --nq-m-max: 22;
        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: 0.875em;
      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: 0.875em;
      --nq-m-min: 20;
      --nq-m-max: 24;
      margin-top: var(--nq-m-size);
      margin-bottom: var(--nq-m-size);
      padding: 20px 24px;
      border-radius: 6px;
      outline: 1.5px solid rgb(var(--nq-neutral) / 0.08);
    }

    kbd {
      padding: 0.25em 0.125em;
      font-size: 0.875em;
      color: rgba(var(--nq-neutral-800) / 1);
      background-color: rgba(var(--nq-neutral-200) / 1);
      border-radius: 0.25em;
      box-shadow: 0 0 0 1px rgba(var(--nq-neutral-400) / 1);
      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: rgb(var(--nq-blue) / 1);
    }

    table {
      --nq-m-min: 24;
      --nq-m-max: 32;
      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 rgb(var(--nq-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: rgb(var(--nq-neutral-800));
        background-color: rgb(var(--nq-neutral-100));
      }

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

        > tr:not(:last-child) td {
          border-bottom: 1px solid rgb(var(--nq-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 rgb(var(--nq-neutral-300));
      }
    }

    hr {
      --nq-m-min: 20;
      --nq-m-max: 24;
      margin: var(--nq-m-size) auto;
      width: 128px;
      border-color: rgb(var(--nq-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: rgb(var(--nq-neutral-200));
      --nq-m-min: 18;
      --nq-m-max: 22;
      margin-top: var(--nq-m-size);
      margin-bottom: var(--nq-m-size);
      color: rgb(var(--nq-neutral-900));
      box-shadow: 0 0 0 1.5px rgb(var(--nq-neutral) / 0.1);

      ::marker {
        color: transparent;
      }

      summary {
        padding: 14px 2rem 14px calc(0.7rem + 2.3em);
        font-size: 1em;
        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: nq-colors */
@layer nq-colors { 
:root {
  /* Background gradients */

  --nq-darkblue: 31 35 72;
  --nq-darkerblue: 23 24 43;
  --nq-white: 255 255 255;
  --nq-blue-sss: 44 114 199;

  --nq-neutral-on-light: var(--nq-darkblue);
  --nq-neutral-on-light-0: var(--nq-white);
  --nq-neutral-on-light-50: 251 251 251;
  --nq-neutral-on-light-100: 248 248 248;
  --nq-neutral-on-light-200: 244 244 246;
  --nq-neutral-on-light-300: 238 238 241;
  --nq-neutral-on-light-400: 228 228 233;
  --nq-neutral-on-light-500: 210 211 218;
  --nq-neutral-on-light-600: 199 200 209;
  --nq-neutral-on-light-700: 143 145 164;
  --nq-neutral-on-light-800: 121 123 145;
  --nq-neutral-on-light-900: 76 79 109;
  --nq-neutral-on-dark: var(--nq-white);
  --nq-neutral-on-dark-0: var(--nq-darkerblue);
  --nq-neutral-on-dark-50: 28 29 47;
  --nq-neutral-on-dark-100: 30 31 49;
  --nq-neutral-on-dark-200: 35 36 54;
  --nq-neutral-on-dark-300: 39 40 58;
  --nq-neutral-on-dark-400: 46 47 64;
  --nq-neutral-on-dark-500: 69 70 85;
  --nq-neutral-on-dark-600: 81 82 96;
  --nq-neutral-on-dark-700: 139 139 149;
  --nq-neutral-on-dark-800: 162 163 170;
  --nq-neutral-on-dark-900: 209 209 213;
  --nq-neutral-on-light-gradient-from: oklch(27.37% 0.068 276.29);
  --nq-neutral-on-light-gradient-to: oklch(20.18% 0.0962 315.41);
  --nq-neutral-on-light-gradient: radial-gradient(
    100% 100% at 100% 100%,
    var(--nq-neutral-on-light-gradient-from) 0%,
    var(--nq-neutral-on-light-gradient-to) 100%
  );
  --nq-neutral-on-dark-gradient-from: oklch(15.53% 0.075 316.25);
  --nq-neutral-on-dark-gradient-to: oklch(22.21% 0.0524 276.47);
  --nq-neutral-on-dark-gradient: radial-gradient(
    at 100% 100%,
    var(--nq-neutral-on-dark-gradient-from) 0%,
    var(--nq-neutral-on-dark-gradient-to) 100%
  );
  --nq-neutral-on-dark-gradient: radial-gradient(
    100% 100% at 100% 100%,
    var(--nq-neutral-on-dark-gradient-from) 0%,
    var(--nq-neutral-on-dark-gradient-to) 100%
  );

  --nq-blue-on-light: 5 130 202;
  --nq-blue-on-light-400: 230 242 250;
  --nq-blue-on-light-500: 205 230 244;
  --nq-blue-on-light-600: 191 224 242;
  --nq-blue-on-light-1100: 4 99 154;
  --nq-blue-on-dark: 12 166 254;
  --nq-blue-on-dark-400: 22 39 64;
  --nq-blue-on-dark-500: 20 52 85;
  --nq-blue-on-dark-600: 20 60 96;
  --nq-blue-on-dark-1100: 12 166 254;
  --nq-blue-on-light-gradient-from: oklch(51.82% 0.1965 263.04);
  --nq-blue-on-light-gradient-to: oklch(58.49% 0.1438 244.29);
  --nq-blue-on-light-gradient: radial-gradient(
    at 100% 100%,
    var(--nq-blue-on-light-gradient-from) 0%,
    var(--nq-blue-on-light-gradient-to) 100%
  );
  --nq-blue-on-light-gradient-darkened-from: oklch(48.57% 0.182 263.07);
  --nq-blue-on-light-gradient-darkened-to: oklch(54.04% 0.153 250.02);
  --nq-blue-on-light-gradient-darkened: radial-gradient(
    at 100% 100%,
    var(--nq-blue-on-light-gradient-darkened-from),
    var(--nq-blue-on-light-gradient-darkened-to)
  );
  --nq-blue-on-dark-gradient-from: oklch(60.45% 0.1951 255.01);
  --nq-blue-on-dark-gradient-to: oklch(69.82% 0.1694 243.83);
  --nq-blue-on-dark-gradient: radial-gradient(
    at 100% 100%,
    var(--nq-blue-on-dark-gradient-from) 0%,
    var(--nq-blue-on-dark-gradient-to) 100%
  );
  --nq-blue-on-dark-gradient-darkened-from: oklch(57.55% 0.1828 254.79);
  --nq-blue-on-dark-gradient-darkened-to: oklch(65.46% 0.1583 243.94);
  --nq-blue-on-dark-gradient-darkened: radial-gradient(
    at 100% 100%,
    var(--nq-blue-on-dark-gradient-darkened-from) 0%,
    var(--nq-blue-on-dark-gradient-darkened-to) 100%
  );

  --nq-green-on-light: 19 181 157;
  --nq-green-on-light-400: 231 247 245;
  --nq-green-on-light-500: 208 240 235;
  --nq-green-on-light-600: 196 237 231;
  --nq-green-on-light-1100: 14 134 116;
  --nq-green-on-dark: 36 204 162;
  --nq-green-on-dark-400: 25 42 55;
  --nq-green-on-dark-500: 25 60 66;
  --nq-green-on-dark-600: 26 69 73;
  --nq-green-on-dark-1100: 36 204 162;
  --nq-green-on-light-gradient-from: oklch(65.17% 0.0971 176.55);
  --nq-green-on-light-gradient-to: rgb(var(--nq-green-on-light));
  --nq-green-on-light-gradient: radial-gradient(
    at 100% 100%,
    var(--nq-green-on-light-gradient-from) 0%,
    var(--nq-green-on-light-gradient-to) 100%
  );
  --nq-green-on-light-gradient-darkened-from: oklch(62.31% 0.0909 178.94);
  --nq-green-on-light-gradient-darkened-to: oklch(68.73% 0.1184 180.55);
  --nq-green-on-light-gradient-darkened: radial-gradient(
    at 100% 100%,
    var(--nq-green-on-light-gradient-darkened-from),
    var(--nq-green-on-light-gradient-darkened-to)
  );
  --nq-green-on-dark-gradient-from: oklch(71.42% 0.1457 167.35);
  --nq-green-on-dark-gradient-to: oklch(75.5% 0.1426 170.23);
  --nq-green-on-dark-gradient: radial-gradient(
    at 100% 100%,
    var(--nq-green-on-dark-gradient-from) 0%,
    var(--nq-green-on-dark-gradient-to) 100%
  );
  --nq-green-on-dark-gradient-darkened-from: oklch(71.42% 0.1457 167.35);
  --nq-green-on-dark-gradient-darkened-to: oklch(69.71% 0.1299 170.59);
  --nq-green-on-dark-gradient-darkened: radial-gradient(
    at 100% 100%,
    var(--nq-green-on-dark-gradient-darkened-from) 0%,
    var(--nq-green-on-dark-gradient-darkened-to) 100%
  );

  --nq-orange-on-light: 252 135 2;
  --nq-orange-on-light-400: 248 237 223;
  --nq-orange-on-light-500: 254 231 204;
  --nq-orange-on-light-600: 254 225 191;
  --nq-orange-on-light-1100: 224 120 2;
  --nq-orange-on-dark: 255 153 0;
  --nq-orange-on-dark-400: 46 37 39;
  --nq-orange-on-dark-500: 69 50 34;
  --nq-orange-on-dark-600: 81 56 32;
  --nq-orange-on-dark-1100: 255 153 0;
  --nq-orange-on-light-gradient: radial-gradient(at 100% 100%, #fd6216, rgb(var(--nq-orange-on-light)));
  --nq-orange-on-light-gradient-darkened: radial-gradient(at 100% 100%, #ea5200, #fc7500);
  --nq-orange-on-dark-gradient: radial-gradient(at 100% 100%, #ff8800 0%, #ff9900 100%);
  --nq-orange-on-dark-gradient-darkened: radial-gradient(at 100% 100%, #ff8800 0%, #f29202 100%);
  --nq-orange-on-light-gradient-from: oklch(68.83% 0.2036 41.13);
  --nq-orange-on-light-gradient-to: rgb(var(--nq-orange-on-light));
  --nq-orange-on-light-gradient: radial-gradient(
    at 100% 100%,
    var(--nq-orange-on-light-gradient-from) 0%,
    var(--nq-orange-on-light-gradient-to) 100%
  );
  --nq-orange-on-light-gradient-darkened-from: oklch(63.87% 0.2 40.09);
  --nq-orange-on-light-gradient-darkened-to: oklch(71.15% 0.1903 49.18);
  --nq-orange-on-light-gradient-darkened: radial-gradient(
    at 100% 100%,
    var(--nq-orange-on-light-gradient-darkened-from),
    var(--nq-orange-on-light-gradient-darkened-to)
  );
  --nq-orange-on-dark-gradient-from: oklch(74.42% 0.1811 56.46);
  --nq-orange-on-dark-gradient-to: oklch(77.2% 0.1737 64.55);
  --nq-orange-on-dark-gradient: radial-gradient(
    at 100% 100%,
    var(--nq-orange-on-dark-gradient-from) 0%,
    var(--nq-orange-on-dark-gradient-to) 100%
  );
  --nq-orange-on-dark-gradient-darkened-from: oklch(74.42% 0.1811 56.46);
  --nq-orange-on-dark-gradient-darkened-to: oklch(74.38% 0.1665 65.03);
  --nq-orange-on-dark-gradient-darkened: radial-gradient(
    at 100% 100%,
    var(--nq-orange-on-dark-gradient-darkened-from) 0%,
    var(--nq-orange-on-dark-gradient-darkened-to) 100%
  );

  --nq-red-on-light: 217 68 50;
  --nq-red-on-light-400: 251 236 234;
  --nq-red-on-light-500: 247 218 214;
  --nq-red-on-light-600: 245 208 204;
  --nq-red-on-light-1100: 181 49 33;
  --nq-red-on-dark: 255 92 72;
  --nq-red-on-dark-400: 47 31 46;
  --nq-red-on-dark-500: 69 37 48;
  --nq-red-on-dark-600: 81 41 50;
  --nq-red-on-dark-1100: 255 92 72;
  --nq-red-on-light-gradient-from: oklch(55.99% 0.1909 18.32);
  --nq-red-on-light-gradient-to: oklch(59.8% 0.1886 30.3);
  --nq-red-on-light-gradient: radial-gradient(
    at 100% 100%,
    var(--nq-red-on-light-gradient-from) 0%,
    var(--nq-red-on-light-gradient-to) 100%
  );
  --nq-red-on-light-gradient-darkened-from: oklch(53.44% 0.1811 16.77);
  --nq-red-on-light-gradient-darkened-to: oklch(56.53% 0.1974 26.27);
  --nq-red-on-light-gradient-darkened: radial-gradient(
    at 100% 100%,
    var(--nq-red-on-light-gradient-darkened-from),
    var(--nq-red-on-light-gradient-darkened-to)
  );
  --nq-red-on-dark-gradient-from: oklch(65.15% 0.2353 31.02);
  --nq-red-on-dark-gradient-to: oklch(68.81% 0.201 30.028);
  --nq-red-on-dark-gradient: radial-gradient(
    at 100% 100%,
    var(--nq-red-on-dark-gradient-from) 0%,
    var(--nq-red-on-dark-gradient-to) 100%
  );
  --nq-red-on-dark-gradient-darkened-from: oklch(65.15% 0.2353 31.02);
  --nq-red-on-dark-gradient-darkened-to: oklch(66.33% 0.1852 30.4);
  --nq-red-on-dark-gradient-darkened: radial-gradient(
    at 100% 100%,
    var(--nq-red-on-dark-gradient-darkened-from) 0%,
    var(--nq-red-on-dark-gradient-darkened-to) 100%
  );

  --nq-gold-on-light: 233 178 19;
  --nq-gold-on-light-400: 253 247 231;
  --nq-gold-on-light-500: 251 240 208;
  --nq-gold-on-light-600: 249 236 196;
  --nq-gold-on-light-1100: 184 140 15;
  --nq-gold-on-dark: 255 196 59;
  --nq-gold-on-dark-400: 47 42 45;
  --nq-gold-on-dark-500: 69 58 46;
  --nq-gold-on-dark-600: 81 67 47;
  --nq-gold-on-dark-1100: 255 196 59;
  --nq-gold-on-light-gradient-from: oklch(74.94% 0.1565 69.51);
  --nq-gold-on-light-gradient-to: rgb(var(--nq-gold-on-light));
  --nq-gold-on-light-gradient: radial-gradient(
    at 100% 100%,
    var(--nq-gold-on-light-gradient-from) 0%,
    var(--nq-gold-on-light-gradient-to) 100%
  );
  --nq-gold-on-light-gradient-darkened-from: oklch(71.43% 0.1554 63.42);
  --nq-gold-on-light-gradient-darkened-to: oklch(75.75% 0.1547 78.24);
  --nq-gold-on-light-gradient-darkened: radial-gradient(
    at 100% 100%,
    var(--nq-gold-on-light-gradient-darkened-from),
    var(--nq-gold-on-light-gradient-darkened-to)
  );
  --nq-gold-on-dark-gradient-from: oklch(81.63% 0.1548 72.79);
  --nq-gold-on-dark-gradient-to: oklch(85.17% 0.15 83.76);
  --nq-gold-on-dark-gradient: radial-gradient(
    at 100% 100%,
    var(--nq-gold-on-dark-gradient-from) 0%,
    var(--nq-gold-on-dark-gradient-to) 100%
  );
  --nq-gold-on-dark-gradient-darkened-from: oklch(81.63% 0.1548 72.79);
  --nq-gold-on-dark-gradient-darkened-to: oklch(82.21% 0.1507 83.64);
  --nq-gold-on-dark-gradient-darkened: radial-gradient(
    at 100% 100%,
    var(--nq-gold-on-dark-gradient-darkened-from) 0%,
    var(--nq-gold-on-dark-gradient-darkened-to) 100%
  );

  --nq-purple-on-light: 95 75 139;
  --nq-purple-on-light-400: 239 237 243;
  --nq-purple-on-light-500: 223 219 232;
  --nq-purple-on-light-600: 215 210 226;
  --nq-purple-on-light-1100: 72 57 106;
  --nq-purple-on-dark: 143 63 213;
  --nq-purple-on-dark-400: 35 28 60;
  --nq-purple-on-dark-500: 47 32 77;
  --nq-purple-on-dark-600: 53 34 85;
  --nq-purple-on-dark-1100: 143 63 213;

  --nq-neutral: var(--nq-neutral-on-light);
  --nq-neutral-0: var(--nq-neutral-on-light-0);
  --nq-neutral-50: var(--nq-neutral-on-light-50);
  --nq-neutral-100: var(--nq-neutral-on-light-100);
  --nq-neutral-200: var(--nq-neutral-on-light-200);
  --nq-neutral-300: var(--nq-neutral-on-light-300);
  --nq-neutral-400: var(--nq-neutral-on-light-400);
  --nq-neutral-500: var(--nq-neutral-on-light-500);
  --nq-neutral-600: var(--nq-neutral-on-light-600);
  --nq-neutral-700: var(--nq-neutral-on-light-700);
  --nq-neutral-800: var(--nq-neutral-on-light-800);
  --nq-neutral-900: var(--nq-neutral-on-light-900);
  --nq-neutral-1100: var(--nq-neutral-on-light-1100);
  --nq-neutral-gradient: var(--nq-neutral-on-light-gradient);

  --nq-blue: var(--nq-blue-on-light);
  --nq-blue-400: var(--nq-blue-on-light-400);
  --nq-blue-500: var(--nq-blue-on-light-500);
  --nq-blue-600: var(--nq-blue-on-light-600);
  --nq-blue-1100: var(--nq-blue-on-light-1100);
  --nq-blue-gradient: var(--nq-blue-on-light-gradient);
  --nq-blue-gradient-from: var(--nq-blue-on-light-gradient-from);
  --nq-blue-gradient-to: var(--nq-blue-on-light-gradient-to);
  --nq-blue-gradient-darkened: var(--nq-blue-on-light-gradient-darkened);
  --nq-blue-gradient-darkened-from: var(--nq-blue-on-light-gradient-darkened-from);
  --nq-blue-gradient-darkened-to: var(--nq-blue-on-light-gradient-darkened-to);

  --nq-green: var(--nq-green-on-light);
  --nq-green-400: var(--nq-green-on-light-400);
  --nq-green-500: var(--nq-green-on-light-500);
  --nq-green-600: var(--nq-green-on-light-600);
  --nq-green-1100: var(--nq-green-on-light-1100);
  --nq-green-gradient: var(--nq-green-on-light-gradient);
  --nq-green-gradient-from: var(--nq-green-on-light-gradient-from);
  --nq-green-gradient-to: var(--nq-green-on-light-gradient-to);
  --nq-green-gradient-darkened: var(--nq-green-on-light-gradient-darkened);
  --nq-green-gradient-darkened-from: var(--nq-green-on-light-gradient-darkened-from);
  --nq-green-gradient-darkened-to: var(--nq-green-on-light-gradient-darkened-to);

  --nq-orange: var(--nq-orange-on-light);
  --nq-orange-400: var(--nq-orange-on-light-400);
  --nq-orange-500: var(--nq-orange-on-light-500);
  --nq-orange-600: var(--nq-orange-on-light-600);
  --nq-orange-1100: var(--nq-orange-on-light-1100);
  --nq-orange-gradient: var(--nq-orange-on-light-gradient);
  --nq-orange-gradient-from: var(--nq-orange-on-light-gradient-from);
  --nq-orange-gradient-to: var(--nq-orange-on-light-gradient-to);
  --nq-orange-gradient-darkened: var(--nq-orange-on-light-gradient-darkened);
  --nq-orange-gradient-darkened-from: var(--nq-orange-on-light-gradient-darkened-from);
  --nq-orange-gradient-darkened-to: var(--nq-orange-on-light-gradient-darkened-to);

  --nq-red: var(--nq-red-on-light);
  --nq-red-400: var(--nq-red-on-light-400);
  --nq-red-500: var(--nq-red-on-light-500);
  --nq-red-600: var(--nq-red-on-light-600);
  --nq-red-1100: var(--nq-red-on-light-1100);
  --nq-red-gradient: var(--nq-red-on-light-gradient);
  --nq-red-gradient-from: var(--nq-red-on-light-gradient-from);
  --nq-red-gradient-to: var(--nq-red-on-light-gradient-to);
  --nq-red-gradient-darkened: var(--nq-red-on-light-gradient-darkened);
  --nq-red-gradient-darkened-from: var(--nq-red-on-light-gradient-darkened-from);
  --nq-red-gradient-darkened-to: var(--nq-red-on-light-gradient-darkened-to);

  --nq-gold: var(--nq-gold-on-light);
  --nq-gold-400: var(--nq-gold-on-light-400);
  --nq-gold-500: var(--nq-gold-on-light-500);
  --nq-gold-600: var(--nq-gold-on-light-600);
  --nq-gold-1100: var(--nq-gold-on-light-1100);
  --nq-gold-gradient: var(--nq-gold-on-light-gradient);
  --nq-gold-gradient-from: var(--nq-gold-on-light-gradient-from);
  --nq-gold-gradient-to: var(--nq-gold-on-light-gradient-to);
  --nq-gold-gradient-darkened: var(--nq-gold-on-light-gradient-darkened);
  --nq-gold-gradient-darkened-from: var(--nq-gold-on-light-gradient-darkened-from);
  --nq-gold-gradient-darkened-to: var(--nq-gold-on-light-gradient-darkened-to);

  --nq-purple: var(--nq-purple-on-light);
  --nq-purple-400: var(--nq-purple-on-light-400);
  --nq-purple-500: var(--nq-purple-on-light-500);
  --nq-purple-600: var(--nq-purple-on-light-600);
}

.dark,
&[data-theme='dark'],
:where(.bg-darkblue &, &:where(.bg-darkblue, [bg-darkblue])),
:where(.bg-neutral &, &:where(.bg-neutral, [bg-neutral])),
:where(.bg-darkerblue &, &:where(.bg-darkerblue, [bg-darkerblue])) {
  --nq-neutral: var(--nq-neutral-on-dark);
  --nq-neutral-0: var(--nq-neutral-on-dark-0);
  --nq-neutral-50: var(--nq-neutral-on-dark-50);
  --nq-neutral-100: var(--nq-neutral-on-dark-100);
  --nq-neutral-200: var(--nq-neutral-on-dark-200);
  --nq-neutral-300: var(--nq-neutral-on-dark-300);
  --nq-neutral-400: var(--nq-neutral-on-dark-400);
  --nq-neutral-500: var(--nq-neutral-on-dark-500);
  --nq-neutral-600: var(--nq-neutral-on-dark-600);
  --nq-neutral-700: var(--nq-neutral-on-dark-700);
  --nq-neutral-800: var(--nq-neutral-on-dark-800);
  --nq-neutral-900: var(--nq-neutral-on-dark-900);
  --nq-neutral-1100: var(--nq-neutral-on-dark-1100);
  --nq-neutral-gradient: var(--nq-neutral-on-dark-gradient);

  --nq-blue: var(--nq-blue-on-dark);
  --nq-blue-400: var(--nq-blue-on-dark-400);
  --nq-blue-500: var(--nq-blue-on-dark-500);
  --nq-blue-600: var(--nq-blue-on-dark-600);
  --nq-blue-1100: var(--nq-blue-on-dark-1100);
  --nq-blue-gradient-from: var(--nq-blue-on-dark-gradient-from);
  --nq-blue-gradient-to: var(--nq-blue-on-dark-gradient-to);
  --nq-blue-gradient: var(--nq-blue-on-dark-gradient);
  --nq-blue-gradient-darkened-from: var(--nq-blue-on-dark-gradient-darkened-from);
  --nq-blue-gradient-darkened-to: var(--nq-blue-on-dark-gradient-darkened-to);
  --nq-blue-gradient-darkened: var(--nq-blue-on-dark-gradient-darkened);

  --nq-green: var(--nq-green-on-dark);
  --nq-green-400: var(--nq-green-on-dark-400);
  --nq-green-500: var(--nq-green-on-dark-500);
  --nq-green-600: var(--nq-green-on-dark-600);
  --nq-green-1100: var(--nq-green-on-dark-1100);
  --nq-green-gradient: var(--nq-green-on-dark-gradient);
  --nq-green-gradient-from: var(--nq-green-on-dark-gradient-from);
  --nq-green-gradient-to: var(--nq-green-on-dark-gradient-to);
  --nq-green-gradient-darkened: var(--nq-green-on-dark-gradient-darkened);
  --nq-green-gradient-darkened-from: var(--nq-green-on-dark-gradient-darkened-from);
  --nq-green-gradient-darkened-to: var(--nq-green-on-dark-gradient-darkened-to);

  --nq-orange: var(--nq-orange-on-dark);
  --nq-orange-400: var(--nq-orange-on-dark-400);
  --nq-orange-500: var(--nq-orange-on-dark-500);
  --nq-orange-600: var(--nq-orange-on-dark-600);
  --nq-orange-1100: var(--nq-orange-on-dark-1100);
  --nq-orange-gradient: var(--nq-orange-on-dark-gradient);
  --nq-orange-gradient-from: var(--nq-orange-on-dark-gradient-from);
  --nq-orange-gradient-to: var(--nq-orange-on-dark-gradient-to);
  --nq-orange-gradient-darkened: var(--nq-orange-on-dark-gradient-darkened);
  --nq-orange-gradient-darkened-from: var(--nq-orange-on-dark-gradient-darkened-from);
  --nq-orange-gradient-darkened-to: var(--nq-orange-on-dark-gradient-darkened-to);

  --nq-red: var(--nq-red-on-dark);
  --nq-red-400: var(--nq-red-on-dark-400);
  --nq-red-500: var(--nq-red-on-dark-500);
  --nq-red-600: var(--nq-red-on-dark-600);
  --nq-red-1100: var(--nq-red-on-dark-1100);
  --nq-red-gradient: var(--nq-red-on-dark-gradient);
  --nq-red-gradient-from: var(--nq-red-on-dark-gradient-from);
  --nq-red-gradient-to: var(--nq-red-on-dark-gradient-to);
  --nq-red-gradient-darkened: var(--nq-red-on-dark-gradient-darkened);
  --nq-red-gradient-darkened-from: var(--nq-red-on-dark-gradient-darkened-from);
  --nq-red-gradient-darkened-to: var(--nq-red-on-dark-gradient-darkened-to);

  --nq-gold: var(--nq-gold-on-dark);
  --nq-gold-400: var(--nq-gold-on-dark-400);
  --nq-gold-500: var(--nq-gold-on-dark-500);
  --nq-gold-600: var(--nq-gold-on-dark-600);
  --nq-gold-1100: var(--nq-gold-on-dark-1100);
  --nq-gold-gradient: var(--nq-gold-on-dark-gradient);
  --nq-gold-gradient-from: var(--nq-gold-on-dark-gradient-from);
  --nq-gold-gradient-to: var(--nq-gold-on-dark-gradient-to);
  --nq-gold-gradient-darkened: var(--nq-gold-on-dark-gradient-darkened);
  --nq-gold-gradient-darkened-from: var(--nq-gold-on-dark-gradient-darkened-from);
  --nq-gold-gradient-darkened-to: var(--nq-gold-on-dark-gradient-darkened-to);

  --nq-purple: var(--nq-purple-on-dark);
  --nq-purple-400: var(--nq-purple-on-dark-400);
  --nq-purple-500: var(--nq-purple-on-dark-500);
  --nq-purple-600: var(--nq-purple-on-dark-600);
  --nq-purple-1100: var(--nq-purple-on-dark-1100);
}

}
/* layer: nq-preflight */
@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: rgb(var(--nq-neutral-200));
  --nq-thumb: rgb(var(--nq-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;
}

: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: rgb(var(--nq-neutral-400));
  outline-color: rgb(var(--nq-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: rgb(var(--nq-neutral-900));
    background-color: rgb(var(--nq-neutral-0));

    :where([data-inverted] *) & {
      color: rgb(var(--nq-neutral-0) / 0.8);
    }
  }

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

    /* We change the color except if there is parent that change the color */
    :where(:not(.nq-no-color, [nq-no-color])):not(:has(.nq-no-color, [nq-no-color])) {
      color: rgb(var(--nq-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: rgb(var(--nq-green));
  }

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

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

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

  &:where(pre) {
    background-color: rgb(var(--nq-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: rgb(var(--nq-blue));
  }
}

}
/* 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;}
.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(%23IconifyId195b84552c6b8f9763)' 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='IconifyId195b84552c6b8f9763' 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;}
.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(%23IconifyId195b84552c6b8f9765)' 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='IconifyId195b84552c6b8f9765' 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;}
.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(%23IconifyId195b84552c6b8f9762)' 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='IconifyId195b84552c6b8f9762' 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;}
.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(%23IconifyId195b84552c6b8f9760)'%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='IconifyId195b84552c6b8f9760'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
[i-nimiq\:logos-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(%23IconifyId195b84552c6b8f9764)' 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='IconifyId195b84552c6b8f9764' 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;}
[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(%23IconifyId195b84552c6b8f9761)'%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='IconifyId195b84552c6b8f9761'%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: 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-px-sm,
[f-px-sm=""]{--f-px-min:16;--f-px-max:24;padding-left:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));padding-right:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));}
.f-px-xl{--f-px-min:48;--f-px-max:72;padding-left:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));padding-right:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));}
.f-px-xs,
[f-px-xs=""]{--f-px-min:12;--f-px-max:16;padding-left:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));padding-right:clamp(calc(var(--f-px-unit, 1px) * var(--f-px-min, 16)), calc(var(--f-px-unit, 1px) * var(--f-px-min, 16) + (var(--f-px-max, 16) - var(--f-px-min, 16)) * (var(--f-px-container, 100vw) - (var(--f-px-unit, 1px) * var(--f-px-min-container, 320))) / (var(--f-px-max-container, 1920) - var(--f-px-min-container, 320))), calc(var(--f-px-unit, 1px) * var(--f-px-max, 16)));}
.f-py-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-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-min:32;--f-pb-max:48;padding-bottom:clamp(calc(var(--f-pb-unit, 1px) * var(--f-pb-min, 16)), calc(var(--f-pb-unit, 1px) * var(--f-pb-min, 16) + (var(--f-pb-max, 16) - var(--f-pb-min, 16)) * (var(--f-pb-container, 100vw) - (var(--f-pb-unit, 1px) * var(--f-pb-min-container, 320))) / (var(--f-pb-max-container, 1920) - var(--f-pb-min-container, 320))), calc(var(--f-pb-unit, 1px) * var(--f-pb-max, 16)));}
.f-pb-sm,
[f-pb-sm=""]{--f-pb-min:16;--f-pb-max:24;padding-bottom:clamp(calc(var(--f-pb-unit, 1px) * var(--f-pb-min, 16)), calc(var(--f-pb-unit, 1px) * var(--f-pb-min, 16) + (var(--f-pb-max, 16) - var(--f-pb-min, 16)) * (var(--f-pb-container, 100vw) - (var(--f-pb-unit, 1px) * var(--f-pb-min-container, 320))) / (var(--f-pb-max-container, 1920) - var(--f-pb-min-container, 320))), calc(var(--f-pb-unit, 1px) * var(--f-pb-max, 16)));}
[f-pb-xs=""]{--f-pb-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)));}
.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)));}
.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-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-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)));}
/* 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;
  }
 }

@layer nq-utilities { .nq-label{  text-transform: uppercase;
  letter-spacing: 0.17em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: rgb(var(--nq-neutral-800));
  :where([data-inverted] *) & {
    color: rgb(var(--nq-neutral-0) / 0.8);
  }
  :where(.dark, [data-theme='dark']) & {
    color: rgb(var(--nq-white) / 0.7);
  }
} }
@layer nq-utilities { [nq-label=""]{  text-transform: uppercase;
  letter-spacing: 0.17em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: rgb(var(--nq-neutral-800));
  :where([data-inverted] *) & {
    color: rgb(var(--nq-neutral-0) / 0.8);
  }
  :where(.dark, [data-theme='dark']) & {
    color: rgb(var(--nq-white) / 0.7);
  }
} }
@layer nq-utilities { .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);
  }
} }
@layer nq-utilities { [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);
  }
} }
@layer nq-utilities { .nq-switch{  &:where(input[type='checkbox']) {
    --active-color: rgb(var(--nq-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 rgb(var(--nq-neutral) / 0.02);
      border-radius: 50%;
      background: #ffffff;
      transition: left 100ms ease-out;
      box-shadow: var(--nq-shadow);
    }
    &:checked {
      --active-color: rgb(var(--nq-blue));
      &::before {
        left: 1.4em;
      }
    }
    @media (prefers-reduced-motion) {
      transition-duration: 0s;
      &::before {
        transition-duration: 0s;
      }
    }
    &[disabled] {
      opacity: 0.6;
      cursor: not-allowed;
    }
  }
} }
@layer nq-utilities { [nq-switch=""]{  &:where(input[type='checkbox']) {
    --active-color: rgb(var(--nq-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 rgb(var(--nq-neutral) / 0.02);
      border-radius: 50%;
      background: #ffffff;
      transition: left 100ms ease-out;
      box-shadow: var(--nq-shadow);
    }
    &:checked {
      --active-color: rgb(var(--nq-blue));
      &::before {
        left: 1.4em;
      }
    }
    @media (prefers-reduced-motion) {
      transition-duration: 0s;
      &::before {
        transition-duration: 0s;
      }
    }
    &[disabled] {
      opacity: 0.6;
      cursor: not-allowed;
    }
  }
} }
@layer nq-utilities { .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: rgb(var(--nq-neutral));
  --placeholder-color: rgb(var(--nq-neutral-700));
  --outline-color: rgb(var(--nq-neutral-500));
  outline: 1.5px solid var(--outline-color);
  color: var(--color);
  :where([data-inverted] *) & {
    --placeholder-color: rgb(var(--nq-neutral-0) / 0.8);
  }
  &::placeholder {
    color: var(--placeholder-color);
  }
  &:not(.nq-invalid, :user-invalid):where(:hover, :focus, :focus-within) {
    --color: rgb(var(--nq-blue));
    --outline-color: rgb(var(--nq-blue) / 0.3);
    &::placeholder {
      --placeholder-color: rgb(var(--nq-blue) / 0.6);
    }
    &:focus:valid,
    &:focus-within:valid {
      --outline-color: rgb(var(--nq-blue) / 1);
    }
  }
  &:where(.nq-invalid, :user-invalid) {
    --color: rgb(var(--nq-orange));
    outline-color: rgba(var(--nq-orange) / 0.4);
    &::placeholder {
      --placeholder-color: rgb(var(--nq-orange) / 0.7);
    }
    &:hover,
    &:focus,
    &:focus-within {
      outline-color: rgba(var(--nq-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));
  }
} }
@layer nq-utilities { [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: rgb(var(--nq-neutral));
  --placeholder-color: rgb(var(--nq-neutral-700));
  --outline-color: rgb(var(--nq-neutral-500));
  outline: 1.5px solid var(--outline-color);
  color: var(--color);
  :where([data-inverted] *) & {
    --placeholder-color: rgb(var(--nq-neutral-0) / 0.8);
  }
  &::placeholder {
    color: var(--placeholder-color);
  }
  &:not(.nq-invalid, :user-invalid):where(:hover, :focus, :focus-within) {
    --color: rgb(var(--nq-blue));
    --outline-color: rgb(var(--nq-blue) / 0.3);
    &::placeholder {
      --placeholder-color: rgb(var(--nq-blue) / 0.6);
    }
    &:focus:valid,
    &:focus-within:valid {
      --outline-color: rgb(var(--nq-blue) / 1);
    }
  }
  &:where(.nq-invalid, :user-invalid) {
    --color: rgb(var(--nq-orange));
    outline-color: rgba(var(--nq-orange) / 0.4);
    &::placeholder {
      --placeholder-color: rgb(var(--nq-orange) / 0.7);
    }
    &:hover,
    &:focus,
    &:focus-within {
      outline-color: rgba(var(--nq-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:rgb(var(--nq-neutral-300) / 1);--nq-gradient-to:rgb(var(--nq-neutral-300) / 0.65);background-image:radial-gradient(at 100% 100%, var(--nq-gradient-from) 0%, var(--nq-gradient-to) 100%);color:rgb(var(--nq-neutral));border-radius:0.5rem;display:flex;flex-direction:column;overflow:hidden;position:relative;outline:1.5px solid rgb(var(--nq-neutral) / 0.06);outline-offset:-1.5px;padding:1.5rem;}
@layer nq-utilities { .nq-hoverable{  --nq-gradient-from: rgb(var(--nq-neutral-300) / 1);
  --nq-gradient-to: rgb(var(--nq-neutral-300) / 0.65);
  background-image: radial-gradient(at 100% 100%, var(--nq-gradient-from) 0%, var(--nq-gradient-to) 100%);
  color: rgb(var(--nq-neutral));
  border-radius: 0.5rem;
  outline: 1.5px solid rgb(var(--nq-neutral) / 0.04);
  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: rgb(var(--nq-white) / 1);
      --nq-gradient-to: rgb(var(--nq-white) / 1);
      color: rgb(var(--nq-darkblue));
      box-shadow: var(--nq-shadow);
      outline-color: rgba(var(--nq-neutral) / 0.02);
      transform: translateY(-0.375rem);
      &:before {
        opacity: 1;
      }
    }
    > * {
      z-index: 1;
    }
  }
} }
/* layer: default */
.text-11,
[text-11=""]{font-size:2.75rem;}
.text-12,
[text-12=""]{font-size:3rem;}
.text-16,
[text-16=""]{font-size:4rem;}
.text-17,
[text-17=""]{font-size:4.25rem;}
.text-18,
[text-18=""],
[un-text~="\31 8"]{font-size:4.5rem;}
.text-20,
[text-20=""]{font-size:5rem;}
[text~="\39 "]{font-size:2.25rem;}
@property --un-text-opacity {syntax: "<percentage>";inherits: false;initial-value: 100%;}
:is(.group,[group]):hover [text~="group-hocus\:neutral-800"], :is(.group,[group]):focus-visible [text~="group-hocus\:neutral-800"],
.text-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) /* rgb(var(--nq-neutral-800)) */;}
.data-\[highlighted\]\:text-blue[data-highlighted],
.text-blue,
[text-blue=""]{color:color-mix(in oklch, var(--colors-blue-400) var(--un-text-opacity), transparent) /* rgb(var(--nq-blue-400)) */;}
.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-400) var(--un-text-opacity), transparent) /* rgb(var(--nq-neutral-400)) */;}
.text-neutral-700,
[text-neutral-700=""],
[text~="neutral-700"]{color:color-mix(in oklch, var(--colors-neutral-700) var(--un-text-opacity), transparent) /* rgb(var(--nq-neutral-700)) */;}
[un-text~="neutral-900"]{color:color-mix(in oklch, var(--colors-neutral-900) var(--un-text-opacity), transparent) /* rgb(var(--nq-neutral-900)) */;}
.data-\[highlighted\]\:font-semibold[data-highlighted],
.font-semibold,
[font-semibold=""]{--un-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);}
.font-light,
[font-light=""]{--un-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light);}
.font-normal,
[font-normal=""]{--un-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);}
[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-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);}
.p-2,
[p-2=""]{padding:calc(var(--spacing) * 2);}
.p-4,
[p-4=""]{padding:calc(var(--spacing) * 4);}
.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);}
.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~="\31 \.5"]{outline-style:var(--un-outline-style);outline-width:1.5px;}
@property --un-outline-color-opacity {syntax: "<percentage>";inherits: false;initial-value: 100%;}
[outline~="neutral-700"]{outline-color:color-mix(in oklch, var(--colors-neutral-700) var(--un-outline-color-opacity), transparent) /* rgb(var(--nq-neutral-700)) */;}
[outline~="neutral"]{outline-color:color-mix(in oklch, var(--colors-neutral-400) var(--un-outline-color-opacity), transparent) /* rgb(var(--nq-neutral-400)) */;}
[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;}
@property --un-border-opacity {syntax: "<percentage>";inherits: false;initial-value: 100%;}
[border~="neutral-400"]{border-color:color-mix(in oklch, var(--colors-neutral-400) var(--un-border-opacity), transparent);}
.rounded-12,
[rounded-12=""]{border-radius:3rem;}
.rounded-4,
[rounded-4=""]{border-radius:1rem;}
.rounded-5,
[rounded-5=""]{border-radius:1.25rem;}
.rounded-6,
[rounded-6=""],
[rounded~="\36 "]{border-radius:1.5rem;}
.rounded-8,
[rounded-8=""]{border-radius:2rem;}
.rounded-full,
[rounded-full=""]{border-radius:calc(infinity * 1px);}
.rounded-b-6,
[rounded-b-6=""]{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;}
[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;}
@property --un-bg-opacity {syntax: "<percentage>";inherits: false;initial-value: 100%;}
:is(.group,[group]):hover [bg~="group-hocus\:neutral-400"], :is(.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) /* rgb(var(--nq-neutral-400)) */;}
.bg-blue,
.data-\[highlighted\]\:bg-blue-400[data-highlighted],
[bg-blue=""]{background-color:color-mix(in oklch, var(--colors-blue-400) var(--un-bg-opacity), transparent) /* rgb(var(--nq-blue-400)) */;}
.bg-neutral-100,
[bg-neutral-100=""]{background-color:color-mix(in oklch, var(--colors-neutral-100) var(--un-bg-opacity), transparent) /* rgb(var(--nq-neutral-100)) */;}
.bg-neutral-200,
[bg-neutral-200=""]{background-color:color-mix(in oklch, var(--colors-neutral-200) var(--un-bg-opacity), transparent) /* rgb(var(--nq-neutral-200)) */;}
.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) /* rgb(var(--nq-neutral-300)) */;}
.bg-neutral-500,
[bg-neutral-500=""]{background-color:color-mix(in oklch, var(--colors-neutral-500) var(--un-bg-opacity), transparent) /* rgb(var(--nq-neutral-500)) */;}
.bg-neutral-700,
[bg-neutral-700=""]{background-color:color-mix(in oklch, var(--colors-neutral-700) var(--un-bg-opacity), transparent) /* rgb(var(--nq-neutral-700)) */;}
.bg-transparent,
[bg-transparent=""]{background-color:transparent;}
.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) /* rgb(var(--nq-neutral-300)) */ !important;}
.bg-opacity-40,
[bg-opacity-40=""]{--un-bg-opacity:40%;}
:is(.group,[group]):hover [op~="group-hocus\:100"], :is(.group,[group]):focus-visible [op~="group-hocus\:100"]{opacity:100%;}
:is(.group,[group]):hover [op~="group-hocus\:80"], :is(.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~="\~"]{display:flex;}
.inline-flex,
[inline-flex=""]{display:inline-flex;}
.flex-1,
[flex-1=""]{flex:1 1 0%;}
.flex-shrink{flex-shrink:1;}
.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"],
[grid~="gap-16"]{gap:calc(var(--spacing) * 16);}
.gap-4,
[flex~="gap-4"]{gap:calc(var(--spacing) * 4);}
.gap-8,
[flex~="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;}
.col-span-3{grid-column:span 3/span 3;}
.col-span-6{grid-column:span 6/span 6;}
.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-6,
[grid~="cols-6"]{grid-template-columns:repeat(6,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-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-24,
[h-24=""]{height:calc(var(--spacing) * 24);}
.h-full,
[h-full=""]{height:100%;}
.h-max,
[h-max=""]{height:max-content;}
.h2{height:calc(var(--spacing) * 2);}
.h3{height:calc(var(--spacing) * 3);}
.max-h-55vh,
[max-h-55vh=""]{max-height:55vh;}
.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-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-90vw,
[w-90vw=""]{width:90vw;}
.w-full,
[w-full=""]{width:100%;}
[h~="\[calc\(100vh-var\(--f-h\)\)\]"]{height:calc(100vh - var(--f-h));}
[w-6=""]{width:calc(var(--spacing) * 6);}
[w-max=""]{width:max-content;}
[w~="\[calc\(100\%-30px\)\]"]{width:calc(100% - 30px);}
[w~="\[calc\(100vw-2\*var\(--nq-sidebar-width\)-2\*var\(--f-px\)\)\]"]{width:calc(100vw - 2 * var(--nq-sidebar-width) - 2 * var(--f-px));}
[w~="\[calc\(var\(--nq-sidebar-width\)\+24px\)\]"]{width:calc(var(--nq-sidebar-width) + 24px);}
[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;}
.select-none,
[select-none=""]{-webkit-user-select:none;user-select:none;}
.content-empty,
[content-empty=""]{content:"";}
[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);}
@property --un-shadow {syntax: "*";inherits: false;initial-value: 0 0 #0000;}
@property --un-shadow-color {syntax: "*";inherits: false;}
@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-shadow {syntax: "*";inherits: false;initial-value: 0 0 #0000;}
@property --un-inset-ring-color {syntax: "*";inherits: false;}
@property --un-inset-ring-shadow {syntax: "*";inherits: false;initial-value: 0 0 #0000;}
@property --un-ring-inset {syntax: "*";inherits: false;}
@property --un-ring-offset-width {syntax: ""<length>"";inherits: false;initial-value: 0px;}
@property --un-ring-offset-color {syntax: "*";inherits: false;}
@property --un-ring-offset-shadow {syntax: "*";inherits: false;initial-value: 0 0 #0000;}
[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) /* rgb(var(--nq-neutral-300)) */;}
[ring~="neutral-400"]{--un-ring-color:color-mix(in oklch, var(--colors-neutral-400) var(--un-ring-opacity), transparent) /* rgb(var(--nq-neutral-400)) */;}
[ring~="neutral-500"]{--un-ring-color:color-mix(in oklch, var(--colors-neutral-500) var(--un-ring-opacity), transparent) /* rgb(var(--nq-neutral-500)) */;}
@property --un-ring-opacity {syntax: "<percentage>";inherits: false;initial-value: 100%;}
.shadow,
[shadow=""]{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));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:calc(var(--un-translate-x) * -1) 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);}
@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;}
.-translate-y--50\%{--un-translate-y:50%;translate:calc(var(--un-translate-x) * -1) var(--un-translate-y);}
[before~="-translate-x--50\%"]::before{--un-translate-x:50%;translate:calc(var(--un-translate-x) * -1) var(--un-translate-y);}
[before~="-translate-y--50\%"]::before{--un-translate-y:50%;translate:calc(var(--un-translate-x) * -1) 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);}
@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;}
.transition-all,
[transition-all=""]{transition-property:all;transition-timing-function:var(--un-ease, var(--defaults-transition-timing-function));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-timing-function));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-timing-function));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-timing-function));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-timing-function));transition-duration:var(--un-duration, var(--defaults-transition-duration));}
.ease-in{--un-ease:var(--ease-in);transition-timing-function:var(--ease-in);}
@property --un-ease {syntax: "*";inherits: false;}
.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-y-0,
[inset-y-0=""]{inset-block:calc(var(--spacing) * 0);}
.bottom-0,
[bottom-0=""]{bottom:calc(var(--spacing) * 0);}
.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--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);}
[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-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;}
@property --un-gradient-position {syntax: "*";inherits: false;}
@property --un-gradient-from {syntax: "<color>";inherits: false;initial-value: #0000;}
@property --un-gradient-via {syntax: "<color>";inherits: false;initial-value: #0000;}
@property --un-gradient-to {syntax: "<color>";inherits: false;initial-value: #0000;}
@property --un-gradient-stops {syntax: "*";inherits: false;}
@property --un-gradient-via-stops {syntax: "*";inherits: false;}
@property --un-gradient-from-position {syntax: "<length-percentage>";inherits: false;initial-value: 0%;}
@property --un-gradient-via-position {syntax: "<length-percentage>";inherits: false;initial-value: 50%;}
@property --un-gradient-to-position {syntax: "<length-percentage>";inherits: false;initial-value: 100%;}
@property --un-to-opacity {syntax: "<percentage>";inherits: false;initial-value: 100%;}
.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));}
.to-b,
.to-t{--un-gradient-to:color-mix(in oklab, undefined 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\:outline-color\:neutral-400,
[var\:outline-color\:neutral-400=""]{--outline-color:rgb(var(--nq-neutral-400));}
.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~="min-120"]{--f-size-min:120;}
[f-size~="min-80"]{--f-size-min:80;}
[f-size~="max-160"]{--f-size-max:160;}
[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\:py-6{padding-block:calc(var(--spacing) * 6);}
[border~="md\:y"]{border-block-width:1px;}
[border~="md\:empty\:t-0"]:empty{border-top-width:0px;}
[flex~="md\:\~"]{display:flex;}
.md\:block{display:block;}
[empty~="md\:block"]:empty{display:block;}
}
/* layer: nq-variants */
: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) /* #fff */;}
:where(.inverted,[data-inverted])[text~="data-inverted\:white\/50"], :where(.inverted,[data-inverted]) [text~="data-inverted\:white\/50"]{--un-text-opacity:50%;color:color-mix(in oklch, var(--colors-white) var(--un-text-opacity), transparent) /* #fff */;}
:where(.inverted,[data-inverted])[text~="data-inverted\:white\/60"], :where(.inverted,[data-inverted]) [text~="data-inverted\:white\/60"]{--un-text-opacity:60%;color:color-mix(in oklch, var(--colors-white) var(--un-text-opacity), transparent) /* #fff */;}
[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-400) var(--un-text-opacity), transparent) /* rgb(var(--nq-blue-400)) */;}
[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(--font-weight-bold);font-weight:var(--font-weight-bold);}
:where(.inverted,[data-inverted])[data-inverted\:mb-8=""], :where(.inverted,[data-inverted]) [data-inverted\:mb-8=""]{margin-bottom:calc(var(--spacing) * 8);}
:where(.inverted,[data-inverted])[data-inverted\:mt-4=""], :where(.inverted,[data-inverted]) [data-inverted\:mt-4=""]{margin-top:calc(var(--spacing) * 4);}
[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) /* rgb(var(--nq-blue-400)) */;}
[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) /* rgb(var(--nq-blue-400)) */ !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:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));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)));}