@import"../../../../packages/tokens/dist/variables.css";:root{--fp-ref-color-brand-primary: oklch(.6 .2 250);--fp-ref-color-brand-secondary: oklch(.6 .2 300);--fp-ref-color-brand-success: oklch(.6 .18 145);--fp-ref-color-brand-warning: oklch(.75 .15 85);--fp-ref-color-brand-error: oklch(.6 .18 25);--fp-ref-color-brand-info: oklch(.6 .18 230);--fp-ref-color-brand-greys: oklch(.6 0 0);--fp-ref-color-brand-purple: oklch(44.85% .2526 281.45);--fp-ref-color-brand-pink: oklch(58.47% .2374 1.38);--fp-ref-color-surface-subtle: oklch(1 0 0);--fp-ref-color-surface-muted: oklch(.98 0 0);--fp-ref-color-surface-default: oklch(.92 0 0);--fp-ref-color-text-subtle: oklch(.7 0 0);--fp-ref-color-text-muted: oklch(.5 0 0);--fp-ref-color-text-default: oklch(.2 0 0);--fp-elevation-angle: 145deg;--fp-elevation-intensity: .1;--fp-elevation-unit: 4px;--fp-space-unit: 4px;--fp-type-base-size: 16px}.theme-toggle[data-astro-cid-gy364c4e]{appearance:none;background:transparent;border:.0625rem solid var(--fp-color-surface-default);border-radius:var(--fp-space-xs);padding:var(--fp-space-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--fp-color-text-default);transition:background .2s ease;width:2.5rem;height:2.5rem}.theme-toggle[data-astro-cid-gy364c4e]:hover{background:var(--fp-color-surface-muted)}.theme-toggle[data-astro-cid-gy364c4e]:focus-visible{outline:.125rem solid var(--fp-color-brand-primary);outline-offset:.125rem}.theme-toggle[data-astro-cid-gy364c4e] .moon[data-astro-cid-gy364c4e]{display:none}.theme-toggle[data-astro-cid-gy364c4e] .sun[data-astro-cid-gy364c4e],.dark .theme-toggle[data-astro-cid-gy364c4e] .moon[data-astro-cid-gy364c4e]{display:block}.dark .theme-toggle[data-astro-cid-gy364c4e] .sun[data-astro-cid-gy364c4e]{display:none}@layer reset,base,tokens,components,utilities;@layer tokens{:root{color-scheme:light dark;container-type:normal;--fp-primary-default: var(--fp-ref-color-brand-primary);--fp-primary-subtle: oklch(from var(--fp-ref-color-brand-primary) 95% c h);--fp-primary-muted: oklch(from var(--fp-ref-color-brand-primary) 75% c h);--fp-primary-strong: oklch(from var(--fp-ref-color-brand-primary) 35% c h);--fp-primary-vivid: oklch(from var(--fp-ref-color-brand-primary) 15% c h);--fp-primary-subtle-contrast: oklch(from var(--fp-primary-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-primary-muted-contrast: oklch(from var(--fp-primary-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-primary-default-contrast: oklch(from var(--fp-primary-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-primary-strong-contrast: oklch(from var(--fp-primary-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-primary-vivid-contrast: oklch(from var(--fp-primary-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-primary-hover: oklch(from var(--fp-ref-color-brand-primary) calc(l + .05) c h);--fp-primary-active: oklch(from var(--fp-ref-color-brand-primary) calc(l - .05) c h);--fp-secondary-default: var(--fp-ref-color-brand-secondary);--fp-secondary-subtle: oklch(from var(--fp-ref-color-brand-secondary) 95% c h);--fp-secondary-muted: oklch(from var(--fp-ref-color-brand-secondary) 75% c h);--fp-secondary-strong: oklch(from var(--fp-ref-color-brand-secondary) 35% c h);--fp-secondary-vivid: oklch(from var(--fp-ref-color-brand-secondary) 15% c h);--fp-secondary-subtle-contrast: oklch(from var(--fp-secondary-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-secondary-muted-contrast: oklch(from var(--fp-secondary-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-secondary-default-contrast: oklch(from var(--fp-secondary-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-secondary-strong-contrast: oklch(from var(--fp-secondary-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-secondary-vivid-contrast: oklch(from var(--fp-secondary-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-secondary-hover: oklch(from var(--fp-ref-color-brand-secondary) calc(l + .05) c h);--fp-secondary-active: oklch(from var(--fp-ref-color-brand-secondary) calc(l - .05) c h);--fp-success-default: var(--fp-ref-color-brand-success);--fp-success-subtle: oklch(from var(--fp-ref-color-brand-success) 95% c h);--fp-success-muted: oklch(from var(--fp-ref-color-brand-success) 75% c h);--fp-success-strong: oklch(from var(--fp-ref-color-brand-success) 35% c h);--fp-success-vivid: oklch(from var(--fp-ref-color-brand-success) 15% c h);--fp-success-subtle-contrast: oklch(from var(--fp-success-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-success-muted-contrast: oklch(from var(--fp-success-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-success-default-contrast: oklch(from var(--fp-success-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-success-strong-contrast: oklch(from var(--fp-success-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-success-vivid-contrast: oklch(from var(--fp-success-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-success-hover: oklch(from var(--fp-ref-color-brand-success) calc(l + .05) c h);--fp-success-active: oklch(from var(--fp-ref-color-brand-success) calc(l - .05) c h);--fp-warning-default: var(--fp-ref-color-brand-warning);--fp-warning-subtle: oklch(from var(--fp-ref-color-brand-warning) 95% c h);--fp-warning-muted: oklch(from var(--fp-ref-color-brand-warning) 75% c h);--fp-warning-strong: oklch(from var(--fp-ref-color-brand-warning) 35% c h);--fp-warning-vivid: oklch(from var(--fp-ref-color-brand-warning) 15% c h);--fp-warning-subtle-contrast: oklch(from var(--fp-warning-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-warning-muted-contrast: oklch(from var(--fp-warning-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-warning-default-contrast: oklch(from var(--fp-warning-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-warning-strong-contrast: oklch(from var(--fp-warning-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-warning-vivid-contrast: oklch(from var(--fp-warning-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-warning-hover: oklch(from var(--fp-ref-color-brand-warning) calc(l + .05) c h);--fp-warning-active: oklch(from var(--fp-ref-color-brand-warning) calc(l - .05) c h);--fp-error-default: var(--fp-ref-color-brand-error);--fp-error-subtle: oklch(from var(--fp-ref-color-brand-error) 95% c h);--fp-error-muted: oklch(from var(--fp-ref-color-brand-error) 75% c h);--fp-error-strong: oklch(from var(--fp-ref-color-brand-error) 35% c h);--fp-error-vivid: oklch(from var(--fp-ref-color-brand-error) 15% c h);--fp-error-subtle-contrast: oklch(from var(--fp-error-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-error-muted-contrast: oklch(from var(--fp-error-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-error-default-contrast: oklch(from var(--fp-error-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-error-strong-contrast: oklch(from var(--fp-error-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-error-vivid-contrast: oklch(from var(--fp-error-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-error-hover: oklch(from var(--fp-ref-color-brand-error) calc(l + .05) c h);--fp-error-active: oklch(from var(--fp-ref-color-brand-error) calc(l - .05) c h);--fp-info-default: var(--fp-ref-color-brand-info);--fp-info-subtle: oklch(from var(--fp-ref-color-brand-info) 95% c h);--fp-info-muted: oklch(from var(--fp-ref-color-brand-info) 75% c h);--fp-info-strong: oklch(from var(--fp-ref-color-brand-info) 35% c h);--fp-info-vivid: oklch(from var(--fp-ref-color-brand-info) 15% c h);--fp-info-subtle-contrast: oklch(from var(--fp-info-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-info-muted-contrast: oklch(from var(--fp-info-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-info-default-contrast: oklch(from var(--fp-info-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-info-strong-contrast: oklch(from var(--fp-info-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-info-vivid-contrast: oklch(from var(--fp-info-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-info-hover: oklch(from var(--fp-ref-color-brand-info) calc(l + .05) c h);--fp-info-active: oklch(from var(--fp-ref-color-brand-info) calc(l - .05) c h);--fp-greys-default: var(--fp-ref-color-brand-greys);--fp-greys-subtle: oklch(from var(--fp-ref-color-brand-greys) 95% c h);--fp-greys-muted: oklch(from var(--fp-ref-color-brand-greys) 75% c h);--fp-greys-strong: oklch(from var(--fp-ref-color-brand-greys) 35% c h);--fp-greys-vivid: oklch(from var(--fp-ref-color-brand-greys) 15% c h);--fp-greys-subtle-contrast: oklch(from var(--fp-greys-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-greys-muted-contrast: oklch(from var(--fp-greys-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-greys-default-contrast: oklch(from var(--fp-greys-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-greys-strong-contrast: oklch(from var(--fp-greys-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-greys-vivid-contrast: oklch(from var(--fp-greys-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-greys-hover: oklch(from var(--fp-ref-color-brand-greys) calc(l + .05) c h);--fp-greys-active: oklch(from var(--fp-ref-color-brand-greys) calc(l - .05) c h);--fp-purple-default: var(--fp-ref-color-brand-purple);--fp-purple-subtle: oklch(from var(--fp-ref-color-brand-purple) 95% c h);--fp-purple-muted: oklch(from var(--fp-ref-color-brand-purple) 75% c h);--fp-purple-strong: oklch(from var(--fp-ref-color-brand-purple) 35% c h);--fp-purple-vivid: oklch(from var(--fp-ref-color-brand-purple) 15% c h);--fp-purple-subtle-contrast: oklch(from var(--fp-purple-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-purple-muted-contrast: oklch(from var(--fp-purple-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-purple-default-contrast: oklch(from var(--fp-purple-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-purple-strong-contrast: oklch(from var(--fp-purple-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-purple-vivid-contrast: oklch(from var(--fp-purple-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-purple-hover: oklch(from var(--fp-ref-color-brand-purple) calc(l + .05) c h);--fp-purple-active: oklch(from var(--fp-ref-color-brand-purple) calc(l - .05) c h);--fp-pink-default: var(--fp-ref-color-brand-pink);--fp-pink-subtle: oklch(from var(--fp-ref-color-brand-pink) 95% c h);--fp-pink-muted: oklch(from var(--fp-ref-color-brand-pink) 75% c h);--fp-pink-strong: oklch(from var(--fp-ref-color-brand-pink) 35% c h);--fp-pink-vivid: oklch(from var(--fp-ref-color-brand-pink) 15% c h);--fp-pink-subtle-contrast: oklch(from var(--fp-pink-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-pink-muted-contrast: oklch(from var(--fp-pink-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-pink-default-contrast: oklch(from var(--fp-pink-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-pink-strong-contrast: oklch(from var(--fp-pink-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-pink-vivid-contrast: oklch(from var(--fp-pink-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-pink-hover: oklch(from var(--fp-ref-color-brand-pink) calc(l + .05) c h);--fp-pink-active: oklch(from var(--fp-ref-color-brand-pink) calc(l - .05) c h);--fp-surface-default: var(--fp-ref-color-surface-muted);--fp-surface-subtle: oklch(from var(--fp-ref-color-surface-muted) 95% c h);--fp-surface-muted: oklch(from var(--fp-ref-color-surface-muted) 75% c h);--fp-surface-strong: oklch(from var(--fp-ref-color-surface-muted) 35% c h);--fp-surface-vivid: oklch(from var(--fp-ref-color-surface-muted) 15% c h);--fp-surface-subtle-contrast: oklch(from var(--fp-surface-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-surface-muted-contrast: oklch(from var(--fp-surface-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-surface-default-contrast: oklch(from var(--fp-surface-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-surface-strong-contrast: oklch(from var(--fp-surface-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-surface-vivid-contrast: oklch(from var(--fp-surface-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-surface-hover: oklch(from var(--fp-ref-color-surface-muted) calc(l + .05) c h);--fp-surface-active: oklch(from var(--fp-ref-color-surface-muted) calc(l - .05) c h);--fp-space-unit: .25rem;--fp-space-xs: clamp( calc(var(--fp-space-unit) * .25 * var(--fp-spacing-factor) * .8), calc(var(--fp-space-unit) * .25 * var(--fp-spacing-factor)), calc(var(--fp-space-unit) * .25 * var(--fp-spacing-factor) * 1.2) );--fp-space-sm: clamp( calc(var(--fp-space-unit) * .5 * var(--fp-spacing-factor) * .8), calc(var(--fp-space-unit) * .5 * var(--fp-spacing-factor)), calc(var(--fp-space-unit) * .5 * var(--fp-spacing-factor) * 1.2) );--fp-space-md: clamp( calc(var(--fp-space-unit) * 1 * var(--fp-spacing-factor) * .8), calc(var(--fp-space-unit) * 1 * var(--fp-spacing-factor)), calc(var(--fp-space-unit) * 1 * var(--fp-spacing-factor) * 1.2) );--fp-space-lg: clamp( calc(var(--fp-space-unit) * 2 * var(--fp-spacing-factor) * .8), calc(var(--fp-space-unit) * 2 * var(--fp-spacing-factor)), calc(var(--fp-space-unit) * 2 * var(--fp-spacing-factor) * 1.2) );--fp-space-xl: clamp( calc(var(--fp-space-unit) * 4 * var(--fp-spacing-factor) * .8), calc(var(--fp-space-unit) * 4 * var(--fp-spacing-factor)), calc(var(--fp-space-unit) * 4 * var(--fp-spacing-factor) * 1.2) );--fp-type-base-size: 1rem;--fp-font-size-subtle: clamp( calc(var(--fp-type-base-size) * .512 * .9), calc(var(--fp-type-base-size) * .512), calc(var(--fp-type-base-size) * .512 * 1.1) );--fp-font-size-muted: clamp( calc(var(--fp-type-base-size) * .8 * .9), calc(var(--fp-type-base-size) * .8), calc(var(--fp-type-base-size) * .8 * 1.1) );--fp-font-size-default: clamp( calc(var(--fp-type-base-size) * 1 * .9), calc(var(--fp-type-base-size) * 1), calc(var(--fp-type-base-size) * 1 * 1.1) );--fp-font-size-strong: clamp( calc(var(--fp-type-base-size) * 1.953 * .9), calc(var(--fp-type-base-size) * 1.953), calc(var(--fp-type-base-size) * 1.953 * 1.1) );--fp-font-size-vivid: clamp( calc(var(--fp-type-base-size) * 3.052 * .9), calc(var(--fp-type-base-size) * 3.052), calc(var(--fp-type-base-size) * 3.052 * 1.1) );--fp-spacing-factor: 1;--fp-radius-factor: 1;--fp-color-surface-subtle: light-dark( var(--fp-ref-color-surface-subtle), oklch(15% 0 0deg) );--fp-color-surface-muted: light-dark( var(--fp-ref-color-surface-muted), oklch(10% 0 0deg) );--fp-color-surface-default: light-dark( var(--fp-ref-color-surface-default), oklch(25% 0 0deg) );--fp-color-text-subtle: light-dark( var(--fp-ref-color-text-subtle), oklch(60% 0 0deg) );--fp-color-text-muted: light-dark( var(--fp-ref-color-text-muted), oklch(75% 0 0deg) );--fp-color-text-default: light-dark( var(--fp-ref-color-text-default), oklch(95% 0 0deg) );--fp-action-bg: light-dark( var(--fp-primary-default), oklch(from var(--fp-primary-default) 30% c h) );--fp-action-contrast: oklch(from var(--fp-action-bg) clamp(0, (l - .6) * -100, 1) 0 h);--fp-elevation-mode: ambient;--fp-icon-stroke: .125rem;--fp-icon-size: 1.5rem;--fp-radius-md: .75rem}}@layer utilities{.fp-container{padding-block:clamp(1rem,1rem + (3rem - 1rem) * (100vw - 25rem) / (75rem - 25rem),3rem);padding-inline:clamp(1rem,1rem + (3rem - 1rem) * (100vw - 25rem) / (75rem - 25rem),3rem);background-color:var(--fp-primary-default)}}@layer components{fp-button::part(base){appearance:none;border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--fp-space-sm);border-radius:calc(.5rem * var(--fp-radius-factor));padding-block:calc(.75rem * var(--fp-radius-factor));padding-inline:calc(1.5rem * var(--fp-radius-factor));font-weight:600;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}fp-button::part(base):hover{background-color:oklch(from var(--_bg, var(--_btn-main)) calc(l + .05) c h)}fp-button::part(base):active{background-color:oklch(from var(--_bg, var(--_btn-main)) calc(l - .05) c h)}fp-button[variant=default]{--_btn-main: var(--fp-action-bg);--_btn-contrast: var(--fp-action-contrast)}fp-button[variant=subtle]{--_btn-main: var(--fp-secondary-default);--_btn-contrast: var(--fp-secondary-default-contrast)}fp-button[variant=strong]{--_btn-main: var(--fp-purple-default);--_btn-contrast: var(--fp-purple-default-contrast)}fp-button[variant=vivid]{--_btn-main: var(--fp-pink-default);--_btn-contrast: var(--fp-pink-default-contrast)}fp-button[type=flat]::part(base){background-color:var(--_btn-main);--_bg: var(--_btn-main);color:var(--_btn-contrast);border:none}fp-button[type=outlined]::part(base){background-color:transparent;--_bg: transparent;color:var(--_btn-main);border:.0625rem solid var(--_btn-main)}fp-button[type=outlined]::part(base):hover{background-color:oklch(from var(--_btn-main) 98% c h)}fp-button[type=elevated]::part(base){background-color:var(--_btn-main);--_bg: var(--_btn-main);color:var(--_btn-contrast);border:none;box-shadow:0 calc(var(--fp-elevation-unit) * 1 * .5) calc(var(--fp-elevation-unit) * 1 * 2) oklch(0% 0 0deg/calc(.15 * var(--fp-elevation-intensity) * 10)),0 calc(var(--fp-elevation-unit) * 1 * .1) calc(var(--fp-elevation-unit) * 1 * .5) oklch(0% 0 0deg/calc(.1 * var(--fp-elevation-intensity) * 10))}@container style(--fp-elevation-mode: neomorphic){fp-button[type=elevated]::part(base){box-shadow:calc(calc(var(--fp-elevation-unit) * 1) * -1) calc(calc(var(--fp-elevation-unit) * 1) * -1) calc(var(--fp-elevation-unit) * 1 * 2) oklch(from var(--_bg, var(--fp-color-surface-subtle)) calc(l + .1) c h),calc(var(--fp-elevation-unit) * 1) calc(var(--fp-elevation-unit) * 1) calc(var(--fp-elevation-unit) * 1 * 2) oklch(from var(--_bg, var(--fp-color-surface-subtle)) calc(l - .15) c h)}}fp-button[size=sm]::part(base){padding-block:var(--fp-space-xs);padding-inline:var(--fp-space-sm);font-size:var(--fp-font-size-subtle)}fp-button[size=md]::part(base){padding-block:var(--fp-space-sm);padding-inline:var(--fp-space-md);font-size:var(--fp-font-size-default)}fp-button[size=lg]::part(base){padding-block:var(--fp-space-md);padding-inline:var(--fp-space-lg);font-size:var(--fp-font-size-strong)}fp-avatar::part(base){width:var(--_avatar-size, 3rem);height:var(--_avatar-size, 3rem)}fp-avatar[size=sm]{--_avatar-size: 2rem}fp-avatar[size=md]{--_avatar-size: 3rem}fp-avatar[size=lg]{--_avatar-size: 4rem}fp-badge::part(base){background-color:var(--_badge-bg);color:var(--_badge-contrast);border:.0625rem solid var(--_badge-border, transparent);transition:all .2s ease}fp-badge[variant=primary]{--_badge-bg: var(--fp-action-bg);--_badge-contrast: var(--fp-action-contrast);--_badge-border: var(--fp-action-bg)}fp-badge[variant=secondary]{--_badge-bg: var(--fp-secondary-default);--_badge-contrast: var(--fp-secondary-default-contrast);--_badge-border: var(--fp-secondary-default)}fp-badge[type=notification]::part(base){width:.625rem;height:.625rem;padding:0;background-color:var(--_badge-bg, var(--_bg, var(--fp-color-surface-subtle)));border-color:var(--_badge-border, var(--_bg, var(--fp-color-surface-subtle)));color:transparent;overflow:hidden}fp-badge[type=icon]::part(base){padding:var(--fp-space-sm);box-shadow:0 calc(var(--fp-elevation-unit) * .25 * .5) calc(var(--fp-elevation-unit) * .25 * 2) oklch(0% 0 0deg/calc(.15 * var(--fp-elevation-intensity) * 10)),0 calc(var(--fp-elevation-unit) * .25 * .1) calc(var(--fp-elevation-unit) * .25 * .5) oklch(0% 0 0deg/calc(.1 * var(--fp-elevation-intensity) * 10))}@container style(--fp-elevation-mode: neomorphic){fp-badge[type=icon]::part(base){box-shadow:calc(calc(var(--fp-elevation-unit) * .25) * -1) calc(calc(var(--fp-elevation-unit) * .25) * -1) calc(var(--fp-elevation-unit) * .25 * 2) oklch(from var(--_bg, var(--fp-color-surface-subtle)) calc(l + .1) c h),calc(var(--fp-elevation-unit) * .25) calc(var(--fp-elevation-unit) * .25) calc(var(--fp-elevation-unit) * .25 * 2) oklch(from var(--_bg, var(--fp-color-surface-subtle)) calc(l - .15) c h)}}fp-badge[type=label]::part(base){padding-block:var(--fp-space-xs);padding-inline:var(--fp-space-md);font-size:var(--fp-font-size-subtle);gap:var(--fp-space-xs)}fp-badge[size=sm]{font-size:var(--fp-font-size-subtle)}fp-badge[size=sm][type=label]::part(base){padding-inline:var(--fp-space-sm)}fp-icon::part(base){font-size:var(--_icon-size, 1em)}fp-icon[size=sm]{--_icon-size: 1rem}fp-icon[size=md]{--_icon-size: 1.5rem}fp-icon[size=lg]{--_icon-size: 2rem}fp-icon[size=xl]{--_icon-size: 3rem}@container style(--fp-elevation-mode: neomorphic){fp-icon{--fp-icon-stroke: .09375rem}}fp-card::part(base){background-color:var(--fp-color-surface-subtle);--_bg: var(--fp-color-surface-subtle);border-radius:calc(.75rem * var(--fp-radius-factor));box-shadow:0 calc(var(--fp-elevation-unit) * 1 * .5) calc(var(--fp-elevation-unit) * 1 * 2) oklch(0% 0 0deg/calc(.15 * var(--fp-elevation-intensity) * 10)),0 calc(var(--fp-elevation-unit) * 1 * .1) calc(var(--fp-elevation-unit) * 1 * .5) oklch(0% 0 0deg/calc(.1 * var(--fp-elevation-intensity) * 10))}@container style(--fp-elevation-mode: neomorphic){fp-card::part(base){box-shadow:calc(calc(var(--fp-elevation-unit) * 1) * -1) calc(calc(var(--fp-elevation-unit) * 1) * -1) calc(var(--fp-elevation-unit) * 1 * 2) oklch(from var(--_bg, var(--fp-color-surface-subtle)) calc(l + .1) c h),calc(var(--fp-elevation-unit) * 1) calc(var(--fp-elevation-unit) * 1) calc(var(--fp-elevation-unit) * 1 * 2) oklch(from var(--_bg, var(--fp-color-surface-subtle)) calc(l - .15) c h)}}fp-card [slot=header],fp-card [slot=body],fp-card [slot=footer]{padding-inline:var(--fp-space-lg)}fp-card [slot=header]{padding-block-start:var(--fp-space-lg)}fp-card [slot=body]{padding-block:var(--fp-space-md)}fp-card [slot=footer]{padding-block-end:var(--fp-space-lg)}fp-card[overlay]::part(base){color:#fff;text-shadow:0 .125rem .25rem oklch(0% 0 0deg / .5)}fp-card[overlay] [slot=media]{height:100%;width:100%}fp-card[overlay] [slot=header]{align-self:start}fp-card[overlay] [slot=footer]{align-self:end}fp-input::part(input),fp-select::part(select){appearance:none;width:100%;box-sizing:border-box;font-family:inherit;font-size:var(--fp-font-size-default);color:var(--fp-color-text-default);background-color:var(--fp-color-surface-subtle);border:.0625rem solid var(--fp-color-surface-default);border-radius:calc(.5rem * var(--fp-radius-factor));padding-block:var(--fp-space-md);padding-inline:var(--fp-space-md);transition:border-color .2s ease,box-shadow .2s ease}fp-input::part(input):focus,fp-select::part(select):focus{outline:none;border-color:var(--fp-primary-default);box-shadow:0 0 0 .125rem oklch(from var(--fp-primary-default) l c h/20%)}fp-input::part(label),fp-select::part(label){font-size:var(--fp-font-size-muted);font-weight:600;color:var(--fp-color-text-default)}fp-input::part(base),fp-select::part(base){display:flex;flex-direction:column;gap:var(--fp-space-xs)}fp-input[disabled]::part(input),fp-input[disabled]::part(select),fp-select[disabled]::part(input),fp-select[disabled]::part(select){cursor:not-allowed;background-color:var(--fp-color-surface-muted);opacity:.6}fp-select::part(select){cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--fp-space-md) center;background-size:1rem;padding-inline-end:var(--fp-space-xl)}:global(.dark) fp-select::part(select){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E")}fp-navbar{position:sticky;z-index:1000;display:block;inset-inline-start:var(--fp-navbar-offset-start, 0);inset-inline-end:var(--fp-navbar-offset-end, 0);--_bg: var(--fp-color-surface-subtle);color:var(--fp-color-text-default);font-family:Funnel Display,sans-serif}fp-navbar[position=top]{top:0}fp-navbar[position=bottom]{bottom:0}fp-navbar[mode=floating]{margin:var(--fp-space-md)}fp-navbar[mode=floating]::part(base) [position=top]{border-end-start-radius:calc(var(--fp-radius-md) * var(--fp-radius-factor));border-end-end-radius:calc(var(--fp-radius-md) * var(--fp-radius-factor))}fp-navbar[mode=floating]::part(base) [position=bottom]{border-start-start-radius:calc(var(--fp-radius-md) * var(--fp-radius-factor));border-start-end-radius:calc(var(--fp-radius-md) * var(--fp-radius-factor))}fp-navbar[mode=floating][position=top]::part(base){border-end-start-radius:calc(var(--fp-radius-md) * var(--fp-radius-factor));border-end-end-radius:calc(var(--fp-radius-md) * var(--fp-radius-factor))}fp-navbar[mode=floating][position=bottom]::part(base){border-start-start-radius:calc(var(--fp-radius-md) * var(--fp-radius-factor));border-start-end-radius:calc(var(--fp-radius-md) * var(--fp-radius-factor))}fp-navbar::part(base){background-color:var(--_bg);display:flex;align-items:center;padding-block:var(--fp-space-sm);padding-inline:var(--fp-space-lg);gap:var(--fp-space-md);box-sizing:border-box;width:100%;box-shadow:calc(calc(var(--fp-elevation-unit) * 1) * -1) calc(calc(var(--fp-elevation-unit) * 1) * -1) calc(var(--fp-elevation-unit) * 1 * 2) oklch(from var(--_bg, var(--fp-color-surface-subtle)) calc(l + .1) c h),calc(var(--fp-elevation-unit) * 1) calc(var(--fp-elevation-unit) * 1) calc(var(--fp-elevation-unit) * 1 * 2) oklch(from var(--_bg, var(--fp-color-surface-subtle)) calc(l - .15) c h)}fp-navbar::part(toggle){order:var(--_order-toggle);display:flex;align-items:center}fp-navbar::part(brand){order:var(--_order-brand);display:flex;align-items:center}fp-navbar::part(search){order:var(--_order-search);display:flex;align-items:center}fp-navbar::part(nav){order:var(--_order-nav);display:flex;align-items:center}fp-navbar::part(actions){order:var(--_order-actions);display:flex;align-items:center}fp-navbar::part(user){order:var(--_order-user);display:flex;align-items:center}fp-navbar::part(toggle),fp-navbar::part(nav),fp-navbar::part(actions),fp-navbar::part(user){color:inherit}fp-navbar::part(toggle) fp-icon,fp-navbar::part(nav) fp-icon,fp-navbar::part(actions) fp-icon,fp-navbar::part(user) fp-icon{color:inherit}fp-navbar::part(brand){padding:calc(var(--fp-space-md) * var(--fp-spacing-factor))}fp-navbar::part(search){color:var(--fp-color-text-default);flex:1}fp-navbar::part(search) *{color:initial}}:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5}body{margin:0;background-color:var(--fp-color-surface-subtle);color:var(--fp-color-text-default);min-height:100vh;display:flex;flex-direction:column}.header{border-block-end:.0625rem solid var(--fp-color-surface-default);padding-block:var(--fp-space-md);background-color:var(--fp-color-surface-muted)}.header .header-inner{max-width:75rem;margin-inline:auto;padding-inline:var(--fp-space-lg);display:flex;align-items:center;justify-content:space-between}.header .logo{font-weight:800;text-decoration:none;color:var(--fp-color-text-default);font-size:1.25rem;letter-spacing:-.05em}main{flex:1;display:flex;flex-direction:column}@layer reset,base,tokens,components,utilities;@layer tokens{:root{color-scheme:light dark;container-type:normal;--fp-primary-default: var(--fp-ref-color-brand-primary);--fp-primary-subtle: oklch(from var(--fp-ref-color-brand-primary) 95% c h);--fp-primary-muted: oklch(from var(--fp-ref-color-brand-primary) 75% c h);--fp-primary-strong: oklch(from var(--fp-ref-color-brand-primary) 35% c h);--fp-primary-vivid: oklch(from var(--fp-ref-color-brand-primary) 15% c h);--fp-primary-subtle-contrast: oklch(from var(--fp-primary-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-primary-muted-contrast: oklch(from var(--fp-primary-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-primary-default-contrast: oklch(from var(--fp-primary-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-primary-strong-contrast: oklch(from var(--fp-primary-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-primary-vivid-contrast: oklch(from var(--fp-primary-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-primary-hover: oklch(from var(--fp-ref-color-brand-primary) calc(l + .05) c h);--fp-primary-active: oklch(from var(--fp-ref-color-brand-primary) calc(l - .05) c h);--fp-secondary-default: var(--fp-ref-color-brand-secondary);--fp-secondary-subtle: oklch(from var(--fp-ref-color-brand-secondary) 95% c h);--fp-secondary-muted: oklch(from var(--fp-ref-color-brand-secondary) 75% c h);--fp-secondary-strong: oklch(from var(--fp-ref-color-brand-secondary) 35% c h);--fp-secondary-vivid: oklch(from var(--fp-ref-color-brand-secondary) 15% c h);--fp-secondary-subtle-contrast: oklch(from var(--fp-secondary-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-secondary-muted-contrast: oklch(from var(--fp-secondary-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-secondary-default-contrast: oklch(from var(--fp-secondary-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-secondary-strong-contrast: oklch(from var(--fp-secondary-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-secondary-vivid-contrast: oklch(from var(--fp-secondary-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-secondary-hover: oklch(from var(--fp-ref-color-brand-secondary) calc(l + .05) c h);--fp-secondary-active: oklch(from var(--fp-ref-color-brand-secondary) calc(l - .05) c h);--fp-success-default: var(--fp-ref-color-brand-success);--fp-success-subtle: oklch(from var(--fp-ref-color-brand-success) 95% c h);--fp-success-muted: oklch(from var(--fp-ref-color-brand-success) 75% c h);--fp-success-strong: oklch(from var(--fp-ref-color-brand-success) 35% c h);--fp-success-vivid: oklch(from var(--fp-ref-color-brand-success) 15% c h);--fp-success-subtle-contrast: oklch(from var(--fp-success-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-success-muted-contrast: oklch(from var(--fp-success-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-success-default-contrast: oklch(from var(--fp-success-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-success-strong-contrast: oklch(from var(--fp-success-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-success-vivid-contrast: oklch(from var(--fp-success-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-success-hover: oklch(from var(--fp-ref-color-brand-success) calc(l + .05) c h);--fp-success-active: oklch(from var(--fp-ref-color-brand-success) calc(l - .05) c h);--fp-warning-default: var(--fp-ref-color-brand-warning);--fp-warning-subtle: oklch(from var(--fp-ref-color-brand-warning) 95% c h);--fp-warning-muted: oklch(from var(--fp-ref-color-brand-warning) 75% c h);--fp-warning-strong: oklch(from var(--fp-ref-color-brand-warning) 35% c h);--fp-warning-vivid: oklch(from var(--fp-ref-color-brand-warning) 15% c h);--fp-warning-subtle-contrast: oklch(from var(--fp-warning-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-warning-muted-contrast: oklch(from var(--fp-warning-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-warning-default-contrast: oklch(from var(--fp-warning-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-warning-strong-contrast: oklch(from var(--fp-warning-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-warning-vivid-contrast: oklch(from var(--fp-warning-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-warning-hover: oklch(from var(--fp-ref-color-brand-warning) calc(l + .05) c h);--fp-warning-active: oklch(from var(--fp-ref-color-brand-warning) calc(l - .05) c h);--fp-error-default: var(--fp-ref-color-brand-error);--fp-error-subtle: oklch(from var(--fp-ref-color-brand-error) 95% c h);--fp-error-muted: oklch(from var(--fp-ref-color-brand-error) 75% c h);--fp-error-strong: oklch(from var(--fp-ref-color-brand-error) 35% c h);--fp-error-vivid: oklch(from var(--fp-ref-color-brand-error) 15% c h);--fp-error-subtle-contrast: oklch(from var(--fp-error-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-error-muted-contrast: oklch(from var(--fp-error-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-error-default-contrast: oklch(from var(--fp-error-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-error-strong-contrast: oklch(from var(--fp-error-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-error-vivid-contrast: oklch(from var(--fp-error-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-error-hover: oklch(from var(--fp-ref-color-brand-error) calc(l + .05) c h);--fp-error-active: oklch(from var(--fp-ref-color-brand-error) calc(l - .05) c h);--fp-info-default: var(--fp-ref-color-brand-info);--fp-info-subtle: oklch(from var(--fp-ref-color-brand-info) 95% c h);--fp-info-muted: oklch(from var(--fp-ref-color-brand-info) 75% c h);--fp-info-strong: oklch(from var(--fp-ref-color-brand-info) 35% c h);--fp-info-vivid: oklch(from var(--fp-ref-color-brand-info) 15% c h);--fp-info-subtle-contrast: oklch(from var(--fp-info-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-info-muted-contrast: oklch(from var(--fp-info-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-info-default-contrast: oklch(from var(--fp-info-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-info-strong-contrast: oklch(from var(--fp-info-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-info-vivid-contrast: oklch(from var(--fp-info-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-info-hover: oklch(from var(--fp-ref-color-brand-info) calc(l + .05) c h);--fp-info-active: oklch(from var(--fp-ref-color-brand-info) calc(l - .05) c h);--fp-greys-default: var(--fp-ref-color-brand-greys);--fp-greys-subtle: oklch(from var(--fp-ref-color-brand-greys) 95% c h);--fp-greys-muted: oklch(from var(--fp-ref-color-brand-greys) 75% c h);--fp-greys-strong: oklch(from var(--fp-ref-color-brand-greys) 35% c h);--fp-greys-vivid: oklch(from var(--fp-ref-color-brand-greys) 15% c h);--fp-greys-subtle-contrast: oklch(from var(--fp-greys-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-greys-muted-contrast: oklch(from var(--fp-greys-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-greys-default-contrast: oklch(from var(--fp-greys-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-greys-strong-contrast: oklch(from var(--fp-greys-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-greys-vivid-contrast: oklch(from var(--fp-greys-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-greys-hover: oklch(from var(--fp-ref-color-brand-greys) calc(l + .05) c h);--fp-greys-active: oklch(from var(--fp-ref-color-brand-greys) calc(l - .05) c h);--fp-purple-default: var(--fp-ref-color-brand-purple);--fp-purple-subtle: oklch(from var(--fp-ref-color-brand-purple) 95% c h);--fp-purple-muted: oklch(from var(--fp-ref-color-brand-purple) 75% c h);--fp-purple-strong: oklch(from var(--fp-ref-color-brand-purple) 35% c h);--fp-purple-vivid: oklch(from var(--fp-ref-color-brand-purple) 15% c h);--fp-purple-subtle-contrast: oklch(from var(--fp-purple-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-purple-muted-contrast: oklch(from var(--fp-purple-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-purple-default-contrast: oklch(from var(--fp-purple-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-purple-strong-contrast: oklch(from var(--fp-purple-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-purple-vivid-contrast: oklch(from var(--fp-purple-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-purple-hover: oklch(from var(--fp-ref-color-brand-purple) calc(l + .05) c h);--fp-purple-active: oklch(from var(--fp-ref-color-brand-purple) calc(l - .05) c h);--fp-pink-default: var(--fp-ref-color-brand-pink);--fp-pink-subtle: oklch(from var(--fp-ref-color-brand-pink) 95% c h);--fp-pink-muted: oklch(from var(--fp-ref-color-brand-pink) 75% c h);--fp-pink-strong: oklch(from var(--fp-ref-color-brand-pink) 35% c h);--fp-pink-vivid: oklch(from var(--fp-ref-color-brand-pink) 15% c h);--fp-pink-subtle-contrast: oklch(from var(--fp-pink-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-pink-muted-contrast: oklch(from var(--fp-pink-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-pink-default-contrast: oklch(from var(--fp-pink-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-pink-strong-contrast: oklch(from var(--fp-pink-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-pink-vivid-contrast: oklch(from var(--fp-pink-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-pink-hover: oklch(from var(--fp-ref-color-brand-pink) calc(l + .05) c h);--fp-pink-active: oklch(from var(--fp-ref-color-brand-pink) calc(l - .05) c h);--fp-surface-default: var(--fp-ref-color-surface-muted);--fp-surface-subtle: oklch(from var(--fp-ref-color-surface-muted) 95% c h);--fp-surface-muted: oklch(from var(--fp-ref-color-surface-muted) 75% c h);--fp-surface-strong: oklch(from var(--fp-ref-color-surface-muted) 35% c h);--fp-surface-vivid: oklch(from var(--fp-ref-color-surface-muted) 15% c h);--fp-surface-subtle-contrast: oklch(from var(--fp-surface-subtle) clamp(0, (l - .6) * -100, 1) 0 h);--fp-surface-muted-contrast: oklch(from var(--fp-surface-muted) clamp(0, (l - .6) * -100, 1) 0 h);--fp-surface-default-contrast: oklch(from var(--fp-surface-default) clamp(0, (l - .6) * -100, 1) 0 h);--fp-surface-strong-contrast: oklch(from var(--fp-surface-strong) clamp(0, (l - .6) * -100, 1) 0 h);--fp-surface-vivid-contrast: oklch(from var(--fp-surface-vivid) clamp(0, (l - .6) * -100, 1) 0 h);--fp-surface-hover: oklch(from var(--fp-ref-color-surface-muted) calc(l + .05) c h);--fp-surface-active: oklch(from var(--fp-ref-color-surface-muted) calc(l - .05) c h);--fp-space-unit: .25rem;--fp-space-xs: clamp( calc(var(--fp-space-unit) * .25 * var(--fp-spacing-factor) * .8), calc(var(--fp-space-unit) * .25 * var(--fp-spacing-factor)), calc(var(--fp-space-unit) * .25 * var(--fp-spacing-factor) * 1.2) );--fp-space-sm: clamp( calc(var(--fp-space-unit) * .5 * var(--fp-spacing-factor) * .8), calc(var(--fp-space-unit) * .5 * var(--fp-spacing-factor)), calc(var(--fp-space-unit) * .5 * var(--fp-spacing-factor) * 1.2) );--fp-space-md: clamp( calc(var(--fp-space-unit) * 1 * var(--fp-spacing-factor) * .8), calc(var(--fp-space-unit) * 1 * var(--fp-spacing-factor)), calc(var(--fp-space-unit) * 1 * var(--fp-spacing-factor) * 1.2) );--fp-space-lg: clamp( calc(var(--fp-space-unit) * 2 * var(--fp-spacing-factor) * .8), calc(var(--fp-space-unit) * 2 * var(--fp-spacing-factor)), calc(var(--fp-space-unit) * 2 * var(--fp-spacing-factor) * 1.2) );--fp-space-xl: clamp( calc(var(--fp-space-unit) * 4 * var(--fp-spacing-factor) * .8), calc(var(--fp-space-unit) * 4 * var(--fp-spacing-factor)), calc(var(--fp-space-unit) * 4 * var(--fp-spacing-factor) * 1.2) );--fp-type-base-size: 1rem;--fp-font-size-subtle: clamp( calc(var(--fp-type-base-size) * .512 * .9), calc(var(--fp-type-base-size) * .512), calc(var(--fp-type-base-size) * .512 * 1.1) );--fp-font-size-muted: clamp( calc(var(--fp-type-base-size) * .8 * .9), calc(var(--fp-type-base-size) * .8), calc(var(--fp-type-base-size) * .8 * 1.1) );--fp-font-size-default: clamp( calc(var(--fp-type-base-size) * 1 * .9), calc(var(--fp-type-base-size) * 1), calc(var(--fp-type-base-size) * 1 * 1.1) );--fp-font-size-strong: clamp( calc(var(--fp-type-base-size) * 1.953 * .9), calc(var(--fp-type-base-size) * 1.953), calc(var(--fp-type-base-size) * 1.953 * 1.1) );--fp-font-size-vivid: clamp( calc(var(--fp-type-base-size) * 3.052 * .9), calc(var(--fp-type-base-size) * 3.052), calc(var(--fp-type-base-size) * 3.052 * 1.1) );--fp-spacing-factor: 1;--fp-radius-factor: 1;--fp-color-surface-subtle: light-dark( var(--fp-ref-color-surface-subtle), oklch(15% 0 0deg) );--fp-color-surface-muted: light-dark( var(--fp-ref-color-surface-muted), oklch(10% 0 0deg) );--fp-color-surface-default: light-dark( var(--fp-ref-color-surface-default), oklch(25% 0 0deg) );--fp-color-text-subtle: light-dark( var(--fp-ref-color-text-subtle), oklch(60% 0 0deg) );--fp-color-text-muted: light-dark( var(--fp-ref-color-text-muted), oklch(75% 0 0deg) );--fp-color-text-default: light-dark( var(--fp-ref-color-text-default), oklch(95% 0 0deg) );--fp-action-bg: light-dark( var(--fp-primary-default), oklch(from var(--fp-primary-default) 30% c h) );--fp-action-contrast: oklch(from var(--fp-action-bg) clamp(0, (l - .6) * -100, 1) 0 h);--fp-elevation-mode: ambient;--fp-icon-stroke: .125rem;--fp-icon-size: 1.5rem;--fp-radius-md: .75rem}}@layer utilities{.fp-container[data-astro-cid-j7pv25f6]{padding-block:clamp(1rem,1rem + (3rem - 1rem) * (100vw - 25rem) / (75rem - 25rem),3rem);padding-inline:clamp(1rem,1rem + (3rem - 1rem) * (100vw - 25rem) / (75rem - 25rem),3rem);background-color:var(--fp-primary-default)}}@layer components{fp-button[data-astro-cid-j7pv25f6]::part(base){appearance:none;border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--fp-space-sm);border-radius:calc(.5rem * var(--fp-radius-factor));padding-block:calc(.75rem * var(--fp-radius-factor));padding-inline:calc(1.5rem * var(--fp-radius-factor));font-weight:600;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}fp-button[data-astro-cid-j7pv25f6]::part(base):hover{background-color:oklch(from var(--_bg, var(--_btn-main)) calc(l + .05) c h)}fp-button[data-astro-cid-j7pv25f6]::part(base):active{background-color:oklch(from var(--_bg, var(--_btn-main)) calc(l - .05) c h)}fp-button[data-astro-cid-j7pv25f6][variant=default]{--_btn-main: var(--fp-action-bg);--_btn-contrast: var(--fp-action-contrast)}fp-button[data-astro-cid-j7pv25f6][variant=subtle]{--_btn-main: var(--fp-secondary-default);--_btn-contrast: var(--fp-secondary-default-contrast)}fp-button[data-astro-cid-j7pv25f6][variant=strong]{--_btn-main: var(--fp-purple-default);--_btn-contrast: var(--fp-purple-default-contrast)}fp-button[data-astro-cid-j7pv25f6][variant=vivid]{--_btn-main: var(--fp-pink-default);--_btn-contrast: var(--fp-pink-default-contrast)}fp-button[data-astro-cid-j7pv25f6][type=flat]::part(base){background-color:var(--_btn-main);--_bg: var(--_btn-main);color:var(--_btn-contrast);border:none}fp-button[data-astro-cid-j7pv25f6][type=outlined]::part(base){background-color:transparent;--_bg: transparent;color:var(--_btn-main);border:.0625rem solid var(--_btn-main)}fp-button[data-astro-cid-j7pv25f6][type=outlined]::part(base):hover{background-color:oklch(from var(--_btn-main) 98% c h)}fp-button[data-astro-cid-j7pv25f6][type=elevated]::part(base){background-color:var(--_btn-main);--_bg: var(--_btn-main);color:var(--_btn-contrast);border:none;box-shadow:0 calc(var(--fp-elevation-unit) * 1 * .5) calc(var(--fp-elevation-unit) * 1 * 2) oklch(0% 0 0deg/calc(.15 * var(--fp-elevation-intensity) * 10)),0 calc(var(--fp-elevation-unit) * 1 * .1) calc(var(--fp-elevation-unit) * 1 * .5) oklch(0% 0 0deg/calc(.1 * var(--fp-elevation-intensity) * 10))}@container style(--fp-elevation-mode: neomorphic){fp-button[data-astro-cid-j7pv25f6][type=elevated]::part(base){box-shadow:calc(calc(var(--fp-elevation-unit) * 1) * -1) calc(calc(var(--fp-elevation-unit) * 1) * -1) calc(var(--fp-elevation-unit) * 1 * 2) oklch(from var(--_bg, var(--fp-color-surface-subtle)) calc(l + .1) c h),calc(var(--fp-elevation-unit) * 1) calc(var(--fp-elevation-unit) * 1) calc(var(--fp-elevation-unit) * 1 * 2) oklch(from var(--_bg, var(--fp-color-surface-subtle)) calc(l - .15) c h)}}fp-button[data-astro-cid-j7pv25f6][size=sm]::part(base){padding-block:var(--fp-space-xs);padding-inline:var(--fp-space-sm);font-size:var(--fp-font-size-subtle)}fp-button[data-astro-cid-j7pv25f6][size=md]::part(base){padding-block:var(--fp-space-sm);padding-inline:var(--fp-space-md);font-size:var(--fp-font-size-default)}fp-button[data-astro-cid-j7pv25f6][size=lg]::part(base){padding-block:var(--fp-space-md);padding-inline:var(--fp-space-lg);font-size:var(--fp-font-size-strong)}fp-avatar[data-astro-cid-j7pv25f6]::part(base){width:var(--_avatar-size, 3rem);height:var(--_avatar-size, 3rem)}fp-avatar[data-astro-cid-j7pv25f6][size=sm]{--_avatar-size: 2rem}fp-avatar[data-astro-cid-j7pv25f6][size=md]{--_avatar-size: 3rem}fp-avatar[data-astro-cid-j7pv25f6][size=lg]{--_avatar-size: 4rem}fp-badge[data-astro-cid-j7pv25f6]::part(base){background-color:var(--_badge-bg);color:var(--_badge-contrast);border:.0625rem solid var(--_badge-border, transparent);transition:all .2s ease}fp-badge[data-astro-cid-j7pv25f6][variant=primary]{--_badge-bg: var(--fp-action-bg);--_badge-contrast: var(--fp-action-contrast);--_badge-border: var(--fp-action-bg)}fp-badge[data-astro-cid-j7pv25f6][variant=secondary]{--_badge-bg: var(--fp-secondary-default);--_badge-contrast: var(--fp-secondary-default-contrast);--_badge-border: var(--fp-secondary-default)}fp-badge[data-astro-cid-j7pv25f6][type=notification]::part(base){width:.625rem;height:.625rem;padding:0;background-color:var(--_badge-bg, var(--_bg, var(--fp-color-surface-subtle)));border-color:var(--_badge-border, var(--_bg, var(--fp-color-surface-subtle)));color:transparent;overflow:hidden}fp-badge[data-astro-cid-j7pv25f6][type=icon]::part(base){padding:var(--fp-space-sm);box-shadow:0 calc(var(--fp-elevation-unit) * .25 * .5) calc(var(--fp-elevation-unit) * .25 * 2) oklch(0% 0 0deg/calc(.15 * var(--fp-elevation-intensity) * 10)),0 calc(var(--fp-elevation-unit) * .25 * .1) calc(var(--fp-elevation-unit) * .25 * .5) oklch(0% 0 0deg/calc(.1 * var(--fp-elevation-intensity) * 10))}@container style(--fp-elevation-mode: neomorphic){fp-badge[data-astro-cid-j7pv25f6][type=icon]::part(base){box-shadow:calc(calc(var(--fp-elevation-unit) * .25) * -1) calc(calc(var(--fp-elevation-unit) * .25) * -1) calc(var(--fp-elevation-unit) * .25 * 2) oklch(from var(--_bg, var(--fp-color-surface-subtle)) calc(l + .1) c h),calc(var(--fp-elevation-unit) * .25) calc(var(--fp-elevation-unit) * .25) calc(var(--fp-elevation-unit) * .25 * 2) oklch(from var(--_bg, var(--fp-color-surface-subtle)) calc(l - .15) c h)}}fp-badge[data-astro-cid-j7pv25f6][type=label]::part(base){padding-block:var(--fp-space-xs);padding-inline:var(--fp-space-md);font-size:var(--fp-font-size-subtle);gap:var(--fp-space-xs)}fp-badge[data-astro-cid-j7pv25f6][size=sm]{font-size:var(--fp-font-size-subtle)}fp-badge[data-astro-cid-j7pv25f6][size=sm][type=label]::part(base){padding-inline:var(--fp-space-sm)}fp-icon[data-astro-cid-j7pv25f6]::part(base){font-size:var(--_icon-size, 1em)}fp-icon[data-astro-cid-j7pv25f6][size=sm]{--_icon-size: 1rem}fp-icon[data-astro-cid-j7pv25f6][size=md]{--_icon-size: 1.5rem}fp-icon[data-astro-cid-j7pv25f6][size=lg]{--_icon-size: 2rem}fp-icon[data-astro-cid-j7pv25f6][size=xl]{--_icon-size: 3rem}@container style(--fp-elevation-mode: neomorphic){fp-icon[data-astro-cid-j7pv25f6]{--fp-icon-stroke: .09375rem}}fp-card[data-astro-cid-j7pv25f6]::part(base){background-color:var(--fp-color-surface-subtle);--_bg: var(--fp-color-surface-subtle);border-radius:calc(.75rem * var(--fp-radius-factor));box-shadow:0 calc(var(--fp-elevation-unit) * 1 * .5) calc(var(--fp-elevation-unit) * 1 * 2) oklch(0% 0 0deg/calc(.15 * var(--fp-elevation-intensity) * 10)),0 calc(var(--fp-elevation-unit) * 1 * .1) calc(var(--fp-elevation-unit) * 1 * .5) oklch(0% 0 0deg/calc(.1 * var(--fp-elevation-intensity) * 10))}@container style(--fp-elevation-mode: neomorphic){fp-card[data-astro-cid-j7pv25f6]::part(base){box-shadow:calc(calc(var(--fp-elevation-unit) * 1) * -1) calc(calc(var(--fp-elevation-unit) * 1) * -1) calc(var(--fp-elevation-unit) * 1 * 2) oklch(from var(--_bg, var(--fp-color-surface-subtle)) calc(l + .1) c h),calc(var(--fp-elevation-unit) * 1) calc(var(--fp-elevation-unit) * 1) calc(var(--fp-elevation-unit) * 1 * 2) oklch(from var(--_bg, var(--fp-color-surface-subtle)) calc(l - .15) c h)}}fp-card[data-astro-cid-j7pv25f6] [data-astro-cid-j7pv25f6][slot=header],fp-card[data-astro-cid-j7pv25f6] [data-astro-cid-j7pv25f6][slot=body],fp-card[data-astro-cid-j7pv25f6] [data-astro-cid-j7pv25f6][slot=footer]{padding-inline:var(--fp-space-lg)}fp-card[data-astro-cid-j7pv25f6] [data-astro-cid-j7pv25f6][slot=header]{padding-block-start:var(--fp-space-lg)}fp-card[data-astro-cid-j7pv25f6] [data-astro-cid-j7pv25f6][slot=body]{padding-block:var(--fp-space-md)}fp-card[data-astro-cid-j7pv25f6] [data-astro-cid-j7pv25f6][slot=footer]{padding-block-end:var(--fp-space-lg)}fp-card[data-astro-cid-j7pv25f6][overlay]::part(base){color:#fff;text-shadow:0 .125rem .25rem oklch(0% 0 0deg / .5)}fp-card[data-astro-cid-j7pv25f6][overlay] [data-astro-cid-j7pv25f6][slot=media]{height:100%;width:100%}fp-card[data-astro-cid-j7pv25f6][overlay] [data-astro-cid-j7pv25f6][slot=header]{align-self:start}fp-card[data-astro-cid-j7pv25f6][overlay] [data-astro-cid-j7pv25f6][slot=footer]{align-self:end}fp-input[data-astro-cid-j7pv25f6]::part(input),fp-select[data-astro-cid-j7pv25f6]::part(select){appearance:none;width:100%;box-sizing:border-box;font-family:inherit;font-size:var(--fp-font-size-default);color:var(--fp-color-text-default);background-color:var(--fp-color-surface-subtle);border:.0625rem solid var(--fp-color-surface-default);border-radius:calc(.5rem * var(--fp-radius-factor));padding-block:var(--fp-space-md);padding-inline:var(--fp-space-md);transition:border-color .2s ease,box-shadow .2s ease}fp-input[data-astro-cid-j7pv25f6]::part(input):focus,fp-select[data-astro-cid-j7pv25f6]::part(select):focus{outline:none;border-color:var(--fp-primary-default);box-shadow:0 0 0 .125rem oklch(from var(--fp-primary-default) l c h/20%)}fp-input[data-astro-cid-j7pv25f6]::part(label),fp-select[data-astro-cid-j7pv25f6]::part(label){font-size:var(--fp-font-size-muted);font-weight:600;color:var(--fp-color-text-default)}fp-input[data-astro-cid-j7pv25f6]::part(base),fp-select[data-astro-cid-j7pv25f6]::part(base){display:flex;flex-direction:column;gap:var(--fp-space-xs)}fp-input[data-astro-cid-j7pv25f6][disabled]::part(input),fp-input[data-astro-cid-j7pv25f6][disabled]::part(select),fp-select[data-astro-cid-j7pv25f6][disabled]::part(input),fp-select[data-astro-cid-j7pv25f6][disabled]::part(select){cursor:not-allowed;background-color:var(--fp-color-surface-muted);opacity:.6}fp-select[data-astro-cid-j7pv25f6]::part(select){cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--fp-space-md) center;background-size:1rem;padding-inline-end:var(--fp-space-xl)}.dark fp-select[data-astro-cid-j7pv25f6]::part(select){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E")}fp-navbar[data-astro-cid-j7pv25f6]{position:sticky;z-index:1000;display:block;inset-inline-start:var(--fp-navbar-offset-start, 0);inset-inline-end:var(--fp-navbar-offset-end, 0);--_bg: var(--fp-color-surface-subtle);color:var(--fp-color-text-default);font-family:Funnel Display,sans-serif}fp-navbar[data-astro-cid-j7pv25f6][position=top]{top:0}fp-navbar[data-astro-cid-j7pv25f6][position=bottom]{bottom:0}fp-navbar[data-astro-cid-j7pv25f6][mode=floating]{margin:var(--fp-space-md)}fp-navbar[data-astro-cid-j7pv25f6][mode=floating]::part(base) [data-astro-cid-j7pv25f6][position=top]{border-end-start-radius:calc(var(--fp-radius-md) * var(--fp-radius-factor));border-end-end-radius:calc(var(--fp-radius-md) * var(--fp-radius-factor))}fp-navbar[data-astro-cid-j7pv25f6][mode=floating]::part(base) [data-astro-cid-j7pv25f6][position=bottom]{border-start-start-radius:calc(var(--fp-radius-md) * var(--fp-radius-factor));border-start-end-radius:calc(var(--fp-radius-md) * var(--fp-radius-factor))}fp-navbar[data-astro-cid-j7pv25f6][mode=floating][position=top]::part(base){border-end-start-radius:calc(var(--fp-radius-md) * var(--fp-radius-factor));border-end-end-radius:calc(var(--fp-radius-md) * var(--fp-radius-factor))}fp-navbar[data-astro-cid-j7pv25f6][mode=floating][position=bottom]::part(base){border-start-start-radius:calc(var(--fp-radius-md) * var(--fp-radius-factor));border-start-end-radius:calc(var(--fp-radius-md) * var(--fp-radius-factor))}fp-navbar[data-astro-cid-j7pv25f6]::part(base){background-color:var(--_bg);display:flex;align-items:center;padding-block:var(--fp-space-sm);padding-inline:var(--fp-space-lg);gap:var(--fp-space-md);box-sizing:border-box;width:100%;box-shadow:calc(calc(var(--fp-elevation-unit) * 1) * -1) calc(calc(var(--fp-elevation-unit) * 1) * -1) calc(var(--fp-elevation-unit) * 1 * 2) oklch(from var(--_bg, var(--fp-color-surface-subtle)) calc(l + .1) c h),calc(var(--fp-elevation-unit) * 1) calc(var(--fp-elevation-unit) * 1) calc(var(--fp-elevation-unit) * 1 * 2) oklch(from var(--_bg, var(--fp-color-surface-subtle)) calc(l - .15) c h)}fp-navbar[data-astro-cid-j7pv25f6]::part(toggle){order:var(--_order-toggle);display:flex;align-items:center}fp-navbar[data-astro-cid-j7pv25f6]::part(brand){order:var(--_order-brand);display:flex;align-items:center}fp-navbar[data-astro-cid-j7pv25f6]::part(search){order:var(--_order-search);display:flex;align-items:center}fp-navbar[data-astro-cid-j7pv25f6]::part(nav){order:var(--_order-nav);display:flex;align-items:center}fp-navbar[data-astro-cid-j7pv25f6]::part(actions){order:var(--_order-actions);display:flex;align-items:center}fp-navbar[data-astro-cid-j7pv25f6]::part(user){order:var(--_order-user);display:flex;align-items:center}fp-navbar[data-astro-cid-j7pv25f6]::part(toggle),fp-navbar[data-astro-cid-j7pv25f6]::part(nav),fp-navbar[data-astro-cid-j7pv25f6]::part(actions),fp-navbar[data-astro-cid-j7pv25f6]::part(user){color:inherit}fp-navbar[data-astro-cid-j7pv25f6]::part(toggle) fp-icon[data-astro-cid-j7pv25f6],fp-navbar[data-astro-cid-j7pv25f6]::part(nav) fp-icon[data-astro-cid-j7pv25f6],fp-navbar[data-astro-cid-j7pv25f6]::part(actions) fp-icon[data-astro-cid-j7pv25f6],fp-navbar[data-astro-cid-j7pv25f6]::part(user) fp-icon[data-astro-cid-j7pv25f6]{color:inherit}fp-navbar[data-astro-cid-j7pv25f6]::part(brand){padding:calc(var(--fp-space-md) * var(--fp-spacing-factor))}fp-navbar[data-astro-cid-j7pv25f6]::part(search){color:var(--fp-color-text-default);flex:1}fp-navbar[data-astro-cid-j7pv25f6]::part(search) [data-astro-cid-j7pv25f6]{color:initial}}.hero[data-astro-cid-j7pv25f6]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-inline:var(--fp-space-lg)}h1[data-astro-cid-j7pv25f6]{font-size:clamp(3rem,3rem + (6rem - 3rem) * (100vw - 25rem) / (75rem - 25rem),6rem);margin:0;letter-spacing:-.05em;font-weight:900;color:var(--fp-color-text-default)}p[data-astro-cid-j7pv25f6]{color:var(--fp-color-text-muted);font-size:clamp(1.125rem,1.125rem + (1.5rem - 1.125rem) * (100vw - 25rem) / (75rem - 25rem),1.5rem);margin-block-start:var(--fp-space-md);max-width:37.5rem}.badge[data-astro-cid-j7pv25f6]{display:inline-block;margin-block-start:var(--fp-space-xl);padding-block:var(--fp-space-xs);padding-inline:var(--fp-space-md);border-radius:624.9375rem;background-color:var(--fp-color-surface-muted);border:.0625rem solid var(--fp-color-surface-default);font-size:var(--fp-font-size-muted);font-weight:600;color:var(--fp-color-text-muted)}