@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--space-unit: .25rem;--space-scale: 1;--space-0: 0;--space-px: 1px;--space-1: calc(var(--space-unit) * 1 * var(--space-scale));--space-2: calc(var(--space-unit) * 2 * var(--space-scale));--space-3: calc(var(--space-unit) * 3 * var(--space-scale));--space-4: calc(var(--space-unit) * 4 * var(--space-scale));--space-5: calc(var(--space-unit) * 5 * var(--space-scale));--space-6: calc(var(--space-unit) * 6 * var(--space-scale));--space-8: calc(var(--space-unit) * 8 * var(--space-scale));--space-10: calc(var(--space-unit) * 10 * var(--space-scale));--space-12: calc(var(--space-unit) * 12 * var(--space-scale));--space-16: calc(var(--space-unit) * 16 * var(--space-scale));--space-20: calc(var(--space-unit) * 20 * var(--space-scale));--space-24: calc(var(--space-unit) * 24 * var(--space-scale));--space-32: calc(var(--space-unit) * 32 * var(--space-scale));--scroll-padding: 6.25rem}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{:root{--ui-layer-components: 1}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--font-size-xs: clamp(.75rem, .73rem + .1vi, .8125rem);--font-size-sm: clamp(.875rem, .85rem + .125vi, .9375rem);--font-size-base: 1rem;--font-size-lg: clamp(1.125rem, 1.06rem + .32vi, 1.3125rem);--font-size-xl: clamp(1.375rem, 1.26rem + .57vi, 1.75rem);--font-size-2xl: clamp(1.75rem, 1.55rem + 1vi, 2.375rem);--font-size-3xl: clamp(2.25rem, 1.9rem + 1.75vi, 3.25rem);--font-size-4xl: clamp(2.875rem, 2.3rem + 2.9vi, 4.5rem);--line-height-none: 1;--line-height-tight: 1.15;--line-height-snug: 1.35;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--letter-spacing-tighter: -.03em;--letter-spacing-tight: -.015em;--letter-spacing-normal: 0em;--letter-spacing-wide: .025em;--letter-spacing-wider: .08em;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--measure: 65ch;--measure-narrow: 45ch;--measure-wide: 80ch}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{:root{--ui-layer-components: 1}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--duration-instant: 70ms;--duration-fast: .13s;--duration-normal: .22s;--duration-slow: .4s;--duration-slower: .7s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-reduced-motion:reduce){:root{--duration-instant: .01ms;--duration-fast: .01ms;--duration-normal: .01ms;--duration-slow: .01ms;--duration-slower: .01ms;--ease-spring: linear}}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{:root{--ui-layer-components: 1}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--elevation-0: none;--elevation-1: 0 1px 2px rgb(from var(--color-shadow) r g b / .06), 0 1px 3px rgb(from var(--color-shadow) r g b / .1);--elevation-2: 0 2px 4px rgb(from var(--color-shadow) r g b / .06), 0 4px 8px rgb(from var(--color-shadow) r g b / .1);--elevation-3: 0 4px 8px rgb(from var(--color-shadow) r g b / .06), 0 8px 16px rgb(from var(--color-shadow) r g b / .11);--elevation-4: 0 8px 16px rgb(from var(--color-shadow) r g b / .07), 0 16px 32px rgb(from var(--color-shadow) r g b / .12);--elevation-5: 0 16px 32px rgb(from var(--color-shadow) r g b / .08), 0 32px 64px rgb(from var(--color-shadow) r g b / .14);--elevation-overlay: var(--elevation-4)}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{:root{--ui-layer-components: 1}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:where(:root,[data-skin]){--radius-selector: var(--radius-sm);--radius-field: var(--radius-md);--radius-box: var(--radius-lg);--focus-ring-width: 3px;--focus-ring: var(--focus-ring-width) solid var(--color-focus);--focus-ring-offset: 2px}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{:root{--ui-layer-components: 1}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--container-narrow: 48rem;--container: 68rem;--container-wide: 80rem;--container-full: 100%;--target-size-min: 1.5rem;--target-size: 2.5rem;--target-size-compact: 2.25rem}@media(any-pointer:coarse){:root{--target-size: 2.75rem;--target-size-compact: 2.75rem}}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{:root{--ui-layer-components: 1}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{color-scheme:light dark}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{:root{--ui-layer-components: 1}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root,[data-skin=default]{--font-primary: system-ui, sans-serif;--font-secondary: system-ui, sans-serif;--font-tertiary: Georgia, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--color-surface: light-dark(oklch(99% .002 260), oklch(17% .012 260));--color-surface-raised: light-dark(oklch(100% 0 0), oklch(21% .014 260));--color-surface-sunken: light-dark(oklch(96.5% .004 260), oklch(13.5% .01 260));--color-surface-inverse: light-dark(oklch(22% .012 260), oklch(96% .003 260));--color-on-surface: light-dark(oklch(22% .012 260), oklch(95% .004 260));--color-on-surface-muted: light-dark(oklch(48% .012 260), oklch(72% .012 260));--color-on-surface-subtle: light-dark(oklch(53% .012 260), oklch(61% .012 260));--color-on-surface-inverse: light-dark(oklch(98% .002 260), oklch(18% .012 260));--color-border: light-dark(oklch(90% .006 260), oklch(30% .014 260));--color-border-subtle: light-dark(oklch(94.5% .004 260), oklch(25% .012 260));--color-border-strong: light-dark(oklch(62% .012 260), oklch(53% .018 260));--color-primary: light-dark(oklch(53% .19 258), oklch(70% .16 258));--color-primary-hover: light-dark(oklch(49% .19 258), oklch(76% .15 258));--color-primary-active: light-dark(oklch(43% .175 258), oklch(81% .13 258));--color-on-primary: light-dark(oklch(99% 0 0), oklch(17% .03 258));--color-secondary: light-dark(oklch(52% .14 300), oklch(70% .13 300));--color-secondary-hover: light-dark(oklch(46% .14 300), oklch(76% .12 300));--color-secondary-active: light-dark(oklch(40% .13 300), oklch(81% .11 300));--color-on-secondary: light-dark(oklch(99% 0 0), oklch(17% .03 300));--color-accent: light-dark(oklch(72% .17 65), oklch(78% .15 65));--color-accent-hover: light-dark(oklch(66% .17 65), oklch(83% .14 65));--color-accent-active: light-dark(oklch(59% .16 65), oklch(88% .12 65));--color-on-accent: light-dark(oklch(16% .025 65), oklch(18% .03 65));--color-info: light-dark(oklch(52% .14 240), oklch(72% .12 240));--color-on-info: light-dark(oklch(99% 0 0), oklch(17% .03 240));--color-info-surface: light-dark(oklch(96% .025 240), oklch(26% .05 240));--color-success: light-dark(oklch(51% .13 150), oklch(72% .13 150));--color-on-success: light-dark(oklch(99% 0 0), oklch(16% .03 150));--color-success-surface: light-dark(oklch(96% .03 150), oklch(25% .05 150));--color-warning: light-dark(oklch(56% .13 70), oklch(80% .14 75));--color-on-warning: light-dark(oklch(99% .01 75), oklch(18% .03 75));--color-warning-surface: light-dark(oklch(93.5% .055 75), oklch(28% .06 75));--color-danger: light-dark(oklch(56% .2 25), oklch(70% .17 25));--color-on-danger: light-dark(oklch(99% 0 0), oklch(16% .03 25));--color-danger-surface: light-dark(oklch(96% .03 25), oklch(27% .07 25));--color-focus: light-dark(oklch(53% .19 258), oklch(76% .15 258));--color-shadow: light-dark(oklch(30% .02 260), oklch(0% 0 0));--color-overlay: light-dark(oklch(22% .012 260 / .5), oklch(8% .01 260 / .65));--color-selection: light-dark(oklch(88% .08 258), oklch(40% .12 258));--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--border-width: 1px;--border-width-strong: 2px}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{:root{--ui-layer-components: 1}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{@font-face{font-family:Onest;src:url(/_astro/onest.CUIqqgP9.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/_astro/jetbrains-mono.6fWv1k7M.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Onest Fallback;src:local("Arial"),local("Helvetica Neue"),local("Liberation Sans");size-adjust:101.5%;ascent-override:95.6%;descent-override:30%;line-gap-override:0%}:root{--font-primary: "Onest", "Onest Fallback", system-ui, sans-serif;--font-secondary: "Onest", "Onest Fallback", system-ui, sans-serif;--font-tertiary: "Onest", "Onest Fallback", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--measure: 48ch;--measure-narrow: 33ch;--measure-wide: 59ch}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{:root{--ui-layer-components: 1}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-padding-block-start:var(--scroll-padding, 6.25rem)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@supports (interpolate-size: allow-keywords){:root:not([data-legacy]){interpolate-size:allow-keywords}}body{min-block-size:100svb;font-family:var(--font-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-on-surface);background-color:var(--color-surface);-webkit-font-smoothing:antialiased}button,input,textarea,select,optgroup,h1,h2,h3,h4,h5,h6{font:inherit;color:inherit;letter-spacing:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance}a:where([class]){text-decoration:none;color:inherit}img,picture,video,canvas,svg,iframe{display:block;max-inline-size:100%;block-size:auto}svg{fill:currentColor}button,summary,label,input:is([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=submit],[type=reset],[type=button]){cursor:pointer}button,input[type=submit],input[type=reset],input[type=button]{border:none;background-color:transparent;text-align:inherit}:disabled,[aria-disabled=true]{cursor:not-allowed}:where(ul,ol)[class]{list-style:none}table{border-collapse:collapse;border-spacing:0}textarea{resize:vertical}span:has(>svg:only-child){line-height:0}::selection{background-color:var(--color-selection)}dialog{margin:auto;max-inline-size:calc(100vi - var(--space-8));max-block-size:calc(100vb - var(--space-8));border:none;padding:0;color:inherit;background-color:transparent}dialog::backdrop{background-color:var(--color-overlay)}[popover]{margin:0;border:none;padding:0;color:inherit;background-color:transparent}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:inherit}input[type=color]::-moz-color-swatch{border:none;border-radius:inherit}:focus:not(:focus-visible){outline:none}}@layer ui.tokens{:root{--ui-layer-tokens: 1}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{:root{--ui-layer-components: 1}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{[hidden]:not([hidden=until-found]){display:none}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--ui-layer-tokens: 1}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{:root{--ui-layer-components: 1}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0;inset-inline-end:0;inset-block-end:0}.sr-only-focusable:not(:focus):not(:focus-within){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0;inset-inline-end:0;inset-block-end:0}.list-semantic{list-style:revert}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--ui-layer-tokens: 1}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{:root{--ui-layer-components: 1}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{.link{color:var(--color-primary);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:from-font}.link:hover{color:var(--color-primary-hover)}.link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.link[target=_blank]:not(.link-bare):after{content:"";display:inline-block;inline-size:.75em;block-size:.75em;margin-inline-start:.25em;vertical-align:baseline;background-color:currentColor;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-size:contain}.link-quiet{text-decoration:none}.link-quiet:hover{text-decoration:underline}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--ui-layer-tokens: 1}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{:root{--ui-layer-components: 1}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{.icon{--icon-size: 1em;inline-size:var(--icon-size);block-size:var(--icon-size);flex-shrink:0;vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:var(--icon-stroke, 1.75);stroke-linecap:round;stroke-linejoin:round}.icon-sm{--icon-size: 1rem}.icon-md{--icon-size: 1.5rem}.icon-lg{--icon-size: 2rem}.icon-solid{fill:currentColor;stroke:none}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--ui-layer-tokens: 1}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{.btn{--btn-bg: transparent;--btn-color: var(--color-on-surface);--btn-border-color: var(--color-border-strong);--btn-border-width: var(--border-width);--btn-radius: var(--radius-field);--btn-active-scale: .97;--btn-padding-block: var(--space-2);--btn-padding-inline: var(--space-4);--btn-font-family: var(--font-secondary);--btn-font-size: var(--font-size-sm);--btn-font-weight: var(--font-weight-medium);--btn-gap: var(--space-2);--btn-min-size: var(--target-size);display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);min-block-size:var(--btn-min-size);padding-block:var(--btn-padding-block);padding-inline:var(--btn-padding-inline);font-family:var(--btn-font-family);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:var(--line-height-tight);text-align:center;text-decoration:none;text-wrap:balance;overflow-wrap:anywhere;color:var(--btn-color, contrast-color(var(--btn-bg)));background-color:var(--btn-bg);border:var(--btn-border-width) solid var(--btn-border-color);border-radius:var(--btn-radius);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),scale var(--duration-fast) var(--ease-out)}.btn:active{scale:var(--btn-active-scale, .97);will-change:scale}.btn:disabled:active,.btn[aria-disabled=true]:active{scale:1}.btn:is([commandfor],[popovertarget],[aria-haspopup]):active{scale:1;will-change:auto}.btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.btn-primary{--btn-bg: var(--color-primary);--btn-color: var(--color-on-primary);--btn-border-color: var(--color-primary)}.btn-primary:hover{--btn-bg: var(--color-primary-hover);--btn-border-color: var(--color-primary-hover)}.btn-primary:active{--btn-bg: var(--color-primary-active);--btn-border-color: var(--color-primary-active)}.btn-secondary{--btn-bg: var(--color-secondary);--btn-color: var(--color-on-secondary);--btn-border-color: var(--color-secondary)}.btn-secondary:hover{--btn-bg: var(--color-secondary-hover);--btn-border-color: var(--color-secondary-hover)}.btn-secondary:active{--btn-bg: var(--color-secondary-active);--btn-border-color: var(--color-secondary-active)}.btn-accent{--btn-bg: var(--color-accent);--btn-color: var(--color-on-accent);--btn-border-color: var(--color-accent)}.btn-accent:hover{--btn-bg: var(--color-accent-hover);--btn-border-color: var(--color-accent-hover)}.btn-accent:active{--btn-bg: var(--color-accent-active);--btn-border-color: var(--color-accent-active)}.btn-danger{--btn-bg: var(--color-danger);--btn-color: var(--color-on-danger);--btn-border-color: var(--color-danger)}.btn-outline{--btn-bg: transparent;--btn-color: var(--color-on-surface);--btn-border-color: var(--color-border-strong)}.btn-outline:hover{--btn-bg: var(--color-surface-sunken)}.btn-quiet{--btn-bg: transparent;--btn-color: var(--color-on-surface);--btn-border-color: transparent}.btn-quiet:hover{--btn-bg: var(--color-surface-sunken)}.btn-sm{--btn-font-size: var(--font-size-xs);--btn-padding-block: var(--space-1);--btn-padding-inline: var(--space-3);--btn-min-size: 2rem;--btn-gap: var(--space-1)}.btn-lg{--btn-font-size: var(--font-size-base);--btn-padding-block: var(--space-3);--btn-padding-inline: var(--space-6);--btn-min-size: 3rem}.btn-icon{--btn-padding-inline: 0;inline-size:var(--btn-min-size)}.btn-round{--btn-radius: var(--radius-full)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn[aria-pressed=true]{--btn-bg: var(--color-surface-inverse);--btn-color: var(--color-on-surface-inverse);--btn-border-color: var(--color-surface-inverse)}.btn[data-loading]{cursor:progress}.btn[data-loading]:before{content:"";inline-size:1em;block-size:1em;border:2px solid currentColor;border-block-start-color:transparent;border-radius:var(--radius-full);animation:ui-spin var(--duration-slower) linear infinite}@keyframes ui-spin{to{rotate:1turn}}.btn-group{display:inline-flex;flex-wrap:wrap}:where(.btn-group)>.btn{min-inline-size:0}.btn-group>.btn:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.btn-group>.btn:not(:last-child){border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:calc(var(--btn-border-width) * -1)}.btn-group>.btn:focus-visible{position:relative;z-index:1}.btn-split{--btn-split-divider-opacity: .32;--btn-split-menu-padding-inline: var(--space-2);--btn-split-chevron-size: .375rem;--btn-split-chevron-thickness: var(--border-width-strong)}.btn-split-menu{--btn-padding-inline: var(--btn-split-menu-padding-inline, var(--space-2));min-inline-size:var( --btn-split-menu-min-inline-size, var(--btn-min-size, 2.5rem) );border-inline-start-color:var( --btn-split-divider-color, rgb(from var(--btn-color) r g b / var(--btn-split-divider-opacity, .32)) )}.btn-split-menu:after{content:"";flex:0 0 auto;inline-size:var(--btn-split-chevron-size, .375rem);block-size:var(--btn-split-chevron-size, .375rem);margin-block-start:calc(var(--btn-split-chevron-size, .375rem) * -.5);border-block-end:var(--btn-split-chevron-thickness, var(--border-width-strong)) solid currentColor;border-inline-end:var(--btn-split-chevron-thickness, var(--border-width-strong)) solid currentColor;rotate:45deg;transition:rotate var(--duration-fast) var(--ease-out)}.btn-split-menu[aria-expanded=true]:after{rotate:225deg;margin-block-start:0;margin-block-end:calc(var(--btn-split-chevron-size, .375rem) * -.5)}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--ui-layer-tokens: 1}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{.segmented{--segmented-bg: var(--color-surface-sunken);--segmented-border-color: var(--color-border);--segmented-radius: var(--radius-field);--segmented-padding: var(--space-1);--segmented-item-bg: transparent;--segmented-item-color: var(--color-on-surface-muted);--segmented-item-padding-block: var(--space-2);--segmented-item-padding-inline: var(--space-4);--segmented-item-font-size: var(--font-size-sm);--segmented-item-min-size: var(--target-size-compact);--segmented-selected-bg: var(--color-surface-raised);--segmented-selected-color: var(--color-on-surface);position:relative;display:inline-flex;padding:var(--segmented-padding);margin:0;max-inline-size:100%;min-inline-size:0;overflow-x:auto;overscroll-behavior-inline:contain;contain:paint;background-color:var(--segmented-bg);border:var(--border-width) solid var(--segmented-border-color);border-radius:var(--segmented-radius)}.segmented-input{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.segmented-item{position:relative;display:inline-flex;flex:1 1 auto;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:var(--segmented-item-min-size);padding-block:var(--segmented-item-padding-block);padding-inline:var(--segmented-item-padding-inline);font-family:var(--font-secondary);font-size:var(--segmented-item-font-size);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-align:center;white-space:nowrap;color:var(--segmented-item-color);background-color:var(--segmented-item-bg);border-radius:calc(var(--segmented-radius) - var(--segmented-padding));cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.segmented-item:not(:first-of-type):before{content:"";position:absolute;inset-block:20%;inset-inline-start:0;border-inline-start:var(--border-width) solid var(--segmented-border-color)}.segmented-item:hover{--segmented-item-color: var(--color-on-surface)}.segmented-input:checked+.segmented-item{--segmented-item-bg: var(--segmented-selected-bg);--segmented-item-color: var(--segmented-selected-color)}.segmented-input:checked+.segmented-item:before,.segmented-input:checked+.segmented-item+.segmented-input+.segmented-item:before{border-inline-start-color:transparent}.segmented-input:focus-visible+.segmented-item{z-index:1;outline:var(--focus-ring);outline-offset:calc(var(--focus-ring-offset) * -1)}.segmented-input:disabled+.segmented-item{cursor:not-allowed;opacity:.5}.segmented-sm{--segmented-item-font-size: var(--font-size-xs);--segmented-item-padding-block: var(--space-1);--segmented-item-padding-inline: var(--space-3);--segmented-item-min-size: 1.75rem}.segmented-lg{--segmented-item-font-size: var(--font-size-base);--segmented-item-padding-block: var(--space-3);--segmented-item-padding-inline: var(--space-6);--segmented-item-min-size: 2.75rem}.segmented-even .segmented-item{flex:1 1 0}.segmented-icon{--segmented-item-padding-inline: var(--segmented-item-padding-block)}.segmented-icon .segmented-item{min-inline-size:var(--segmented-item-min-size, 2.25rem)}@supports (anchor-name: --a) and (position-anchor: --a){:root:not([data-legacy]) .segmented-input:checked+.segmented-item{--segmented-item-bg: transparent;anchor-name:--segmented-thumb}:root:not([data-legacy]) .segmented:after{content:"";position:absolute;position-anchor:--segmented-thumb;inset-inline-start:anchor(left);inset-block-start:anchor(top);inline-size:anchor-size(width);block-size:anchor-size(height);z-index:0;background-color:var(--segmented-selected-bg);border-radius:calc(var(--segmented-radius) - var(--segmented-padding));transition:inset-inline-start var(--duration-normal) var(--ease-out),inset-block-start var(--duration-normal) var(--ease-out),inline-size var(--duration-normal) var(--ease-out),block-size var(--duration-normal) var(--ease-out)}:root:not([data-legacy]) .segmented:after{position-visibility:anchors-visible}:root:not([data-legacy]) .segmented-item{z-index:1}}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--ui-layer-tokens: 1}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{.empty{--empty-color: var(--color-on-surface);--empty-bg: transparent;--empty-border-color: transparent;--empty-border-width: var(--border-width);--empty-border-style: solid;--empty-radius: var(--radius-box);--empty-padding-block: var(--space-12);--empty-padding-inline: var(--space-6);--empty-gap: var(--space-3);--empty-media-size: 2.5rem;--empty-media-color: var(--color-on-surface-subtle);--empty-title-font-size: var(--font-size-lg);--empty-title-color: var(--color-on-surface);--empty-description-color: var(--color-on-surface-muted);--empty-description-font-size: var(--font-size-sm);--empty-description-measure: var(--measure-narrow);--empty-actions-gap: var(--space-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--empty-gap);padding-block:var(--empty-padding-block);padding-inline:var(--empty-padding-inline);text-align:center;text-wrap:pretty;color:var(--empty-color);background-color:var(--empty-bg);border:var(--empty-border-width) var(--empty-border-style) var(--empty-border-color);border-radius:var(--empty-radius)}.empty-media{display:grid;place-items:center;flex-shrink:0;inline-size:var(--empty-media-size, 2.5rem);block-size:var(--empty-media-size, 2.5rem);object-fit:contain;color:var(--empty-media-color, var(--color-on-surface-subtle))}.empty-media>:where(img,picture,svg,canvas,video){display:block;inline-size:100%;block-size:100%;object-fit:contain}.empty-title{font-family:var(--font-primary);font-size:var(--empty-title-font-size, var(--font-size-lg));font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--empty-title-color, var(--color-on-surface));text-wrap:balance}.empty-description{font-family:var(--font-secondary);font-size:var(--empty-description-font-size, var(--font-size-sm));line-height:var(--line-height-normal);color:var(--empty-description-color, var(--color-on-surface-muted));max-inline-size:var(--empty-description-measure, var(--measure-narrow));margin-inline:auto}.empty-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--empty-actions-gap, var(--space-2));margin-block-start:var(--space-2)}.empty-error{--empty-media-color: var(--color-danger)}.empty-boxed{--empty-bg: var(--color-surface-sunken);--empty-border-color: var(--color-border);--empty-border-style: dashed}.empty-sm{--empty-padding-block: var(--space-6);--empty-padding-inline: var(--space-4);--empty-gap: var(--space-2);--empty-media-size: 1.75rem;--empty-title-font-size: var(--font-size-base);--empty-description-font-size: var(--font-size-xs)}.empty-lg{--empty-padding-block: var(--space-20);--empty-media-size: 3.5rem;--empty-title-font-size: var(--font-size-xl);--empty-description-font-size: var(--font-size-base)}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--ui-layer-tokens: 1}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{.navbar{--navbar-bg: var(--color-surface);--navbar-color: var(--color-on-surface);--navbar-border-color: var(--color-border-subtle);--navbar-border-width: var(--border-width);--navbar-shadow: none;--navbar-padding-block: var(--space-2);--navbar-padding-inline: var(--space-4);--navbar-gap: var(--space-4);--navbar-min-block-size: 3.5rem;--navbar-z-index: 50;--navbar-brand-color: var(--color-on-surface);--navbar-brand-font-family: var(--font-primary);--navbar-brand-font-size: var(--font-size-lg);--navbar-brand-font-weight: var(--font-weight-semibold);--navbar-brand-gap: var(--space-2);--navbar-actions-gap: var(--space-2);--navbar-toggle-bar-inline-size: 1.375rem;--navbar-toggle-bar-block-size: .8125rem;--navbar-toggle-bar-thickness: 2px;display:flex;align-items:center;gap:var(--navbar-gap);flex-wrap:wrap;min-block-size:var(--navbar-min-block-size);padding-block:var(--navbar-padding-block);padding-inline:var(--navbar-padding-inline);color:var(--navbar-color);background-color:var(--navbar-bg);border-block-end:var(--navbar-border-width) solid var(--navbar-border-color);box-shadow:var(--navbar-shadow)}.navbar-brand{display:inline-flex;align-items:center;gap:var(--navbar-brand-gap, var(--space-2));flex:0 1 auto;min-inline-size:0;margin-inline-end:auto;font-family:var(--navbar-brand-font-family, var(--font-primary));font-size:var(--navbar-brand-font-size, var(--font-size-lg));font-weight:var(--navbar-brand-font-weight, var(--font-weight-semibold));line-height:var(--line-height-tight);text-decoration:none;color:var(--navbar-brand-color, var(--color-on-surface))}.navbar-brand:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.navbar-nav{min-inline-size:0}.navbar-actions{display:flex;align-items:center;gap:var(--navbar-actions-gap, var(--space-2));flex:0 0 auto}.navbar .navbar-toggle{display:none;flex:0 0 auto}.navbar-toggle:before{content:"";inline-size:var(--navbar-toggle-bar-inline-size, 1.125rem);block-size:var(--navbar-toggle-bar-block-size, .625rem);border-block-start:var(--navbar-toggle-bar-thickness, 2px) solid currentColor;border-block-end:var(--navbar-toggle-bar-thickness, 2px) solid currentColor;background-image:linear-gradient(currentColor,currentColor);background-size:100% var(--navbar-toggle-bar-thickness, 2px);background-position:center;background-repeat:no-repeat}.navbar-toggle:has(svg):before{content:none}.navbar-sticky{--navbar-shadow: var(--elevation-1);position:sticky;inset-block-start:0;z-index:var(--navbar-z-index)}.navbar-split .navbar-brand{margin-inline-end:0}.navbar-split .navbar-nav{margin-inline-end:auto}.navbar-sm{--navbar-min-block-size: 3rem;--navbar-padding-block: var(--space-1);--navbar-padding-inline: var(--space-3);--navbar-gap: var(--space-3);--navbar-brand-font-size: var(--font-size-base)}.navbar-lg{--navbar-min-block-size: 4.5rem;--navbar-padding-block: var(--space-3);--navbar-padding-inline: var(--space-6);--navbar-gap: var(--space-6);--navbar-brand-font-size: var(--font-size-xl)}@supports (container-type: inline-size){:root:not([data-legacy]) .navbar{container-type:inline-size;container-name:navbar}@container navbar (inline-size < 48rem){.navbar-nav{display:none}:root:not([data-legacy]) .navbar .navbar-toggle{display:inline-flex}.navbar-split .navbar-brand{margin-inline-end:auto}}}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--ui-layer-tokens: 1}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{.footer{--footer-bg: transparent;--footer-color: var(--color-on-surface-muted);--footer-border-color: var(--color-border-subtle);--footer-padding-block: var(--space-12);--footer-gap: var(--space-10);--footer-column-size: 12rem;--footer-heading-color: var(--color-on-surface);--footer-heading-font-size: var(--font-size-xs);--footer-font-size: var(--font-size-sm);padding-block:var(--footer-padding-block);border-block-start:var(--border-width) solid var(--footer-border-color);background-color:var(--footer-bg);color:var(--footer-color);font-size:var(--footer-font-size);line-height:var(--line-height-normal)}.footer-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--footer-column-size),100%),1fr));gap:var(--space-8)}.footer-group{display:flex;flex-direction:column;gap:var(--space-3);min-inline-size:0}.footer-heading{margin:0;font-family:var(--font-secondary);font-size:var(--footer-heading-font-size);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--footer-heading-color)}.footer-text{margin:0;max-inline-size:var(--measure-narrow);text-wrap:pretty}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-block-start:var(--footer-gap);padding-block-start:var(--space-6);border-block-start:var(--border-width) solid var(--footer-border-color)}.footer-note{margin:0;max-inline-size:var(--measure);font-size:var(--font-size-xs);text-wrap:pretty}.footer-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-2)}.footer-actions :is(.lang-switch,.btn,.select){block-size:auto;align-self:stretch}.footer-actions :is(.select,.input){inline-size:auto}.footer-bottom:first-child{margin-block-start:0;padding-block-start:0;border-block-start:none}.footer-flush{--footer-padding-block: var(--space-8);--footer-gap: var(--space-6)}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--ui-layer-tokens: 1}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{.nav{--nav-gap: var(--space-1);--nav-link-color: var(--color-on-surface-muted);--nav-link-bg: transparent;--nav-link-radius: var(--radius-field);--nav-link-padding-block: var(--space-2);--nav-link-padding-inline: var(--space-3);--nav-link-font-family: var(--font-secondary);--nav-link-font-size: var(--font-size-sm);--nav-link-font-weight: var(--font-weight-medium);--nav-link-min-size: var(--target-size-compact);--nav-hover-color: var(--color-on-surface);--nav-hover-bg: var(--color-surface-sunken);--nav-current-color: var(--color-primary);--nav-current-bg: transparent;--nav-current-font-weight: var(--font-weight-semibold)}.nav-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--nav-gap, var(--space-1));list-style:none;padding-inline-start:0}.nav-link{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:var(--nav-link-min-size, 2.25rem);padding-block:var(--nav-link-padding-block, var(--space-2));padding-inline:var(--nav-link-padding-inline, var(--space-3));font-family:var(--nav-link-font-family, var(--font-secondary));font-size:var(--nav-link-font-size, var(--font-size-sm));font-weight:var(--nav-link-font-weight, var(--font-weight-medium));line-height:var(--line-height-tight);text-decoration:none;overflow-wrap:anywhere;color:var(--nav-link-color, var(--color-on-surface-muted));background-color:var(--nav-link-bg, transparent);border-radius:var(--nav-link-radius, var(--radius-field));transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.nav-link:hover{--nav-link-color: var(--nav-hover-color, var(--color-on-surface));--nav-link-bg: var(--nav-hover-bg, var(--color-surface-sunken))}.nav-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.nav-vertical .nav-list,.nav-list.nav-vertical{flex-direction:column;align-items:stretch;flex-wrap:nowrap}.nav-vertical:not(.nav-bare) .nav-link{display:flex}.nav-sm{--nav-link-font-size: var(--font-size-xs);--nav-link-padding-block: var(--space-1);--nav-link-padding-inline: var(--space-2);--nav-link-min-size: 1.75rem}.nav-lg{--nav-link-font-size: var(--font-size-lg);--nav-link-padding-block: var(--space-2);--nav-link-padding-inline: var(--space-2);--nav-link-font-weight: var(--font-weight-normal);--nav-link-min-size: 2.75rem;--nav-gap: var(--space-1)}.nav-bare{--nav-gap: var(--space-1);--nav-link-padding-inline: 0;--nav-link-padding-block: var(--space-1);--nav-link-min-size: auto;--nav-hover-bg: transparent}.nav-bare .nav-link:hover{text-decoration:underline;text-decoration-thickness:max(1px,.0625em);text-underline-offset:.25em}.nav-link[aria-current]:not([aria-current=false]){--nav-link-color: var(--nav-current-color, var(--color-primary));--nav-link-bg: var(--nav-current-bg, var(--color-surface-sunken));font-weight:var(--nav-current-font-weight, var(--font-weight-semibold))}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--ui-layer-tokens: 1}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{.popover{--popover-bg: var(--color-surface-raised);--popover-color: var(--color-on-surface);--popover-border-color: var(--color-border);--popover-border-width: var(--border-width);--popover-radius: var(--radius-box);--popover-shadow: var(--elevation-overlay);--popover-padding: var(--space-4);--popover-gap: var(--space-2);--popover-max-inline-size: 20rem;--popover-min-inline-size: 10rem;--popover-offset: var(--space-2);--popover-area: block-end span-inline-end;--popover-try: flip-block, flip-inline, flip-block flip-inline;--popover-duration: var(--duration-fast);margin:auto;max-inline-size:min(var(--popover-max-inline-size),100vi - var(--space-4));min-inline-size:var(--popover-min-inline-size);padding:var(--popover-padding);color:var(--popover-color);background-color:var(--popover-bg);border:var(--popover-border-width) solid var(--popover-border-color);border-radius:var(--popover-radius);box-shadow:var(--popover-shadow);flex-direction:column;gap:var(--popover-gap)}.popover:is(:popover-open,.\:popover-open){display:flex}.popover-title{font-family:var(--popover-title-font-family, var(--font-secondary));font-size:var(--popover-title-font-size, var(--font-size-sm));font-weight:var(--popover-title-font-weight, var(--font-weight-semibold));line-height:var(--line-height-snug)}.popover-body{font-size:var(--popover-body-font-size, var(--font-size-sm));min-block-size:0;max-block-size:var(--popover-max-block-size, 60vb);overflow-y:auto;overscroll-behavior:contain}.popover-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--popover-footer-gap, var(--space-2))}.popover-sm{--popover-max-inline-size: 14rem;--popover-padding: var(--space-3)}.popover-lg{--popover-max-inline-size: 28rem;--popover-padding: var(--space-5)}.popover-plain{--popover-padding: 0}@supports (anchor-name: --a) and (position-area: block-end){:root:not([data-legacy]) .popover{position-anchor:var(--popover-anchor, auto);position-area:var(--popover-area);position-try-fallbacks:var(--popover-try);inset:auto;margin:var(--popover-offset)}:root:not([data-legacy]) .popover-block-start{--popover-area: block-start span-inline-end}:root:not([data-legacy]) .popover-block-end{--popover-area: block-end span-inline-end}:root:not([data-legacy]) .popover-inline-end{--popover-area: inline-end span-block-end;--popover-try: flip-inline, flip-block, flip-block flip-inline}:root:not([data-legacy]) .popover-inline-start{--popover-area: inline-start span-block-end;--popover-try: flip-inline, flip-block, flip-block flip-inline}:root:not([data-legacy]) .popover-align-end{--popover-area: block-end span-inline-start}:root:not([data-legacy]) .popover-align-center{--popover-area: block-end span-all}:root:not([data-legacy]) .popover-block-start.popover-align-end{--popover-area: block-start span-inline-start}:root:not([data-legacy]) .popover-block-start.popover-align-center{--popover-area: block-start span-all}:root:not([data-legacy]) .popover-match{min-inline-size:anchor-size(inline)}}@supports (transition-behavior: allow-discrete){:root:not([data-legacy]) .popover{opacity:0;scale:.96;transition:opacity var(--popover-duration) var(--ease-out),scale var(--popover-duration) var(--ease-out),display var(--popover-duration) allow-discrete,overlay var(--popover-duration) allow-discrete}:root:not([data-legacy]) .popover:is(:popover-open,.\:popover-open){opacity:1;scale:1}@starting-style{:root:not([data-legacy]) .popover:is(:popover-open,.\:popover-open){opacity:0;scale:.96}}}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--ui-layer-tokens: 1}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{.lang-switch{--lang-switch-min-inline-size: 11rem;--lang-switch-max-block-size: 17rem;--lang-switch-code-font-size: var(--font-size-xs);display:inline-flex}.lang-switch-toggle{justify-content:space-between;block-size:100%}.lang-switch-code{font-size:var(--lang-switch-code-font-size, var(--font-size-xs));font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;font-variant-numeric:tabular-nums}.lang-switch-panel{--popover-padding: var(--space-2);min-inline-size:var(--lang-switch-min-inline-size, 11rem);max-block-size:var(--lang-switch-max-block-size, 17rem);overflow-y:auto;overscroll-behavior:contain}.lang-switch-option{justify-content:space-between;inline-size:100%}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--ui-layer-tokens: 1}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{:root{--ui-layer-components: 1}}@layer ui.blocks{.hero{--hero-bg: var(--color-surface-sunken);--hero-color: var(--color-on-surface);--hero-border-color: var(--color-border-subtle);--hero-border-width: var(--border-width);--hero-padding-block: var(--space-12) var(--space-10);--hero-padding-inline: var(--space-4);--hero-eyebrow-color: var(--color-on-surface-muted);--hero-eyebrow-font-size: var(--font-size-xs);--hero-title-font-family: var(--font-primary);--hero-title-font-size: var(--font-size-3xl);--hero-title-font-weight: var(--font-weight-normal);--hero-title-color: var(--color-on-surface);--hero-lead-color: var(--color-on-surface-muted);--hero-lead-font-size: var(--font-size-lg);--hero-lead-measure: var(--measure);--hero-note-color: var(--color-on-surface-muted);--hero-note-font-size: var(--font-size-sm);--hero-actions-gap: var(--space-3);--hero-search-size: 34rem;padding-block:var(--hero-padding-block);padding-inline:var(--hero-padding-inline);color:var(--hero-color);background-color:var(--hero-bg);border-block-end:var(--hero-border-width) solid var(--hero-border-color)}.hero-eyebrow{margin:0 0 var(--space-3);font-family:var(--font-secondary);font-size:var(--hero-eyebrow-font-size, var(--font-size-xs));font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--hero-eyebrow-color, var(--color-on-surface-muted))}.hero-title{margin:0;font-family:var(--hero-title-font-family, var(--font-primary));font-size:var(--hero-title-font-size, var(--font-size-3xl));font-weight:var(--hero-title-font-weight, var(--font-weight-normal));line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--hero-title-color, var(--color-on-surface));text-wrap:balance;overflow-wrap:break-word}.hero-lead{margin:var(--space-4) 0 0;max-inline-size:var(--hero-lead-measure, var(--measure));font-size:var(--hero-lead-font-size, var(--font-size-lg));line-height:var(--line-height-relaxed);color:var(--hero-lead-color, var(--color-on-surface-muted));text-wrap:pretty}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hero-actions-gap, var(--space-3));margin-block-start:var(--space-6)}.hero-search{max-inline-size:var(--hero-search-size, 34rem);margin-block-start:var(--space-6)}.hero-note{margin:var(--space-3) 0 0;font-size:var(--hero-note-font-size, var(--font-size-sm));color:var(--hero-note-color, var(--color-on-surface-muted));text-wrap:pretty}.hero-plain{--hero-bg: transparent;--hero-border-width: 0;--hero-padding-block: var(--space-10) var(--space-6);--hero-padding-inline: 0}.hero-tall{--hero-padding-block: var(--space-20) var(--space-16);--hero-title-font-size: var(--font-size-4xl)}.hero-sm{--hero-padding-block: var(--space-8) var(--space-6);--hero-title-font-size: var(--font-size-2xl);--hero-lead-font-size: var(--font-size-base)}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--ui-layer-tokens: 1}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{.list{--list-row-padding-block: var(--space-3);--list-row-padding-inline: var(--space-4);--list-row-gap: var(--space-3);--list-row-min-size: 3rem;--list-row-align: center;--list-divider-color: var(--color-border-subtle);--list-divider-width: var(--border-width);--list-action-radius: var(--radius-field);--list-action-hover-bg: var(--color-surface-sunken);--list-action-current-color: var(--color-primary);--list-leading-color: var(--color-on-surface-muted);--list-content-gap: var(--space-1);--list-title-color: var(--color-on-surface);--list-title-font-size: var(--font-size-sm);--list-title-font-weight: var(--font-weight-medium);--list-support-color: var(--color-on-surface-muted);--list-support-font-size: var(--font-size-xs);--list-trailing-color: var(--color-on-surface-muted);--list-trailing-font-size: var(--font-size-sm);--list-trailing-gap: var(--space-2);display:flex;flex-direction:column;font-family:var(--list-font-family, var(--font-secondary))}.list>:where(li),.list-action{display:flex;align-items:var(--list-row-align, center);gap:var(--list-row-gap, var(--space-3));min-block-size:var(--list-row-min-size, 3rem);padding-block:var(--list-row-padding-block, var(--space-3));padding-inline:var(--list-row-padding-inline, var(--space-4));min-inline-size:0}.list>:where(li):has(>.list-action){display:block;min-block-size:0;padding-block:0;padding-inline:0}.list-action{inline-size:100%;text-align:start;text-decoration:none;color:inherit;background-color:transparent;border:none;border-radius:var(--list-action-radius, var(--radius-field));cursor:pointer;transition:background-color var(--duration-instant) var(--ease-out)}.list-action:hover{background-color:var(--list-action-hover-bg, var(--color-surface-sunken))}.list-action:focus-visible{outline:var(--focus-ring);outline-offset:calc(var(--focus-ring-offset) * -1)}.list-action[aria-current]:not([aria-current=false]){color:var(--list-action-current-color, var(--color-primary))}.list-action[aria-current]:not([aria-current=false]) .list-title{color:var(--list-action-current-color, var(--color-primary))}.list-action:disabled,.list-action[aria-disabled=true]{opacity:.5;cursor:not-allowed}.list-action:disabled:hover,.list-action[aria-disabled=true]:hover{background-color:transparent}.list-leading{flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:var(--list-leading-color, var(--color-on-surface-muted))}.list-content{flex:1 1 auto;min-inline-size:0;display:flex;flex-direction:column;gap:var(--list-content-gap, var(--space-1))}.list-title{font-size:var(--list-title-font-size, var(--font-size-sm));font-weight:var(--list-title-font-weight, var(--font-weight-medium));line-height:var(--line-height-snug);color:var(--list-title-color, var(--color-on-surface));overflow-wrap:break-word}.list-support{font-size:var(--list-support-font-size, var(--font-size-xs));line-height:var(--line-height-snug);color:var(--list-support-color, var(--color-on-surface-muted));overflow-wrap:break-word}.list-trailing{flex:0 1 auto;margin-inline-start:auto;display:flex;align-items:center;gap:var(--list-trailing-gap, var(--space-2));font-size:var(--list-trailing-font-size, var(--font-size-sm));color:var(--list-trailing-color, var(--color-on-surface-muted));white-space:nowrap}.list-divided>:where(li)+:where(li){border-block-start:var(--list-divider-width, var(--border-width)) solid var(--list-divider-color, var(--color-border-subtle))}.list-spaced{gap:var(--list-spaced-gap, var(--space-2))}.list-sm{--list-row-padding-block: var(--space-2);--list-row-padding-inline: var(--space-3);--list-row-gap: var(--space-2);--list-row-min-size: 2.25rem;--list-title-font-size: var(--font-size-xs);--list-trailing-font-size: var(--font-size-xs)}.list-lg{--list-row-padding-block: var(--space-4);--list-row-padding-inline: var(--space-5);--list-row-gap: var(--space-4);--list-row-min-size: 4rem;--list-title-font-size: var(--font-size-base);--list-support-font-size: var(--font-size-sm)}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}@layer ui.reset,ui.tokens,ui.base,ui.components,ui.blocks,ui.utilities;@layer ui.reset{:root{--ui-layer-reset: 1}}@layer ui.tokens{:root{--ui-layer-tokens: 1}}@layer ui.base{:root{--ui-layer-base: 1}}@layer ui.components{.skip-link{--skip-link-bg: var(--color-primary);--skip-link-color: var(--color-on-primary);--skip-link-border-color: var(--color-primary);--skip-link-border-width: var(--border-width);--skip-link-radius: var(--radius-field);--skip-link-padding-block: var(--space-3);--skip-link-padding-inline: var(--space-4);--skip-link-font-family: var(--font-secondary);--skip-link-font-size: var(--font-size-sm);--skip-link-font-weight: var(--font-weight-medium);--skip-link-shadow: var(--elevation-3);--skip-link-inset: var(--space-3);--skip-link-z-index: 200;position:fixed;z-index:var(--skip-link-z-index);inset-block-start:var(--skip-link-inset);inset-inline-start:var(--skip-link-inset);display:inline-flex;align-items:center;padding-block:var(--skip-link-padding-block);padding-inline:var(--skip-link-padding-inline);font-family:var(--skip-link-font-family);font-size:var(--skip-link-font-size);font-weight:var(--skip-link-font-weight);line-height:var(--line-height-tight);text-decoration:none;max-inline-size:calc(100vi - var(--skip-link-inset) * 2);color:var(--skip-link-color, contrast-color(var(--skip-link-bg)));background-color:var(--skip-link-bg);border:var(--skip-link-border-width) solid var(--skip-link-border-color);border-radius:var(--skip-link-radius);box-shadow:var(--skip-link-shadow);translate:0 calc(-100% - var(--skip-link-inset) - var(--space-6));transition:translate var(--duration-fast) var(--ease-out)}.skip-link:focus{translate:0 0}.skip-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.skip-link:hover{--skip-link-bg: var(--color-primary-hover);--skip-link-border-color: var(--color-primary-hover)}.skip-link:active{--skip-link-bg: var(--color-primary-active);--skip-link-border-color: var(--color-primary-active)}.skip-links{--skip-links-gap: var(--space-2);--skip-links-inset: var(--space-3);--skip-links-z-index: 200;position:fixed;z-index:var(--skip-links-z-index);inset-block-start:var(--skip-links-inset);inset-inline-start:var(--skip-links-inset);display:flex;flex-wrap:wrap;gap:var(--skip-links-gap);max-inline-size:calc(100vi - var(--skip-links-inset) * 2);translate:0 calc(-100% - var(--skip-links-inset) - var(--space-6));transition:translate var(--duration-fast) var(--ease-out)}.skip-links:focus-within{translate:0 0}.skip-links>.skip-link{position:static;translate:none;transition:none}}@layer ui.blocks{:root{--ui-layer-blocks: 1}}@layer ui.utilities{:root{--ui-layer-utilities: 1}}body{min-block-size:100dvh;display:flex;flex-direction:column;background:var(--color-surface);color:var(--color-on-surface)}main{flex:1}.wrap{max-inline-size:var(--container);margin-inline:auto;padding-inline:var(--space-4)}.mark{--mark-size: 1.5rem;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--mark-size);block-size:var(--mark-size);flex:none;color:currentColor}.mark-glyph{inline-size:100%;block-size:100%;fill:currentColor}.tool{display:grid;gap:var(--space-10);padding-block:var(--space-10) var(--space-16)}@media(min-width:56rem){.tool{grid-template-columns:minmax(0,1fr) 22rem;gap:var(--space-16);align-items:start}}.tool-controls{min-inline-size:0}@media(min-width:56rem){.tool-preview{position:sticky;inset-block-start:var(--space-6)}}.masthead-text{min-inline-size:0;margin-block-end:var(--space-8)}.preview-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);min-inline-size:0}.preview-frame{display:grid;place-items:center;inline-size:100%;max-inline-size:20rem;aspect-ratio:1;border-radius:var(--radius-md)}.preview-frame:has(.empty){border:var(--border-width) dashed var(--color-border);padding:var(--space-4)}.preview-frame>svg,.preview-frame>img{inline-size:100%;block-size:auto;display:block;border-radius:var(--radius-sm)}.empty-qr{inline-size:3rem;block-size:3rem;opacity:.35}.downloads{display:flex;inline-size:100%;max-inline-size:20rem}.downloads .btn:first-child{flex:1 1 auto}.downloads-said{margin:0;min-block-size:1lh;text-align:center;color:var(--color-on-surface-muted);font-size:var(--font-size-sm)}.downloads-note{margin:0;max-inline-size:26rem;text-align:center;color:var(--color-on-surface-muted);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.preview-warning[hidden]{display:none}.preview-warning{inline-size:100%;text-align:start}.controls{display:flex;flex-direction:column;gap:var(--space-6);min-inline-size:0;max-inline-size:var(--container-narrow);margin-inline:0 auto}.controls .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--space-4)}.panel[hidden]{display:none}.panel{display:flex;flex-direction:column;gap:var(--space-4)}.appearance{--accordion-bg: transparent;--accordion-border-color: transparent;--accordion-trigger-padding-inline: var(--space-0);--accordion-panel-padding-inline: var(--space-0);--accordion-trigger-hover-bg: transparent;--accordion-trigger-font-size: var(--font-size-base);--accordion-panel-font-size: var(--font-size-base)}.appearance .accordion-trigger{inline-size:fit-content;gap:var(--space-2);text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:var(--border-width);text-decoration-color:var(--color-border)}.appearance .accordion-panel{display:flex;flex-direction:column;gap:var(--space-5)}.color{display:flex;align-items:center;gap:var(--space-2)}.color-hex{inline-size:7.5rem;flex:none;font-family:var(--font-mono);text-transform:lowercase}#size{max-inline-size:10rem}.footer{margin-block-start:auto}.wrap.page{max-inline-size:46rem;padding-block:var(--space-16) var(--space-16)}.page-title{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);margin:0 0 var(--space-3);text-wrap:balance}.page-lead{margin:0;max-inline-size:var(--measure);color:var(--color-on-surface-muted);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.page-section{margin-block-start:var(--space-10)}.page-section-title{font-size:var(--font-size-xl);line-height:var(--line-height-tight);margin:0 0 var(--space-3)}.page p{margin:0 0 var(--space-4);line-height:var(--line-height-relaxed)}.page p:last-child{margin-block-end:0}.page-meta{margin-block-start:var(--space-16);color:var(--color-on-surface-muted);font-size:var(--font-size-sm)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin:var(--space-3) 0 0;font-size:var(--font-size-sm)}
