nimiq-vitepress-theme
Version:
Nimiq UI theme for VitePress
750 lines (663 loc) • 217 kB
CSS
/* layer: preflights */
@property --un-gradient-fn-from {
syntax: "<color>";
inherits: false;
initial-value: #000
}
@property --un-gradient-fn-to {
syntax: "<color>";
inherits: false;
initial-value: #000
}
@property --un-gradient-fn-color-space {
syntax: "<custom-ident>";
inherits: false;
initial-value: in oklch;
}
@keyframes reka-down { from{ height: 0 } to { height: var(--reka-accordion-content-height)} }
@keyframes reka-up { from{ height: var(--reka-accordion-content-height)} to { height: 0 } }
@keyframes reka-collapsible-down { from{ height: 0 } to { height: var(--reka-collapsible-content-height)} }
@keyframes reka-collapsible-up { from{ height: var(--reka-collapsible-content-height)} to { height: 0 } }
:root {
--unit: 1em;
/*
The children of `.nq-prose` will have font-sizes and margins proportional fluid value depending on the value that
the element has.
For example, if we set `font-size: 24px` to `.nq-prose`:
- h1: will have (3 * 24)px for desktop and (2.75 * 24)px for mobile
- p: will have (24)px for desktop and (2.75 * 24)px for mobile
*/
--nq-screen-width-min-lh: 20;
--nq-screen-width-max-lh: 72;
--f-screen-range-lh: calc(var(--nq-screen-width-max-lh) - var(--nq-screen-width-min-lh));
--nq-screen-width-min-em: 20;
--nq-screen-width-max-em: 72;
--f-screen-range-em: calc(var(--nq-screen-width-max-em) - var(--nq-screen-width-min-em));
--font-size-min-em: 1;
--font-size-max-em: 1;
--margin-min-lh: 0;
--margin-max-lh: 0;
}
/**
* Make sure to import also nimiq-colors layer found in this package
**/
.nq-prose,
[nq-prose],
.nq-prose-compact,
[nq-prose-compact] {
font-size: 1rem;
/* Default font-size */
margin-trim: block;
&:not(:where(.nq-prose-compact, [nq-prose-compact])) {
> *:not(
:where(
.nq-raw,
.nq-raw *,
.nq-not-prose,
.nq-not-prose *,
.shiki *,
img,
video,
iframe,
figure,
blockquote,
pre,
code
)
) {
padding-right: 0;
padding-left: 0;
&:last-child {
padding-bottom: 6rem;
@media (min-width: 1153px) {
padding-bottom: 8rem;
}
}
}
> :where(img, video, iframe, figure, blockquote, pre, code) {
padding-right: 2rem;
padding-left: 2rem;
&:last-child {
padding-bottom: 6rem;
@media (min-width: 1153px) {
padding-bottom: 8rem;
}
}
}
}
* {
--lh-unit: 1lh;
--f-factor-margin: calc((100vw - (var(--lh-unit) * var(--nq-screen-width-min-lh))) / var(--f-screen-range-lh));
--f-factor: calc((100vw - (var(--unit) * var(--nq-screen-width-min-em))) / var(--f-screen-range-em));
/* Margin calculation */
--nq-m-range: calc(var(--margin-max-lh) - var(--margin-min-lh));
--nq-m-fluid: calc(var(--lh-unit) * var(--margin-min-lh) + var(--nq-m-range) * var(--f-factor-margin));
--nq-m-size: clamp(
calc(var(--lh-unit) * var(--margin-min-lh)),
var(--nq-m-fluid),
calc(var(--margin-max-lh) * var(--lh-unit))
);
/* derived values */
--font-size-range: calc(var(--font-size-max-em) - var(--font-size-min-em));
--tp-font-size-fluid: calc(var(--unit) * var(--font-size-min-em) + var(--font-size-range) * var(--f-factor));
--tp-font-size: clamp(
var(--unit) * var(--font-size-min-em),
var(--tp-font-size-fluid),
var(--unit) * var(--font-size-max-em)
);
font-size: var(--tp-font-size);
}
> *:first-child {
margin-top: 0;
/* TODO Remove margin-top and margin-bottom on last element when margin-trim is widely supported */
}
> *:last-child {
margin-bottom: 0;
}
*:not(:where(.nq-raw, .nq-raw *, .nq-not-prose, .nq-not-prose *, .shiki *)) {
line-height: 1.5;
max-width: var(--nq-prose-max-width, 78ch);
margin-left: auto;
margin-right: auto;
font-family: var(--nq-font-sans, 'Mulish');
&:where(h1) {
--font-size-min-em: 2.25;
--font-size-max-em: 2.5;
line-height: 1.5;
font-weight: 700;
}
&:where(h1 + *:not(:where(h1, h2, h3, h4))) {
--margin-min-lh: 4.6667;
--margin-max-lh: 5;
margin-top: var(--nq-m-size);
}
&:where(h2) {
--font-size-min-em: 1.75;
--font-size-max-em: 2;
line-height: 1.3;
font-weight: 700;
margin-top: 2lh;
margin-bottom: 24px;
--margin-min-lh: 4.2308;
--margin-max-lh: 4.6154;
&:where(h1 + h2) {
--margin-min-lh: 1.9231;
--margin-max-lh: 2.3077;
}
}
&:where(h3) {
--font-size-min-em: 1.4;
--font-size-max-em: 1.625;
line-height: 1.3;
font-weight: 700;
margin-bottom: 24px;
margin-top: 1.7lh;
--margin-min-lh: 4.2308;
--margin-max-lh: 4.6154;
&:where(h2 + h3) {
--margin-min-lh: 1.5385;
--margin-max-lh: 1.7308;
}
}
&:where(h4) {
--font-size-min-em: 1.25;
--font-size-max-em: 1.4;
line-height: 1.3;
font-weight: 700;
margin-top: 1.4lh;
margin-bottom: 24px;
--margin-min-lh: 4.2308;
--margin-max-lh: 4.6154;
}
&:where(h3 + h4) {
--margin-min-lh: 1.5385;
--margin-max-lh: 1.7308;
margin-top: 1.2lh;
}
&:where(h5) {
--font-size-min-em: 1.125;
--font-size-max-em: 1.25;
line-height: 1.3;
font-weight: 700;
margin-top: 1.2lh;
margin-bottom: 24px;
--margin-min-lh: 4.2308;
--margin-max-lh: 4.6154;
}
&:where(h6) {
--font-size-min-em: 1;
--font-size-max-em: 1.125;
line-height: 1.3;
font-weight: 700;
margin-top: 1.2lh;
margin-bottom: 24px;
--margin-min-lh: 4.2308;
--margin-max-lh: 4.6154;
}
/* Anchors in headings */
&:where(h1, h2, h3, h4, h5, h6)[id] {
position: relative;
margin-left: -1.25rem;
padding-left: 1rem;
padding-right: 1rem;
width: 100%;
min-height: 1em;
color: var(--colors-neutral);
&::after {
content: '#';
opacity: 0;
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
transition: 50ms opacity var(--nq-ease, ease-in-out);
pointer-events: none;
}
@media (min-width: 769px) {
:where(&, &::after):hover {
&::after {
opacity: 0.5;
}
}
}
&:has(a:focus-visible) {
outline: 0.125rem solid var(--colors-blue);
outline-offset: 0.125rem;
}
> a {
position: absolute;
inset: 0;
padding-left: 20px;
font-size: inherit;
font-weight: inherit;
top: -6px;
color: var(--colors-neutral);
&::after {
position: absolute;
inset: 0;
}
}
}
&:where(p) {
margin-top: 0;
margin-bottom: 0;
line-height: 1.5;
--font-size-min-em: 0.9;
--font-size-max-em: 1;
& + p {
margin-top: 16px;
}
}
&:where(figure) {
figcaption {
color: var(--colors-neutral-700);
--font-size-min-em: 0.75;
--font-size-max-em: 0.875;
font-weight: 700;
line-height: 1.3125;
padding: 16px;
:where(.dark, [data-theme='dark']) & {
color: color-mix(in oklch, var(--colors-white) 80%, transparent);
}
}
}
&:where(blockquote) {
background: var(--colors-green-400);
--margin-min-em: 1.5;
--margin-max-em: 2;
margin-top: var(--nq-m-size);
margin-bottom: var(--nq-m-size);
margin-left: -8px;
margin-right: -8px;
padding: 1em;
border-radius: 6px;
box-shadow: 0 0 0 1.5px var(--colors-green-600);
font-weight: 600;
width: calc(100% + 16px);
box-sizing: border-box;
--font-size-min-em: 0.75;
--font-size-max-em: 0.875;
@media (min-width: 768px) {
margin-left: 0;
margin-right: 0;
width: 100%;
}
p {
line-height: 1.3;
margin: 0;
}
> *:not(:first-child) {
margin-top: 0.75lh;
}
code,
pre {
background-color: var(--colors-green-600);
color: var(--colors-green-1100);
}
}
&:where(img, video, iframe) {
border-radius: 6px;
--margin-min-lh: 0.75;
--margin-max-lh: 0.9167;
margin-top: var(--nq-m-size);
&:has(+ figcaption) {
--margin-min-lh: 0.5;
--margin-max-lh: 0.6667;
margin-bottom: var(--nq-m-size);
}
&:not(:has(+ figcaption)) {
--margin-min-lh: 0.75;
--margin-max-lh: 0.9167;
margin-bottom: var(--nq-m-size);
}
}
article &:where(img) {
background-color: white;
}
/* Rules to use a wider container (8px on the sides). Mainly for phones */
&:where(img, video, iframe, table),
/* Select code and pre that are not child of p,ul,ol... */
&:where(code, pre):not(:where(:where(p, ul, ol, pre, code, table) :where(pre, code))) {
margin-left: -1.5rem;
width: min(calc(100% + 3rem), 700px);
@media (min-width: 768px) {
margin-left: 0;
width: 100%;
max-width: 100%;
}
}
&:where(ul) {
list-style: none;
margin-top: 24px;
margin-bottom: 24px;
li {
display: block;
position: relative;
margin: 16px 0 16px 20px;
> ol li {
margin-left: 0;
}
:not(ul ol) &::before {
content: '';
width: 6px;
height: 6px;
border-radius: 3px;
background-color: currentColor;
opacity: 0.2;
display: inline-block;
margin-right: 12px;
position: absolute;
left: -20px;
top: 8px;
}
}
}
&:where(ol) {
list-style: none;
counter-reset: item;
margin-top: 24px;
margin-bottom: 24px;
li {
counter-increment: item;
position: relative;
margin: 16px 0 16px 20px;
> ol {
counter-reset: subitem;
li {
counter-increment: subitem;
&::before {
content: counters(item, '.') '.' counter(subitem);
top: 0;
left: -32px;
}
}
}
&::before {
content: counters(item, '.');
font-weight: 700;
display: inline-block;
margin-right: 12px;
position: absolute;
left: -20px;
color: currentColor;
opacity: 0.5;
top: 2px;
}
}
}
:where(ol, ul) ol,
ul ul {
margin-top: 8px;
margin-bottom: 16px;
padding-left: 8px;
li {
margin-top: 0;
margin-left: 12px;
}
}
&:where(code, pre, kbd, pre *, code *) {
font-family: var(--nq-font-mono, 'Fira Code');
/* font-size-adjust: from-font;
TODO
Remove all font-sizes for Fira Code and instead using font-size-adjust to adjust the font-size to the parent element.
https://developer.mozilla.org/en-US/docs/Web/CSS/font-size-adjust
*/
}
&:where(code) {
--font-size-min-em: 0.75;
--font-size-max-em: 0.875;
border-radius: 4px;
}
:where(:where(h1, h2, h3, h4, h5, h6, p, li, span, a) > code) {
padding: 0 0.15em;
line-height: inherit;
vertical-align: baseline;
}
&:where(pre) {
width: 100%;
--font-size-min-em: 0.75;
--font-size-max-em: 0.875;
--margin-min-lh: 0.8333;
--margin-max-lh: 1;
margin-top: var(--nq-m-size);
margin-bottom: var(--nq-m-size);
padding: 20px 24px;
border-radius: 6px;
outline: 1.5px solid color-mix(in oklch, var(--colors-neutral) 8%, transparent);
}
kbd {
padding: 0.25em 0.125em;
--font-size-min: 0.75;
--font-size-max: 0.875;
color: var(--colors-neutral-800);
background-color: var(--colors-neutral-200);
border-radius: 0.25em;
box-shadow: 0 0 0 1px var(--colors-neutral-400);
margin: 0 0.25em -0.25em 0.25em;
white-space: nowrap;
line-height: 1;
}
&:where(pre, code):where(h1, h2, h3, h4 &) {
font-size: 0.8em;
padding: 2px 0.5rem;
position: relative;
top: -1px;
}
&:where(a) {
text-decoration: none;
color: var(--colors-blue);
font-weight: 600;
code {
font-weight: 400;
}
}
table {
--margin-min-lh: 1;
--margin-max-lh: 1.3333;
margin-bottom: var(--nq-m-size);
margin-top: var(--nq-m-size);
display: block;
overflow-x: auto;
border-spacing: 0;
border-collapse: separate;
border-radius: 6px;
border: 1px solid var(--colors-neutral-300);
max-height: 90dvh;
max-width: max-content;
scroll-behavior: smooth;
code,
pre {
--line-height: 1.3;
padding: 4px 0.25rem;
position: relative;
}
th,
td {
padding: 12px 0.75rem;
}
thead th {
z-index: 1;
position: sticky;
top: -1px;
text-wrap: balance;
white-space: nowrap;
font-weight: 400;
color: var(--colors-neutral-800);
background-color: var(--colors-neutral-100);
}
tbody {
td {
vertical-align: initial;
text-wrap: balance;
}
> tr:not(:last-child) td {
border-bottom: 1px solid var(--colors-neutral-300);
}
}
/* Apply a border to the right of all but the last column */
th:not(:last-child),
td:not(:last-child) {
border-right: 1px solid var(--colors-neutral-300);
}
}
hr {
--margin-min-lh: 0.8333;
--margin-max-lh: 1;
margin: var(--nq-m-size) auto;
width: 128px;
border-color: var(--colors-neutral-500);
}
details {
/* TODO Animate open/closing https://developer.chrome.com/docs/css-ui/animate-to-height-auto#animate_the_details_element */
border-radius: 6px;
background-color: var(--colors-neutral-200);
--margin-min-lh: 0.75;
--margin-max-lh: 0.9167;
margin-top: var(--nq-m-size);
margin-bottom: var(--nq-m-size);
color: var(--colors-neutral-900);
box-shadow: 0 0 0 1.5px color-mix(in oklch, var(--colors-neutral) 10%, transparent);
::marker {
color: transparent;
}
summary {
padding: 14px 2rem 14px calc(0.7rem + 2.3em);
--font-size-min-em: 0.9;
--font-size-max-em: 1;
position: relative;
display: flex;
align-items: center;
cursor: pointer;
&::before {
content: '';
--icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTIgMTIiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTIgMS40MTNBLjguOCAwIDAxMy4yMTIuNzI3bDcuNjQ1IDQuNTg3YS44LjggMCAwMTAgMS4zNzJsLTcuNjQ1IDQuNTg3QS44LjggMCAwMTIgMTAuNTg3eiIvPjwvc3ZnPg==);
-webkit-mask: var(--icon) no-repeat;
mask: var(--icon) no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: currentColor;
color: inherit;
width: 0.622em;
height: 0.622em;
transition: transform 100ms ease-out;
display: inline-block;
position: absolute;
left: 0;
padding-left: 4rem;
}
}
&[open] summary {
&::before {
transform: rotate(90deg);
}
}
> *:not(summary) {
padding: 0 1rem 14px 1rem;
}
p {
margin: 0.75lh;
}
&[open] p {
margin: 0.75lh;
}
}
}
}
/* layer: properties */
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-outline-opacity:100%;--un-outline-style:solid;--un-border-opacity:100%;--un-leading:initial;--un-ring-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-ease:initial;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-to-opacity:100%;}}
@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-leading{syntax:"*";inherits:false;}
@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-ring-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-inset-ring-color{syntax:"*";inherits:false;}
@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-inset-shadow-color{syntax:"*";inherits:false;}
@property --un-ring-color{syntax:"*";inherits:false;}
@property --un-ring-inset{syntax:"*";inherits:false;}
@property --un-ring-offset-color{syntax:"*";inherits:false;}
@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}
@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-shadow-color{syntax:"*";inherits:false;}
@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}
@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}
@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}
@property --un-scale-x{syntax:"*";inherits:false;initial-value:1;}
@property --un-scale-y{syntax:"*";inherits:false;initial-value:1;}
@property --un-scale-z{syntax:"*";inherits:false;initial-value:1;}
@property --un-ease{syntax:"*";inherits:false;}
@property --un-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;}
@property --un-gradient-position{syntax:"*";inherits:false;}
@property --un-gradient-stops{syntax:"*";inherits:false;}
@property --un-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;}
@property --un-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;}
@property --un-gradient-via-stops{syntax:"*";inherits:false;}
@property --un-to-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-blur{syntax:"*";inherits:false;}
@property --un-brightness{syntax:"*";inherits:false;}
@property --un-contrast{syntax:"*";inherits:false;}
@property --un-drop-shadow{syntax:"*";inherits:false;}
@property --un-grayscale{syntax:"*";inherits:false;}
@property --un-hue-rotate{syntax:"*";inherits:false;}
@property --un-invert{syntax:"*";inherits:false;}
@property --un-saturate{syntax:"*";inherits:false;}
@property --un-sepia{syntax:"*";inherits:false;}
/* layer: icons */
.i-local\:claude{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3C!-- Icon from Simple Icons by Simple Icons Collaborators - https://github.com/simple-icons/simple-icons/blob/develop/LICENSE.md --%3E%3Cpath fill='currentColor' d='m4.714 15.956l4.718-2.648l.079-.23l-.08-.128h-.23l-.79-.048l-2.695-.073l-2.337-.097l-2.265-.122l-.57-.121l-.535-.704l.055-.353l.48-.321l.685.06l1.518.104l2.277.157l1.651.098l2.447.255h.389l.054-.158l-.133-.097l-.103-.098l-2.356-1.596l-2.55-1.688l-1.336-.972l-.722-.491L2 6.223l-.158-1.008l.656-.722l.88.06l.224.061l.893.686l1.906 1.476l2.49 1.833l.364.304l.146-.104l.018-.072l-.164-.274l-1.354-2.446l-1.445-2.49l-.644-1.032l-.17-.619a3 3 0 0 1-.103-.729L6.287.133L6.7 0l.995.134l.42.364l.619 1.415L9.735 4.14l1.555 3.03l.455.898l.243.832l.09.255h.159V9.01l.127-1.706l.237-2.095l.23-2.695l.08-.76l.376-.91l.747-.492l.583.28l.48.685l-.067.444l-.286 1.851l-.558 2.903l-.365 1.942h.213l.243-.242l.983-1.306l1.652-2.064l.728-.82l.85-.904l.547-.431h1.032l.759 1.129l-.34 1.166l-1.063 1.347l-.88 1.142l-1.263 1.7l-.79 1.36l.074.11l.188-.02l2.853-.606l1.542-.28l1.84-.315l.832.388l.09.395l-.327.807l-1.967.486l-2.307.462l-3.436.813l-.043.03l.049.061l1.548.146l.662.036h1.62l3.018.225l.79.522l.473.638l-.08.485l-1.213.62l-1.64-.389l-3.825-.91l-1.31-.329h-.183v.11l1.093 1.068l2.003 1.81l2.508 2.33l.127.578l-.321.455l-.34-.049l-2.204-1.657l-.85-.747l-1.925-1.62h-.127v.17l.443.649l2.343 3.521l.122 1.08l-.17.353l-.607.213l-.668-.122l-1.372-1.924l-1.415-2.168l-1.141-1.943l-.14.08l-.674 7.254l-.316.37l-.728.28l-.607-.461l-.322-.747l.322-1.476l.388-1.924l.316-1.53l.285-1.9l.17-.632l-.012-.042l-.14.018l-1.432 1.967l-2.18 2.945l-1.724 1.845l-.413.164l-.716-.37l.066-.662l.401-.589l2.386-3.036l1.439-1.882l.929-1.086l-.006-.158h-.055L4.138 18.56l-1.13.146l-.485-.456l.06-.746l.231-.243l1.907-1.312Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:32;height:32;}
.i-local\:openai{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3C!-- Icon from Simple Icons by Simple Icons Collaborators - https://github.com/simple-icons/simple-icons/blob/develop/LICENSE.md --%3E%3Cpath fill='currentColor' d='M22.282 9.821a6 6 0 0 0-.516-4.91a6.05 6.05 0 0 0-6.51-2.9A6.065 6.065 0 0 0 4.981 4.18a6 6 0 0 0-3.998 2.9a6.05 6.05 0 0 0 .743 7.097a5.98 5.98 0 0 0 .51 4.911a6.05 6.05 0 0 0 6.515 2.9A6 6 0 0 0 13.26 24a6.06 6.06 0 0 0 5.772-4.206a6 6 0 0 0 3.997-2.9a6.06 6.06 0 0 0-.747-7.073M13.26 22.43a4.48 4.48 0 0 1-2.876-1.04l.141-.081l4.779-2.758a.8.8 0 0 0 .392-.681v-6.737l2.02 1.168a.07.07 0 0 1 .038.052v5.583a4.504 4.504 0 0 1-4.494 4.494M3.6 18.304a4.47 4.47 0 0 1-.535-3.014l.142.085l4.783 2.759a.77.77 0 0 0 .78 0l5.843-3.369v2.332a.08.08 0 0 1-.033.062L9.74 19.95a4.5 4.5 0 0 1-6.14-1.646M2.34 7.896a4.5 4.5 0 0 1 2.366-1.973V11.6a.77.77 0 0 0 .388.677l5.815 3.354l-2.02 1.168a.08.08 0 0 1-.071 0l-4.83-2.786A4.504 4.504 0 0 1 2.34 7.872zm16.597 3.855l-5.833-3.387L15.119 7.2a.08.08 0 0 1 .071 0l4.83 2.791a4.494 4.494 0 0 1-.676 8.105v-5.678a.79.79 0 0 0-.407-.667m2.01-3.023l-.141-.085l-4.774-2.782a.78.78 0 0 0-.785 0L9.409 9.23V6.897a.07.07 0 0 1 .028-.061l4.83-2.787a4.5 4.5 0 0 1 6.68 4.66zm-12.64 4.135l-2.02-1.164a.08.08 0 0 1-.038-.057V6.075a4.5 4.5 0 0 1 7.375-3.453l-.142.08L8.704 5.46a.8.8 0 0 0-.393.681zm1.097-2.365l2.602-1.5l2.607 1.5v2.999l-2.597 1.5l-2.607-1.5Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:32;height:32;}
.i-tabler\:align-left,
[i-tabler\:align-left=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M4 12h10M4 18h14'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
.i-tabler\:arrow-down,
[i-tabler\:arrow-down=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-6l-6 6m-6-6l6 6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
.i-tabler\:arrow-up,
[i-tabler\:arrow-up=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-8l-6-6m-6 6l6-6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
.i-tabler\:dots,
[i-tabler\:dots=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
.i-tabler\:eye{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0-4 0'/%3E%3Cpath d='M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
.i-tabler\:link{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 15l6-6m-4-3l.463-.536a5 5 0 0 1 7.071 7.072L18 13m-5 5l-.397.534a5.07 5.07 0 0 1-7.127 0a4.97 4.97 0 0 1 0-7.071L6 11'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
.i-tabler\:menu-2,
[i-tabler\:menu-2=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
.dark .dark\:i-nimiq\:logos-nimiq-white-horizontal{background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='18' viewBox='0 0 76 18'%3E%3Cg fill='none'%3E%3Cpath fill='url(%23IconifyId19a3a2b8add6c29b06)' d='M19.964 8.156 15.758.844A1.69 1.69 0 0014.299 0H5.887c-.6 0-1.156.32-1.456.844L.225 8.156c-.3.523-.3 1.165 0 1.688l4.206 7.312c.3.523.856.844 1.456.844h8.412c.6 0 1.156-.32 1.456-.844l4.206-7.312a1.69 1.69 0 00.003-1.688'/%3E%3Cpath fill='%23fff' d='M34.91 3.656h1.829v10.688H35.33L29.582 6.89v7.453H27.76V3.656h1.403l5.748 7.453zm5.47 10.688V3.656h1.962v10.688zM54.82 3.656h1.543v10.688H54.68v-6.61l-2.874 6.61h-1.262l-2.874-6.61v6.61h-1.683V3.656h1.542l3.646 8.368zm5.189 10.688V3.656h1.962v10.688zm15.075-2.436c-.572 1.14-1.461 1.809-2.25 2.135.093.214.528.81.856 1.153s.673.692 1.11 1.046l-1.332 1.055c-.49-.343-.917-.754-1.351-1.232a9 9 0 01-1.142-1.595 9 9 0 01-.451.014c-1.085 0-1.991-.222-2.773-.663a4.4 4.4 0 01-1.792-1.913c-.379-.756-.623-1.766-.623-2.908s.21-2.076.628-2.908a4.44 4.44 0 011.8-1.913c.783-.444 1.697-.663 2.76-.663s1.991.222 2.773.663a4.4 4.4 0 011.792 1.913c.415.832.623 1.766.623 2.908s-.25 2.154-.628 2.908m-6.935.009q.849 1.02 2.375 1.02 1.528 0 2.375-1.02c.567-.684.85-1.646.85-2.917 0-1.263-.283-2.247-.85-2.922q-.849-1.014-2.375-1.016-1.528 0-2.375 1.007c-.567.673-.85 1.66-.85 2.931s.283 2.233.85 2.917'/%3E%3Cdefs%3E%3CradialGradient id='IconifyId19a3a2b8add6c29b06' cx='0' cy='0' r='1' gradientTransform='matrix(20.1956 0 0 20.2552 15.188 17.766)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EC991C'/%3E%3Cstop offset='1' stop-color='%23E9B213'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/g%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:4.222222222222222em;height:1em;}
.dark [dark\:i-nimiq\:logos-nimiq-white-horizontal=""]{background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='18' viewBox='0 0 76 18'%3E%3Cg fill='none'%3E%3Cpath fill='url(%23IconifyId19a3a2b8add6c29b08)' d='M19.964 8.156 15.758.844A1.69 1.69 0 0014.299 0H5.887c-.6 0-1.156.32-1.456.844L.225 8.156c-.3.523-.3 1.165 0 1.688l4.206 7.312c.3.523.856.844 1.456.844h8.412c.6 0 1.156-.32 1.456-.844l4.206-7.312a1.69 1.69 0 00.003-1.688'/%3E%3Cpath fill='%23fff' d='M34.91 3.656h1.829v10.688H35.33L29.582 6.89v7.453H27.76V3.656h1.403l5.748 7.453zm5.47 10.688V3.656h1.962v10.688zM54.82 3.656h1.543v10.688H54.68v-6.61l-2.874 6.61h-1.262l-2.874-6.61v6.61h-1.683V3.656h1.542l3.646 8.368zm5.189 10.688V3.656h1.962v10.688zm15.075-2.436c-.572 1.14-1.461 1.809-2.25 2.135.093.214.528.81.856 1.153s.673.692 1.11 1.046l-1.332 1.055c-.49-.343-.917-.754-1.351-1.232a9 9 0 01-1.142-1.595 9 9 0 01-.451.014c-1.085 0-1.991-.222-2.773-.663a4.4 4.4 0 01-1.792-1.913c-.379-.756-.623-1.766-.623-2.908s.21-2.076.628-2.908a4.44 4.44 0 011.8-1.913c.783-.444 1.697-.663 2.76-.663s1.991.222 2.773.663a4.4 4.4 0 011.792 1.913c.415.832.623 1.766.623 2.908s-.25 2.154-.628 2.908m-6.935.009q.849 1.02 2.375 1.02 1.528 0 2.375-1.02c.567-.684.85-1.646.85-2.917 0-1.263-.283-2.247-.85-2.922q-.849-1.014-2.375-1.016-1.528 0-2.375 1.007c-.567.673-.85 1.66-.85 2.931s.283 2.233.85 2.917'/%3E%3Cdefs%3E%3CradialGradient id='IconifyId19a3a2b8add6c29b08' cx='0' cy='0' r='1' gradientTransform='matrix(20.1956 0 0 20.2552 15.188 17.766)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EC991C'/%3E%3Cstop offset='1' stop-color='%23E9B213'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/g%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:4.222222222222222em;height:1em;}
.i-nimiq\:arrow-left,
[i-nimiq\:arrow-left=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.666 10 1 6l3.667-4M2.619 6H11'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:arrow-right,
[i-nimiq\:arrow-right=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7.334 2 11 6l-3.667 4m2.048-4H1'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:chevron-down,
[i-nimiq\:chevron-down=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 4 6 9 1 4'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:chevron-right,
[i-nimiq\:chevron-right=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3.5 1 5 5-5 5'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:chevron-top-down,
[i-nimiq\:chevron-top-down=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M.778 3.889 3.888.778 7 3.888m0 6.223-3.111 3.111-3.111-3.11'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:copy{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='currentColor' stroke-width='1.5' d='M9.341 3.49V1.77A1.01 1.01 0 008.33.76H1.77A1.01 1.01 0 00.76 1.77v7.34c0 .558.453 1.011 1.011 1.011H3.1m2.57 3.12h6.56c.558 0 1.011-.454 1.011-1.012V5.673c0-.558-.453-1.011-1.011-1.011H5.67c-.558 0-1.011.453-1.011 1.011v6.556c0 .558.453 1.011 1.011 1.011Z'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:cross,
[i-nimiq\:cross=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 10 10m0-10L1 11'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:document-filled,
[i-nimiq\:document-filled=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M.86 0A.86.86 0 000 .86v7.97c0 .65.267 1.284.8 1.656A8.4 8.4 0 005.624 12c1.794 0 3.456-.56 4.823-1.514.533-.372.8-1.005.8-1.656V.86a.86.86 0 00-.86-.86zm.871 2.152a.43.43 0 01.43-.43h3.465a.43.43 0 010 .86H2.161a.43.43 0 01-.43-.43m.43 1.721a.43.43 0 000 .86h4.33a.43.43 0 000-.86zm-.43 2.582a.43.43 0 01.43-.43h3.033a.43.43 0 010 .86H2.16a.43.43 0 01-.43-.43m.43 1.722a.43.43 0 000 .86h3.465a.43.43 0 000-.86z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:link{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' d='m7.95 4.05-3.9 3.9m5.85-.486.488-.488a3.793 3.793 0 00-5.364-5.364l-.488.488m2.927 7.8-.488.488a3.793 3.793 0 01-5.364-5.364l.488-.488'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:logos-discord-mono{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14'%3E%3Cg fill='none'%3E%3Cg clip-path='url(%23IconifyId19a3a2b8add6c29b02)'%3E%3Cpath fill='currentColor' d='M15.247 1.167A14.7 14.7 0 0011.534 0c-.16.29-.347.678-.476.988a13.6 13.6 0 00-4.115 0A11 11 0 006.462 0a14.6 14.6 0 00-3.716 1.17C.396 4.72-.241 8.184.077 11.597a14.8 14.8 0 004.554 2.334q.555-.763.976-1.606a9.6 9.6 0 01-1.536-.748q.192-.143.376-.298c2.962 1.385 6.18 1.385 9.106 0q.184.154.376.298a9.6 9.6 0 01-1.539.749c.282.564.608 1.102.976 1.606a14.8 14.8 0 004.557-2.335c.373-3.957-.639-7.388-2.676-10.43M6.01 9.497c-.889 0-1.618-.83-1.618-1.84s.714-1.842 1.618-1.842 1.634.83 1.618 1.842c.002 1.01-.713 1.84-1.618 1.84m5.98 0c-.89 0-1.618-.83-1.618-1.84s.713-1.842 1.618-1.842c.904 0 1.633.83 1.618 1.842 0 1.01-.714 1.84-1.618 1.84'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='IconifyId19a3a2b8add6c29b02'%3E%3Cpath fill='%23fff' d='M0 0h18v13.991H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:logos-github-mono{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none'%3E%3Cg clip-path='url(%23IconifyId19a3a2b8add6c29b01)'%3E%3Cpath fill='currentColor' d='M9 0a9 9 0 00-2.845 17.54c.45.082.615-.196.615-.434 0-.214-.009-.923-.012-1.675-2.504.544-3.032-1.062-3.032-1.062-.41-1.04-1-1.317-1-1.317-.816-.559.062-.547.062-.547.904.063 1.38.927 1.38.927.802 1.376 2.105.978 2.618.749.081-.582.314-.98.572-1.204-2-.228-4.1-1-4.1-4.447 0-.983.351-1.786.927-2.416-.094-.227-.402-1.142.087-2.382 0 0 .756-.242 2.475.923.718-.2 1.488-.3 2.253-.303a8.7 8.7 0 012.255.303c1.717-1.165 2.472-.923 2.472-.923.49 1.24.182 2.155.088 2.382.577.63.926 1.433.926 2.416 0 3.456-2.105 4.217-4.109 4.44.323.28.61.827.61 1.667 0 1.204-.01 2.173-.01 2.47 0 .239.162.52.618.43A9 9 0 0018 9a9 9 0 00-9-9M3.371 12.82c-.02.045-.09.058-.154.027-.065-.029-.102-.09-.081-.135s.09-.059.155-.028.103.091.08.136m.443.395c-.043.04-.127.021-.184-.042-.059-.062-.07-.146-.026-.187.044-.04.125-.02.184.042.06.063.07.147.026.187m.304.505c-.056.039-.146.003-.202-.077-.055-.08-.055-.176.002-.215.056-.038.144-.004.2.076.056.081.056.177 0 .216m.513.586c-.05.054-.154.04-.231-.035-.079-.072-.1-.175-.051-.23.05-.054.155-.039.233.035.078.072.102.176.049.23m.664.197c-.022.07-.123.103-.225.073s-.168-.114-.148-.185.123-.104.226-.072c.101.03.168.113.147.184m.755.084c.003.074-.084.136-.19.137-.108.003-.195-.057-.197-.13 0-.075.085-.136.193-.138.107-.002.194.057.194.131m.742-.028c.013.072-.061.147-.167.166-.105.02-.202-.025-.215-.097-.013-.074.063-.149.167-.168.107-.018.202.025.215.099'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='IconifyId19a3a2b8add6c29b01'%3E%3Cpath fill='%23fff' d='M0 0h18v17.577H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:logos-nimiq-horizontal{background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='18' viewBox='0 0 76 18'%3E%3Cg fill='none'%3E%3Cpath fill='url(%23IconifyId19a3a2b8add6c29b05)' d='M19.964 8.156 15.758.844A1.69 1.69 0 0014.299 0H5.887c-.6 0-1.156.32-1.456.844L.225 8.156c-.3.523-.3 1.165 0 1.688l4.206 7.312c.3.523.856.844 1.456.844h8.412c.6 0 1.156-.32 1.456-.844l4.206-7.312a1.69 1.69 0 00.003-1.688'/%3E%3Cpath fill='%231F2348' d='M34.91 3.656h1.829v10.688H35.33L29.582 6.89v7.453H27.76V3.656h1.403l5.748 7.453zm5.47 10.688V3.656h1.962v10.688zM54.82 3.656h1.543v10.688H54.68v-6.61l-2.874 6.61h-1.262l-2.874-6.61v6.61h-1.683V3.656h1.542l3.646 8.368zm5.189 10.688V3.656h1.962v10.688zm15.075-2.436c-.572 1.14-1.461 1.809-2.25 2.135.093.214.528.81.856 1.153s.673.692 1.11 1.046l-1.332 1.055c-.49-.343-.917-.754-1.351-1.232a9 9 0 01-1.142-1.595 9 9 0 01-.451.014c-1.085 0-1.991-.222-2.773-.663a4.4 4.4 0 01-1.792-1.913c-.379-.756-.623-1.766-.623-2.908s.21-2.076.628-2.908a4.44 4.44 0 011.8-1.913c.783-.444 1.697-.663 2.76-.663s1.991.222 2.773.663a4.4 4.4 0 011.792 1.913c.415.832.623 1.766.623 2.908s-.25 2.154-.628 2.908m-6.935.009q.849 1.02 2.375 1.02 1.528 0 2.375-1.02c.567-.684.85-1.646.85-2.917 0-1.263-.283-2.247-.85-2.922q-.849-1.014-2.375-1.016-1.528 0-2.375 1.007c-.567.673-.85 1.66-.85 2.931s.283 2.233.85 2.917'/%3E%3Cdefs%3E%3CradialGradient id='IconifyId19a3a2b8add6c29b05' cx='0' cy='0' r='1' gradientTransform='matrix(20.1956 0 0 20.2552 15.188 17.766)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EC991C'/%3E%3Cstop offset='1' stop-color='%23E9B213'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/g%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:4.222222222222222em;height:1em;}
.i-nimiq\:logos-nimiq-mono{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='0 0 20 18'%3E%3Cg fill='none'%3E%3Cpath fill='url(%23IconifyId19a3a2b8add6c29b00)' d='M19.734 8.156 15.576.844A1.66 1.66 0 0014.135 0H5.819C5.226 0 4.677.32 4.38.844L.222 8.156a1.71 1.71 0 000 1.688l4.158 7.312c.297.523.846.844 1.439.844h8.316c.593 0 1.142-.32 1.438-.844l4.158-7.312c.3-.523.3-1.165.003-1.688'/%3E%3Cdefs%3E%3CradialGradient id='IconifyId19a3a2b8add6c29b00' cx='0' cy='0' r='1' gradientTransform='matrix(-19.9562 0 0 -18 19.956 18)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='currentColor'/%3E%3Cstop offset='1' stop-color='currentColor'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:logos-telegram-mono{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16'%3E%3Cpath fill='currentColor' d='M16.785.1.84 6.247c-1.088.438-1.08 1.045-.2 1.316L4.735 8.84l9.472-5.976c.448-.273.857-.126.52.172L7.054 9.962H7.05h.002l-.283 4.22c.414 0 .597-.19.829-.413l1.988-1.934 4.136 3.055c.762.42 1.31.204 1.5-.706L17.938 1.39C18.216.276 17.513-.229 16.785.1'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:logos-twitter-mono{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M13.654 1.688h2.48l-5.42 6.195 6.377 8.43h-4.994L8.187 11.2l-4.475 5.113H1.23l5.797-6.627L.911 1.688H6.03L9.565 6.36zm-.871 13.14h1.375L5.284 3.095H3.808z' fill='currentColor'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:magnifying-glass,
[i-nimiq\:magnifying-glass=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath fill='currentColor' d='M9.652 8.548 9.1 7.997 7.997 9.1l.551.552zm2.017 4.224a.78.78 0 101.102-1.104zM5.46 10.92a5.46 5.46 0 005.46-5.46H9.36a3.9 3.9 0 01-3.9 3.9zm5.46-5.46A5.46 5.46 0 005.46 0v1.56a3.9 3.9 0 013.9 3.9zM5.46 0A5.46 5.46 0 000 5.46h1.56a3.9 3.9 0 013.9-3.9zM0 5.46a5.46 5.46 0 005.46 5.46V9.36a3.9 3.9 0 01-3.9-3.9zm8.548 4.192 3.12 3.12 1.104-1.104-3.12-3.12z'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:moon{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M4.252.295A.214.214 0 003.98.014 6.18 6.18 0 000 5.792 6.21 6.21 0 006.208 12a6.18 6.18 0 005.778-3.979.214.214 0 00-.281-.273c-.64.263-1.34.399-2.072.399-3.19 0-5.78-2.59-5.78-5.78 0-.732.136-1.432.4-2.071' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
.i-nimiq\:watch-1-50{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='none'%3E%3Cg stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23IconifyId19a3a2b8add6c29b03)'%3E%3Cpath d='M6 11.25A5.25 5.25 0 106 .75a5.25 5.25 0 000 10.5'/%3E%3Cpath d='M4.5 4 6 6l1.5-1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='IconifyId19a3a2b8add6c29b03'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
[i-nimiq\:logos-github-mono=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none'%3E%3Cg clip-path='url(%23IconifyId19a3a2b8add6c29b09)'%3E%3Cpath fill='currentColor' d='M9 0a9 9 0 00-2.845 17.54c.45.082.615-.196.615-.434 0-.214-.009-.923-.012-1.675-2.504.544-3.032-1.062-3.032-1.062-.41-1.04-1-1.317-1-1.317-.816-.559.062-.547.062-.547.904.063 1.38.927 1.38.927.802 1.376 2.105.978 2.618.749.081-.582.314-.98.572-1.204-2-.228-4.1-1-4.1-4.447 0-.983.351-1.786.927-2.416-.094-.227-.402-1.142.087-2.382 0 0 .756-.242 2.475.923.718-.2 1.488-.3 2.253-.303a8.7 8.7 0 012.255.303c1.717-1.165 2.472-.923 2.472-.923.49 1.24.182 2.155.088 2.382.577.63.926 1.433.926 2.416 0 3.456-2.105 4.217-4.109 4.44.323.28.61.827.61 1.667 0 1.204-.01 2.173-.01 2.47 0 .239.162.52.618.43A9 9 0 0018 9a9 9 0 00-9-9M3.371 12.82c-.02.045-.09.058-.154.027-.065-.029-.102-.09-.081-.135s.09-.059.155-.028.103.091.08.136m.443.395c-.043.04-.127.021-.184-.042-.059-.062-.07-.146-.026-.187.044-.04.125-.02.184.042.06.063.07.147.026.187m.304.505c-.056.039-.146.003-.202-.077-.055-.08-.055-.176.002-.215.056-.038.144-.004.2.076.056.081.056.177 0 .216m.513.586c-.05.054-.154.04-.231-.035-.079-.072-.1-.175-.051-.23.05-.054.155-.039.233.035.078.072.102.176.049.23m.664.197c-.022.07-.123.103-.225.073s-.168-.114-.148-.185.123-.104.226-.072c.101.03.168.113.147.184m.755.084c.003.074-.084.136-.19.137-.108.003-.195-.057-.197-.13 0-.075.085-.136.193-.138.107-.002.194.057.194.131m.742-.028c.013.072-.061.147-.167.166-.105.02-.202-.025-.215-.097-.013-.074.063-.149.167-.168.107-.018.202.025.215.099'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='IconifyId19a3a2b8add6c29b09'%3E%3Cpath fill='%23fff' d='M0 0h18v17.577H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
[i-nimiq\:logos-nimiq-horizontal=""]{background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='18' viewBox='0 0 76 18'%3E%3Cg fill='none'%3E%3Cpath fill='url(%23IconifyId19a3a2b8add6c29b07)' d='M19.964 8.156 15.758.844A1.69 1.69 0 0014.299 0H5.887c-.6 0-1.156.32-1.456.844L.225 8.156c-.3.523-.3 1.165 0 1.688l4.206 7.312c.3.523.856.844 1.456.844h8.412c.6 0 1.156-.32 1.456-.844l4.206-7.312a1.69 1.69 0 00.003-1.688'/%3E%3Cpath fill='%231F2348' d='M34.91 3.656h1.829v10.688H35.33L29.582 6.89v7.453H27.76V3.656h1.403l5.748 7.453zm5.47 10.688V3.656h1.962v10.688zM54.82 3.656h1.543v10.688H54.68v-6.61l-2.874 6.61h-1.262l-2.874-6.61v6.61h-1.683V3.656h1.542l3.646 8.368zm5.189 10.688V3.656h1.962v10.688zm15.075-2.436c-.572 1.14-1.461 1.809-2.25 2.135.093.214.528.81.856 1.153s.673.692 1.11 1.046l-1.332 1.055c-.49-.343-.917-.754-1.351-1.232a9 9 0 01-1.142-1.595 9 9 0 01-.451.014c-1.085 0-1.991-.222-2.773-.663a4.4 4.4 0 01-1.792-1.913c-.379-.756-.623-1.766-.623-2.908s.21-2.076.628-2.908a4.44 4.44 0 011.8-1.913c.783-.444 1.697-.663 2.76-.663s1.991.222 2.773.663a4.4 4.4 0 011.792 1.913c.415.832.623 1.766.623 2.908s-.25 2.154-.628 2.908m-6.935.009q.849 1.02 2.375 1.02 1.528 0 2.375-1.02c.567-.684.85-1.646.85-2.917 0-1.263-.283-2.247-.85-2.922q-.849-1.014-2.375-1.016-1.528 0-2.375 1.007c-.567.673-.85 1.66-.85 2.931s.283 2.233.85 2.917'/%3E%3Cdefs%3E%3CradialGradient id='IconifyId19a3a2b8add6c29b07' cx='0' cy='0' r='1' gradientTransform='matrix(20.1956 0 0 20.2552 15.188 17.766)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EC991C'/%3E%3Cstop offset='1' stop-color='%23E9B213'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/g%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-color:transparent;width:4.222222222222222em;height:1em;}
[i-nimiq\:watch-1-50=""]{--nq-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='none'%3E%3Cg stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23IconifyId19a3a2b8add6c29b04)'%3E%3Cpath d='M6 11.25A5.25 5.25 0 106 .75a5.25 5.25 0 000 10.5'/%3E%3Cpath d='M4.5 4 6 6l1.5-1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='IconifyId19a3a2b8add6c29b04'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--nq-icon) no-repeat;mask:var(--nq-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;color:inherit;}
/* layer: theme */
:root, :host {
--spacing: 0.0625rem;
--font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Aria