:root{color-scheme:light dark;--np-color-background: light-dark(#f7fafe, #101417);--np-color-error: light-dark(#ba1a1a, #ffb4ab);--np-color-error-container: light-dark(#ffdad6, #93000a);--np-color-inverse-on-surface: light-dark(#eef1f5, #2d3134);--np-color-inverse-primary: light-dark(#7dd0ff, #00658b);--np-color-inverse-surface: light-dark(#2d3134, #e0e3e7);--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(#181c1f, #e0e3e7);--np-color-on-error: light-dark(#ffffff, #690005);--np-color-on-error-container: light-dark(#93000a, #ffdad6);--np-color-on-primary: light-dark(#ffffff, #00344a);--np-color-on-primary-container: light-dark(#004863, #004863);--np-color-on-primary-fixed: light-dark(#001e2c, #001e2c);--np-color-on-primary-fixed-variant: light-dark(#004c69, #004c69);--np-color-on-secondary: light-dark(#ffffff, #133444);--np-color-on-secondary-container: light-dark(#4a687b, #9dbdd1);--np-color-on-secondary-fixed: light-dark(#001e2c, #001e2c);--np-color-on-secondary-fixed-variant: light-dark(#2c4a5c, #2c4a5c);--np-color-on-surface: light-dark(#181c1f, #e0e3e7);--np-color-on-surface-variant: light-dark(#3f484e, #bec8cf);--np-color-on-tertiary: light-dark(#ffffff, #491a5f);--np-color-on-tertiary-container: light-dark(#5d2e73, #5d2e73);--np-color-on-tertiary-fixed: light-dark(#310048, #310048);--np-color-on-tertiary-fixed-variant: light-dark(#623377, #623377);--np-color-outline: light-dark(#6f787f, #899299);--np-color-outline-variant: light-dark(#bec8cf, #3f484e);--np-color-primary: light-dark(#00658b, #8ad4ff);--np-color-primary-container: light-dark(#5fb9e9, #5fb9e9);--np-color-primary-fixed: light-dark(#c4e7ff, #c4e7ff);--np-color-primary-fixed-dim: light-dark(#7dd0ff, #7dd0ff);--np-color-primary-palette-key-color: light-dark(#0980ad, #0980ad);--np-color-scrim: light-dark(#000000, #000000);--np-color-secondary: light-dark(#446274, #abcbe0);--np-color-secondary-container: light-dark(#c7e7fd, #2e4d5e);--np-color-secondary-fixed: light-dark(#c7e7fd, #c7e7fd);--np-color-secondary-fixed-dim: light-dark(#abcbe0, #abcbe0);--np-color-secondary-palette-key-color: light-dark(#5d7b8e, #5d7b8e);--np-color-shadow: light-dark(#000000, #000000);--np-color-surface: light-dark(#f7fafe, #101417);--np-color-surface-bright: light-dark(#f7fafe, #363a3d);--np-color-surface-container: light-dark(#ebeef2, #1c2023);--np-color-surface-container-high: light-dark(#e5e8ec, #262a2e);--np-color-surface-container-highest: light-dark(#e0e3e7, #313538);--np-color-surface-container-low: light-dark(#f1f4f8, #181c1f);--np-color-surface-container-lowest: light-dark(#ffffff, #0b0f12);--np-color-surface-dim: light-dark(#d7dade, #101417);--np-color-surface-tint: light-dark(#00658b, #7dd0ff);--np-color-surface-variant: light-dark(#dae4ec, #3f484e);--np-color-tertiary: light-dark(#7b4b91, #ecb8ff);--np-color-tertiary-container: light-dark(#d29be8, #d29be8);--np-color-tertiary-fixed: light-dark(#f7d8ff, #f7d8ff);--np-color-tertiary-fixed-dim: light-dark(#eab2ff, #eab2ff);--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-1ata0uw{margin:1rem 0 1rem 1.75rem;font-size:1.5rem}.theme-menu{position-anchor:--palette-menu}.theme-menu-container.svelte-1ho4kzy{padding:1rem}.spacer.svelte-1ho4kzy{flex:1}.head.svelte-1ho4kzy{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.headline.svelte-1ho4kzy{font-size:1.5rem;font-weight:500}.hex-label.svelte-1ho4kzy{display:flex;align-items:center;gap:1rem}.hex-input-wrapper.svelte-1ho4kzy{height:3rem;width:3rem;border-radius:9999px}.hex-input-wrapper.svelte-1ho4kzy :where(.svelte-1ho4kzy):has(.input:where(.svelte-1ho4kzy):focus-visible){outline-style:solid;outline-color:var(--np-color-secondary);outline-width:3px;outline-offset:2px;animation:svelte-1ho4kzy-focusAnimation .3s ease forwards}@keyframes svelte-1ho4kzy-focusAnimation{0%{outline-width:3px}50%{outline-width:6px}to{outline-width:3px}}.hex-input.svelte-1ho4kzy{display:flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:9999px}.card.svelte-1ho4kzy{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-1ho4kzy{min-width:200%;min-height:200%}.logo-label.svelte-gwc8o0{font-weight:600;margin-left:.25rem;font-size:1.25rem;line-height:1.75rem}.spacer.svelte-gwc8o0{flex-grow:1}.logo.svelte-gwc8o0{display:flex;align-items:center;border-radius:var(--np-shape-corner-large);gap:.5rem;padding-right:1rem;margin-left:1rem;color:var(--np-color-primary)}.logo.svelte-gwc8o0:focus-visible{outline-style:solid;outline-color:var(--np-color-secondary);outline-width:3px;outline-offset:2px;animation:svelte-gwc8o0-focusAnimation .3s ease forwards}@keyframes svelte-gwc8o0-focusAnimation{0%{outline-width:3px}50%{outline-width:6px}to{outline-width:3px}}.main-content.svelte-gwc8o0{max-width:min(100%,980px);margin-left:auto;margin-right:auto}.main.svelte-gwc8o0{margin-top:4.5rem;padding:0 1rem 2rem;overflow:auto}.layout-btn.svelte-gwc8o0{--np-text-button-label-text-color: var(--np-color-on-surface)}.inner-header.svelte-gwc8o0{height:4.5rem;display:flex;align-items:center;gap:.5rem;padding-left:.5rem;padding-right:.5rem}.bottom-bar.svelte-gwc8o0{display:none;position:fixed;height:1rem;width:100%;background-color:var(--np-color-surface-container);bottom:0}.paper.svelte-gwc8o0{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-gwc8o0{background:var(--np-color-surface-container);position:fixed;left:0;right:0;top:0;z-index:10;display:grid}@media (min-width: 768px){.logo-label.svelte-gwc8o0{font-size:1.5rem;line-height:2rem}.inner-header.svelte-gwc8o0{padding-right:1rem}.main.svelte-gwc8o0{margin-left:16rem;padding:0 3rem 4rem}.paper.svelte-gwc8o0{width:calc(100% - 18rem);margin-left:17rem;height:calc(100dvh - 5.5rem)}.bottom-bar.svelte-gwc8o0{display:block;margin-left:16rem;width:calc(100% - 16rem)}.main-nav{display:block}.nav[popover]{display:none}.menu-btn{display:none!important}}