:root{color-scheme:light dark;--np-color-background: light-dark(#f7fafe, #0b0f12);--np-color-error: light-dark(#bb1b1b, #ff7164);--np-color-error-container: light-dark(#fe4e44, #ac0c12);--np-color-inverse-on-surface: light-dark(#9a9da1, #515559);--np-color-inverse-primary: light-dark(#75ceff, #00668c);--np-color-inverse-surface: light-dark(#0b0f12, #f7fafe);--np-color-neutral-palette-key-color: light-dark(#73777b, #73777b);--np-color-neutral-variant-palette-key-color: light-dark(#6f787f, #6f787f);--np-color-on-background: light-dark(#2f3336, #e3e6ea);--np-color-on-error: light-dark(#fff7f6, #4a0002);--np-color-on-error-container: light-dark(#570003, #ffb8b0);--np-color-on-primary: light-dark(#f4f9ff, #00435d);--np-color-on-primary-container: light-dark(#00435d, #002637);--np-color-on-primary-fixed: light-dark(#002e41, #002e41);--np-color-on-primary-fixed-variant: light-dark(#004d6a, #004d6a);--np-color-on-secondary: light-dark(#f4f9ff, #254455);--np-color-on-secondary-container: light-dark(#375567, #a4c4d9);--np-color-on-secondary-fixed: light-dark(#244354, #244354);--np-color-on-secondary-fixed-variant: light-dark(#415f71, #415f71);--np-color-on-surface: light-dark(#2f3336, #e3e6ea);--np-color-on-surface-variant: light-dark(#5b5f63, #a8abaf);--np-color-on-tertiary: light-dark(#fff7fc, #623378);--np-color-on-tertiary-container: light-dark(#582a6e, #582a6e);--np-color-on-tertiary-fixed: light-dark(#421358, #421358);--np-color-on-tertiary-fixed-variant: light-dark(#623378, #623378);--np-color-outline: light-dark(#777b7f, #727679);--np-color-outline-variant: light-dark(#afb2b6, #44484c);--np-color-primary: light-dark(#00668c, #75ceff);--np-color-primary-container: light-dark(#75ceff, #4eaad9);--np-color-primary-fixed: light-dark(#75ceff, #75ceff);--np-color-primary-fixed-dim: light-dark(#66c0f0, #66c0f0);--np-color-primary-palette-key-color: light-dark(#0980ad, #0980ad);--np-color-scrim: light-dark(#000000, #000000);--np-color-secondary: light-dark(#456375, #abcbe0);--np-color-secondary-container: light-dark(#c7e7fd, #203f50);--np-color-secondary-fixed: light-dark(#c7e7fd, #c7e7fd);--np-color-secondary-fixed-dim: light-dark(#b9d9ee, #b9d9ee);--np-color-secondary-palette-key-color: light-dark(#5d7b8e, #5d7b8e);--np-color-shadow: light-dark(#000000, #000000);--np-color-surface: light-dark(#f7fafe, #0b0f12);--np-color-surface-bright: light-dark(#f7fafe, #282d30);--np-color-surface-container: light-dark(#ebeef2, #161a1d);--np-color-surface-container-high: light-dark(#e5e8ec, #1c2023);--np-color-surface-container-highest: light-dark(#e0e3e7, #222629);--np-color-surface-container-low: light-dark(#f1f4f8, #101417);--np-color-surface-container-lowest: light-dark(#ffffff, #000000);--np-color-surface-dim: light-dark(#d7dade, #0b0f12);--np-color-surface-tint: light-dark(#00668c, #75ceff);--np-color-surface-variant: light-dark(#e0e3e7, #222629);--np-color-tertiary: light-dark(#7c4b92, #efc2ff);--np-color-tertiary-container: light-dark(#e8affe, #e8affe);--np-color-tertiary-fixed: light-dark(#e8affe, #e8affe);--np-color-tertiary-fixed-dim: light-dark(#d9a2ef, #d9a2ef);--np-color-tertiary-palette-key-color: light-dark(#d29be8, #d29be8);--np-elevation-1: rgba(0, 0, 0, .2) 0px 3px 1px -2px, rgba(0, 0, 0, .14) 0px 2px 2px 0px, rgba(0, 0, 0, .12) 0px 1px 5px 0px;--np-elevation-2: rgba(0, 0, 0, .2) 0px 2px 4px -1px, rgba(0, 0, 0, .14) 0px 4px 5px 0px, rgba(0, 0, 0, .12) 0px 1px 10px 0px;--np-elevation-3: rgba(0, 0, 0, .2) 0px 5px 5px -3px, rgba(0, 0, 0, .14) 0px 8px 10px 1px, rgba(0, 0, 0, .12) 0px 3px 14px 2px;--np-shape-corner-full: 9999px;--np-shape-corner-extra-small: .25rem;--np-shape-corner-small: .5rem;--np-shape-corner-medium: .75rem;--np-shape-corner-large: 1rem;--np-shape-corner-extra-large: 1.75rem;--np-shape-corner-none: 0}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}h1{font-size:2.5rem;line-height:4.5rem;font-weight:500}h2,h3,h4{font-weight:500}.primary{color:var(--np-color-primary)}html{tab-size:2}a{color:var(--np-color-on-surface);text-decoration:none}a.link{color:var(--np-color-primary);text-decoration:none;font-weight:500}a.link:hover{text-decoration:underline}body{font-family:Roboto Flex,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";margin:0;background-color:var(--np-color-surface-container);font-size:1.125rem;color:var(--np-color-on-surface)}pre{margin:0}code{font-size:.875rem;padding:1.5rem;display:block;overflow-y:auto;color:var(--np-color-primary);scrollbar-width:thin}code .bind{color:var(--np-color-tertiary)}table{border-spacing:0;overflow-x:auto;box-sizing:border-box;display:block}tr th:first-of-type{border-start-start-radius:var(--np-shape-corner-extra-large)}tr th:last-of-type{border-start-end-radius:var(--np-shape-corner-extra-large)}tr:last-of-type td:first-of-type{border-end-start-radius:var(--np-shape-corner-extra-large)}tr:last-of-type td:last-of-type{border-end-end-radius:var(--np-shape-corner-extra-large)}tr td:last-of-type,tr th:last-of-type{border-inline-end:1px solid var(--np-color-outline-variant)}tr:last-of-type td,tr:last-of-type th{border-block-end:1px solid var(--np-color-outline-variant)}th{background-color:var(--np-color-surface-container);color:var(--np-color-on-surface);font-size:1.25rem;font-weight:400}td,th{border-block-start:1px solid var(--np-color-outline-variant);border-inline-start:1px solid var(--np-color-outline-variant);padding:8px 16px}:not(pre)>code{display:inline-flex;background-color:var(--np-color-surface-variant);text-shadow:0 1px 1px var(--np-color-surface-variant);color:var(--np-color-on-surface);padding:.25rem;border-radius:.5rem}@media(pointer:fine){.scroll-wrapper,pre{scrollbar-color:var(--np-color-on-surface-variant) transparent;scrollbar-width:thin}html{scrollbar-color:var(--np-color-on-surface-variant) transparent}}@media(min-width:768px){h1{font-size:4rem}}blockquote{margin:1rem 0;color:var(--np-color-on-secondary-container);padding:1rem;border-radius:1rem;background-color:var(--np-color-secondary-container);display:flex;gap:.5rem}.header.svelte-1b33u83{margin:1rem 0 1rem 1.75rem;font-size:1.5rem}.theme-menu-container.svelte-lr9hdr{padding:1rem}.spacer.svelte-lr9hdr{flex:1}.head.svelte-lr9hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.headline.svelte-lr9hdr{font-size:1.5rem;font-weight:500}.hex-label.svelte-lr9hdr{display:flex;align-items:center;gap:1rem}.hex-input-wrapper.svelte-lr9hdr{height:3rem;width:3rem;border-radius:9999px}.hex-input-wrapper.svelte-lr9hdr :where(.svelte-lr9hdr):has(.input:where(.svelte-lr9hdr):focus-visible){outline-style:solid;outline-color:var(--np-color-secondary);outline-width:3px;outline-offset:2px;animation:svelte-lr9hdr-focusAnimation .3s ease forwards}@keyframes svelte-lr9hdr-focusAnimation{0%{outline-width:3px}50%{outline-width:6px}to{outline-width:3px}}.hex-input.svelte-lr9hdr{display:flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:9999px}.card.svelte-lr9hdr{padding:1rem;border-radius:var(--np-shape-corner-large);color:var(--np-color-on-surface-variant);background-color:var(--np-color-surface-variant)}.input.svelte-lr9hdr{min-width:200%;min-height:200%}.logo-label.svelte-12qhfyh{font-weight:600;margin-inline-start:.25rem;font-size:1.25rem;line-height:1.75rem}.spacer.svelte-12qhfyh{flex-grow:1}.logo.svelte-12qhfyh{display:flex;align-items:center;border-radius:var(--np-shape-corner-large);gap:.5rem;padding-inline-end:1rem;margin-inline-start:1rem;color:var(--np-color-primary)}.logo.svelte-12qhfyh:focus-visible{outline-style:solid;outline-color:var(--np-color-secondary);outline-width:3px;outline-offset:2px;animation:svelte-12qhfyh-focusAnimation .3s ease forwards}@keyframes svelte-12qhfyh-focusAnimation{0%{outline-width:3px}50%{outline-width:6px}to{outline-width:3px}}.main-content.svelte-12qhfyh{max-width:min(100%,980px);margin-inline:auto}.main.svelte-12qhfyh{margin-top:4.5rem;padding:0 1rem 2rem;overflow:auto}.layout-btn.svelte-12qhfyh{--np-text-button-label-text-color: var(--np-color-on-surface)}.inner-header.svelte-12qhfyh{height:4.5rem;display:flex;align-items:center;gap:.5rem;padding-inline:.5rem}.bottom-bar.svelte-12qhfyh{display:none;position:fixed;height:1rem;width:100%;background-color:var(--np-color-surface-container);bottom:0}.paper.svelte-12qhfyh{position:fixed;width:100%;height:calc(100dvh - 4.5rem);background-color:var(--np-color-background);border-radius:var(--np-shape-corner-extra-large);z-index:-1}.main-nav{position:fixed;display:none}header.svelte-12qhfyh{background:var(--np-color-surface-container);position:fixed;inset-inline:0;top:0;z-index:10;display:grid}@media(min-width:768px){.logo-label.svelte-12qhfyh{font-size:1.5rem;line-height:2rem}.inner-header.svelte-12qhfyh{padding-inline-end:1rem}.main.svelte-12qhfyh{margin-inline-start:16rem;padding:0 3rem 4rem}.paper.svelte-12qhfyh{width:calc(100% - 18rem);margin-inline-start:17rem;height:calc(100dvh - 5.5rem)}.bottom-bar.svelte-12qhfyh{display:block;margin-inline-start:16rem;width:calc(100% - 16rem)}.main-nav{display:block}.nav[popover]{display:none}.menu-btn{display:none!important}}