@layer purity-tw, purity, site, purity-util;@layer purity-tw {@layer preflight, theme;}@layer purity {@layer reset, base, open-props, theme, components;}@layer purity-tw.preflight {*, ::after, ::before, ::backdrop, ::file-selector-button {box-sizing: border-box;margin: 0;padding: 0;border: 0 solid;}html, :host {line-height: 1.5;-webkit-text-size-adjust: 100%;-moz-tab-size: 4;-o-tab-size: 4;tab-size: 4;font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' );font-feature-settings: var(--default-font-feature-settings, normal);font-variation-settings: var(--default-font-variation-settings, normal);-webkit-tap-highlight-color: transparent;}body {line-height: inherit;}hr {height: 0;color: inherit;border-top-width: 1px;}abbr:where([title]) {-webkit-text-decoration: underline dotted;text-decoration: underline dotted;}h1, h2, h3, h4, h5, h6 {font-size: inherit;font-weight: inherit;}a {color: inherit;-webkit-text-decoration: inherit;text-decoration: inherit;}b, strong {font-weight: bolder;}code, kbd, samp, pre {font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );font-feature-settings: var(--default-mono-font-feature-settings, normal);font-variation-settings: var(--default-mono-font-variation-settings, normal);font-size: 1em;}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}table {text-indent: 0;border-color: inherit;border-collapse: collapse;}button, input, optgroup, select, textarea, ::file-selector-button {font: inherit;font-feature-settings: inherit;font-variation-settings: inherit;letter-spacing: inherit;color: inherit;background: transparent;}input:where(:not([type='button'], [type='reset'], [type='submit'])), select, textarea {border: 1px solid;}button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {-webkit-appearance: button;-moz-appearance: button;appearance: button;}:-moz-focusring {outline: auto;}:-moz-ui-invalid {box-shadow: none;}progress {vertical-align: baseline;}::-webkit-inner-spin-button, ::-webkit-outer-spin-button {height: auto;}::-webkit-search-decoration {-webkit-appearance: none;}summary {display: list-item;}ol, ul, menu {list-style: none;}textarea {resize: vertical;}::-moz-placeholder {opacity: 1;color: color-mix(in srgb, currentColor 50%, transparent);}::placeholder {opacity: 1;color: color-mix(in srgb, currentColor 50%, transparent);}:disabled {cursor: default;}img, svg, video, canvas, audio, iframe, embed, object {display: block;vertical-align: middle;}img, video {max-width: 100%;height: auto;}[hidden] {display: none!important;}}@layer purity-tw.theme {:root {--default-transition-duration: 150ms;--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);--default-font-family: var(--font-family-sans);--default-font-feature-settings: var(--font-family-sans--font-feature-settings);--default-font-variation-settings: var(--font-family-sans--font-variation-settings);--default-mono-font-family: var(--font-family-mono);--default-mono-font-feature-settings: var(--font-family-mono--font-feature-settings);--default-mono-font-variation-settings: var(--font-family-mono--font-variation-settings);--breakpoint-sm: 40rem;--breakpoint-md: 48rem;--breakpoint-lg: 64rem;--breakpoint-xl: 80rem;--breakpoint-2xl: 96rem;--animate-spin: spin 1s linear infinite;--animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--animate-bounce: bounce 1s infinite;--blur: 8px;--blur-sm: 4px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 24px;--blur-2xl: 40px;--blur-3xl: 64px;--radius: 0.25rem;--radius-sm: 0.125rem;--radius-md: 0.375rem;--radius-lg: 0.5rem;--radius-xl: 0.75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-xs: 0 1px rgb(0 0 0 / 0.05);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--inset-shadow-xs: inset 0 1px rgb(0 0 0 / 0.05);--inset-shadow-sm: inset 0 1px 1px rgb(0 0 0 / 0.05);--inset-shadow: inset 0 2px 4px rgb(0 0 0 / 0.05);--drop-shadow: 0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06);--drop-shadow-sm: 0 1px 1px rgb(0 0 0 / 0.05);--drop-shadow-md: 0 4px 3px rgb(0 0 0 / 0.07), 0 2px 2px rgb(0 0 0 / 0.06);--drop-shadow-lg: 0 10px 8px rgb(0 0 0 / 0.04), 0 4px 3px rgb(0 0 0 / 0.1);--drop-shadow-xl: 0 20px 13px rgb(0 0 0 / 0.03), 0 8px 5px rgb(0 0 0 / 0.08);--drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);--spacing-px: 1px;--spacing-0: 0px;--spacing-0_5: 0.125rem;--spacing-1: 0.25rem;--spacing-1_5: 0.375rem;--spacing-2: 0.5rem;--spacing-2_5: 0.625rem;--spacing-3: 0.75rem;--spacing-3_5: 0.875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--width-3xs: 16rem;--width-2xs: 18rem;--width-xs: 20rem;--width-sm: 24rem;--width-md: 28rem;--width-lg: 32rem;--width-xl: 36rem;--width-2xl: 42rem;--width-3xl: 48rem;--width-4xl: 56rem;--width-5xl: 64rem;--width-6xl: 72rem;--width-7xl: 80rem;--width-prose: 65ch;--letter-spacing-tighter: -0.05em;--letter-spacing-tight: -0.025em;--letter-spacing-normal: 0em;--letter-spacing-wide: 0.025em;--letter-spacing-wider: 0.05em;--letter-spacing-widest: 0.1em;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--line-height-3: 0.75rem;--line-height-4: 1rem;--line-height-5: 1.25rem;--line-height-6: 1.5rem;--line-height-7: 1.75rem;--line-height-8: 2rem;--line-height-9: 2.25rem;--line-height-10: 2.5rem;--perspective-dramatic: 100px;--perspective-near: 300px;--perspective-normal: 500px;--perspective-midrange: 800px;--perspective-distant: 1200px;--transition-timing-function-linear: linear;--transition-timing-function-in: cubic-bezier(0.4, 0, 1, 1);--transition-timing-function-out: cubic-bezier(0, 0, 0.2, 1);--transition-timing-function-in-out: cubic-bezier(0.4, 0, 0.2, 1);--font-family-base: var(--font-family-sans);--font-family-display: var(--font-family-sans-humanist);--font-family-sans: var(--font-family-sans-system-ui);--font-family-serif: var(--font-family-serif-didone);--font-family-mono: var(--font-family-monospace-slab-serif);--breakpoint-3xl: 120rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--size-3xs: 16rem;--size-2xs: 18rem;--size-xs: 20rem;--size-sm: 24rem;--size-md: 28rem;--size-lg: 32rem;--size-xl: 36rem;--size-2xl: 42rem;--size-3xl: 48rem;--size-4xl: 56rem;--size-5xl: 64rem;--size-6xl: 72rem;--size-7xl: 80rem;--color-global-bg: var(--color-light);--color-global-text: var(--color-midnight);--color-surface-bg: none;--color-surface-bg-interact: var(--color-light-shade);--color-surface-text: var(--color-global-text);--color-surface-text-interact: var(--color-dark);--color-light: #ffffff;--color-light-shade: var(--color-grey-1);--color-light-text: var(--color-global-text);--color-dark: #000000;--color-dark-text: var(--color-eggshell);--color-mid: var(--color-grey-3);--color-mid-shade: var(--color-grey-4);--color-midnight: var(--color-grey-12);--color-midnight-shade: var(--color-grey-15);--color-eggshell: color-mix(in oklch, var(--color-grey-1) 80%, var(--color-light) 20%);--color-slate: var(--color-grey-6);--color-primary: oklch(var(--primary-l) var(--primary-c) var(--primary-h));--color-primary-text: oklch(from var(--color-primary) var(--color-primary-l-text, clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text)))) var(--color-primary-c-text, c) var(--color-primary-h-text, h));--color-primary-text-soft: color-mix(in oklch, var(--color-primary-text) 80%, black 20%);--color-primary-light: var(--color-primary-0);--color-primary-light-text: var(--color-primary-0-text);--color-primary-dark: var(--color-primary-12);--color-primary-dark-text: var(--color-primary-12-text);--color-secondary: oklch(var(--secondary-l) var(--secondary-c) var(--secondary-h));--color-secondary-text: oklch(from var(--color-secondary) var(--color-secondary-l-text, clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text)))) var(--color-secondary-c-text, c) var(--color-secondary-h-text, h));--color-secondary-text-soft: color-mix(in oklch, var(--color-secondary-text) 80%, black 20%);--color-secondary-light: var(--color-secondary-0);--color-secondary-light-text: var(--color-secondary-0-text);--color-secondary-dark: var(--color-secondary-12);--color-secondary-dark-text: var(--color-secondary-12-text);--color-accent: oklch(var(--accent-l) var(--accent-c) var(--accent-h));--color-accent-text: oklch(from var(--color-accent) var(--color-accent-l-text, clamp(var(--color-accent-lightest-text, var(--lightest-text)), (var(--color-accent-lightness, l) - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text)))) var(--color-accent-c-text, c) var(--color-accent-h-text, h));--color-accent-text-soft: color-mix(in oklch, var(--color-accent-text) 80%, black 20%);--color-accent-light: var(--color-accent-0);--color-accent-light-text: var(--color-accent-0-text);--color-accent-dark: var(--color-accent-12);--color-accent-dark-text: var(--color-accent-12-text);--color-success: oklch(var(--success-l) var(--success-c) var(--success-h));--color-warning: oklch(var(--warning-l) var(--warning-c) var(--warning-h));--color-danger: oklch(var(--danger-l) var(--danger-c) var(--danger-h));--color-dynamic: oklch(var(--color-l, var(--color-8-l)) var(--color-c, var(--color-8-c)) var(--color-hue));--color-0: var(--op-color-0);--color-grey-0: oklch(from var(--color-primary) var(--grey-0-l, var(--color-0-l)) var(--grey-0-c, calc(var(--grey-default-c, c) - 0.195)) h);--color-grey-1: oklch(from var(--color-primary) var(--grey-1-l, var(--color-1-l)) var(--grey-1-c, calc(var(--grey-default-c, c) - 0.195)) h);--color-grey-2: oklch(from var(--color-primary) var(--grey-2-l, var(--color-2-l)) var(--grey-2-c, calc(var(--grey-default-c, c) - 0.195)) h);--color-grey-3: oklch(from var(--color-primary) var(--grey-3-l, var(--color-3-l)) var(--grey-3-c, calc(var(--grey-default-c, c) - 0.195)) h);--color-grey-4: oklch(from var(--color-primary) var(--grey-4-l, var(--color-4-l)) var(--grey-4-c, calc(var(--grey-default-c, c) - 0.195)) h);--color-grey-5: oklch(from var(--color-primary) var(--grey-5-l, var(--color-5-l)) var(--grey-5-c, calc(var(--grey-default-c, c) - 0.195)) h);--color-grey-6: oklch(from var(--color-primary) var(--grey-6-l, var(--color-6-l)) var(--grey-6-c, calc(var(--grey-default-c, c) - 0.195)) h);--color-grey-7: oklch(from var(--color-primary) var(--grey-7-l, var(--color-7-l)) var(--grey-7-c, calc(var(--grey-default-c, c) - 0.195)) h);--color-grey-8: oklch(from var(--color-primary) var(--grey-8-l, var(--color-8-l)) var(--grey-8-c, calc(var(--grey-default-c, c) - 0.195)) h);--color-grey-9: oklch(from var(--color-primary) var(--grey-9-l, var(--color-9-l)) var(--grey-9-c, calc(var(--grey-default-c, c) - 0.195)) h);--color-grey-10: oklch(from var(--color-primary) var(--grey-10-l, var(--color-10-l)) var(--grey-10-c, calc(var(--grey-default-c, c) - 0.195)) h);--color-grey-11: oklch(from var(--color-primary) var(--grey-11-l, var(--color-11-l)) var(--grey-11-c, calc(var(--grey-default-c, c) - 0.195)) h);--color-grey-12: oklch(from var(--color-primary) var(--grey-12-l, var(--color-12-l)) var(--grey-12-c, calc(var(--grey-default-c, c) - 0.195)) h);--color-grey-13: oklch(from var(--color-primary) var(--grey-13-l, var(--color-13-l)) var(--grey-13-c, calc(var(--grey-default-c, c) - 0.195)) h);--color-grey-14: oklch(from var(--color-primary) var(--grey-14-l, var(--color-14-l)) var(--grey-14-c, calc(var(--grey-default-c, c) - 0.195)) h);--color-grey-15: oklch(from var(--color-primary) var(--grey-15-l, var(--color-15-l)) var(--grey-15-c, calc(var(--grey-default-c, c) - 0.195)) h);--color-primary-0: oklch(from var(--color-primary) var(--primary-0-l, var(--color-0-l)) var(--primary-0-c, var(--color-0-c, c)) h);--color-primary-1: oklch(from var(--color-primary) var(--primary-1-l, var(--color-1-l)) var(--primary-1-c, var(--color-1-c, c)) h);--color-primary-2: oklch(from var(--color-primary) var(--primary-2-l, var(--color-2-l)) var(--primary-2-c, var(--color-2-c, c)) h);--color-primary-3: oklch(from var(--color-primary) var(--primary-3-l, var(--color-3-l)) var(--primary-3-c, var(--color-3-c, c)) h);--color-primary-4: oklch(from var(--color-primary) var(--primary-4-l, var(--color-4-l)) var(--primary-4-c, var(--color-4-c, c)) h);--color-primary-5: oklch(from var(--color-primary) var(--primary-5-l, var(--color-5-l)) var(--primary-5-c, var(--color-5-c, c)) h);--color-primary-6: oklch(from var(--color-primary) var(--primary-6-l, var(--color-6-l)) var(--primary-6-c, var(--color-6-c, c)) h);--color-primary-7: oklch(from var(--color-primary) var(--primary-7-l, var(--color-7-l)) var(--primary-7-c, var(--color-7-c, c)) h);--color-primary-8: oklch(from var(--color-primary) var(--primary-8-l, var(--color-8-l)) var(--primary-8-c, var(--color-8-c, c)) h);--color-primary-9: oklch(from var(--color-primary) var(--primary-9-l, var(--color-9-l)) var(--primary-9-c, var(--color-9-c, c)) h);--color-primary-10: oklch(from var(--color-primary) var(--primary-10-l, var(--color-10-l)) var(--primary-10-c, var(--color-10-c, c)) h);--color-primary-11: oklch(from var(--color-primary) var(--primary-11-l, var(--color-11-l)) var(--primary-11-c, var(--color-11-c, c)) h);--color-primary-12: oklch(from var(--color-primary) var(--primary-12-l, var(--color-12-l)) var(--primary-12-c, var(--color-12-c, c)) h);--color-primary-13: oklch(from var(--color-primary) var(--primary-13-l, var(--color-13-l)) var(--primary-13-c, var(--color-13-c, c)) h);--color-primary-14: oklch(from var(--color-primary) var(--primary-14-l, var(--color-14-l)) var(--primary-14-c, var(--color-14-c, c)) h);--color-primary-15: oklch(from var(--color-primary) var(--primary-15-l, var(--color-15-l)) var(--primary-15-c, var(--color-15-c, c)) h);--color-secondary-0: oklch(from var(--color-secondary) var(--secondary-0-l, var(--color-0-l)) var(--secondary-0-c, var(--color-0-c, c)) h);--color-secondary-1: oklch(from var(--color-secondary) var(--secondary-1-l, var(--color-1-l)) var(--secondary-1-c, var(--color-1-c, c)) h);--color-secondary-2: oklch(from var(--color-secondary) var(--secondary-2-l, var(--color-2-l)) var(--secondary-2-c, var(--color-2-c, c)) h);--color-secondary-3: oklch(from var(--color-secondary) var(--secondary-3-l, var(--color-3-l)) var(--secondary-3-c, var(--color-3-c, c)) h);--color-secondary-4: oklch(from var(--color-secondary) var(--secondary-4-l, var(--color-4-l)) var(--secondary-4-c, var(--color-4-c, c)) h);--color-secondary-5: oklch(from var(--color-secondary) var(--secondary-5-l, var(--color-5-l)) var(--secondary-5-c, var(--color-5-c, c)) h);--color-secondary-6: oklch(from var(--color-secondary) var(--secondary-6-l, var(--color-6-l)) var(--secondary-6-c, var(--color-6-c, c)) h);--color-secondary-7: oklch(from var(--color-secondary) var(--secondary-7-l, var(--color-7-l)) var(--secondary-7-c, var(--color-7-c, c)) h);--color-secondary-8: oklch(from var(--color-secondary) var(--secondary-8-l, var(--color-8-l)) var(--secondary-8-c, var(--color-8-c, c)) h);--color-secondary-9: oklch(from var(--color-secondary) var(--secondary-9-l, var(--color-9-l)) var(--secondary-9-c, var(--color-9-c, c)) h);--color-secondary-10: oklch(from var(--color-secondary) var(--secondary-10-l, var(--color-10-l)) var(--secondary-10-c, var(--color-10-c, c)) h);--color-secondary-11: oklch(from var(--color-secondary) var(--secondary-11-l, var(--color-11-l)) var(--secondary-11-c, var(--color-11-c, c)) h);--color-secondary-12: oklch(from var(--color-secondary) var(--secondary-12-l, var(--color-12-l)) var(--secondary-12-c, var(--color-12-c)) h);--color-secondary-13: oklch(from var(--color-secondary) var(--secondary-13-l, var(--color-13-l)) var(--secondary-13-c, var(--color-13-c)) h);--color-secondary-14: oklch(from var(--color-secondary) var(--secondary-14-l, var(--color-14-l)) var(--secondary-14-c, var(--color-14-c)) h);--color-secondary-15: oklch(from var(--color-secondary) var(--secondary-15-l, var(--color-15-l)) var(--secondary-15-c, var(--color-15-c)) h);--color-accent-0: oklch(from var(--color-accent) var(--accent-0-l, var(--color-0-l)) var(--accent-0-c, var(--color-0-c, c)) h);--color-accent-1: oklch(from var(--color-accent) var(--accent-1-l, var(--color-1-l)) var(--accent-1-c, var(--color-1-c, c)) h);--color-accent-2: oklch(from var(--color-accent) var(--accent-2-l, var(--color-2-l)) var(--accent-2-c, var(--color-2-c, c)) h);--color-accent-3: oklch(from var(--color-accent) var(--accent-3-l, var(--color-3-l)) var(--accent-3-c, var(--color-3-c, c)) h);--color-accent-4: oklch(from var(--color-accent) var(--accent-4-l, var(--color-4-l)) var(--accent-4-c, var(--color-4-c, c)) h);--color-accent-5: oklch(from var(--color-accent) var(--accent-5-l, var(--color-5-l)) var(--accent-5-c, var(--color-5-c, c)) h);--color-accent-6: oklch(from var(--color-accent) var(--accent-6-l, var(--color-6-l)) var(--accent-6-c, var(--color-6-c, c)) h);--color-accent-7: oklch(from var(--color-accent) var(--accent-7-l, var(--color-7-l)) var(--accent-7-c, var(--color-7-c, c)) h);--color-accent-8: oklch(from var(--color-accent) var(--accent-8-l, var(--color-8-l)) var(--accent-8-c, var(--color-8-c, c)) h);--color-accent-9: oklch(from var(--color-accent) var(--accent-9-l, var(--color-9-l)) var(--accent-9-c, var(--color-9-c, c)) h);--color-accent-10: oklch(from var(--color-accent) var(--accent-10-l, var(--color-10-l)) var(--accent-10-c, var(--color-10-c, c)) h);--color-accent-11: oklch(from var(--color-accent) var(--accent-11-l, var(--color-11-l)) var(--accent-11-c, var(--color-11-c, c)) h);--color-accent-12: oklch(from var(--color-accent) var(--accent-12-l, var(--color-12-l)) var(--accent-12-c, var(--color-12-c)) h);--color-accent-13: oklch(from var(--color-accent) var(--accent-13-l, var(--color-13-l)) var(--accent-13-c, var(--color-13-c)) h);--color-accent-14: oklch(from var(--color-accent) var(--accent-14-l, var(--color-14-l)) var(--accent-14-c, var(--color-14-c)) h);--color-accent-15: oklch(from var(--color-accent) var(--accent-15-l, var(--color-15-l)) var(--accent-15-c, var(--color-15-c)) h);--color-success-0: oklch(from var(--color-success) var(--success-0-l, var(--color-0-l)) var(--success-0-c, var(--color-0-c, c)) h);--color-success-1: oklch(from var(--color-success) var(--success-1-l, var(--color-1-l)) var(--success-1-c, var(--color-1-c, c)) h);--color-success-2: oklch(from var(--color-success) var(--success-2-l, var(--color-2-l)) var(--success-2-c, var(--color-2-c, c)) h);--color-success-3: oklch(from var(--color-success) var(--success-3-l, var(--color-3-l)) var(--success-3-c, var(--color-3-c, c)) h);--color-success-4: oklch(from var(--color-success) var(--success-4-l, var(--color-4-l)) var(--success-4-c, var(--color-4-c, c)) h);--color-success-5: oklch(from var(--color-success) var(--success-5-l, var(--color-5-l)) var(--success-5-c, var(--color-5-c, c)) h);--color-success-6: oklch(from var(--color-success) var(--success-6-l, var(--color-6-l)) var(--success-6-c, var(--color-6-c, c)) h);--color-success-7: oklch(from var(--color-success) var(--success-7-l, var(--color-7-l)) var(--success-7-c, var(--color-7-c, c)) h);--color-success-8: oklch(from var(--color-success) var(--success-8-l, var(--color-8-l)) var(--success-8-c, var(--color-8-c, c)) h);--color-success-9: oklch(from var(--color-success) var(--success-9-l, var(--color-9-l)) var(--success-9-c, var(--color-9-c, c)) h);--color-success-10: oklch(from var(--color-success) var(--success-10-l, var(--color-10-l)) var(--success-10-c, var(--color-10-c, c)) h);--color-success-11: oklch(from var(--color-success) var(--success-11-l, var(--color-11-l)) var(--success-11-c, var(--color-11-c, c)) h);--color-success-12: oklch(from var(--color-success) var(--success-12-l, var(--color-12-l)) var(--success-12-c, var(--color-12-c)) h);--color-success-13: oklch(from var(--color-success) var(--success-13-l, var(--color-13-l)) var(--success-13-c, var(--color-13-c)) h);--color-success-14: oklch(from var(--color-success) var(--success-14-l, var(--color-14-l)) var(--success-14-c, var(--color-14-c)) h);--color-success-15: oklch(from var(--color-success) var(--success-15-l, var(--color-15-l)) var(--success-15-c, var(--color-15-c)) h);--color-warning-0: oklch(from var(--color-warning) var(--warning-0-l, var(--color-0-l)) var(--warning-0-c, var(--color-0-c, c)) h);--color-warning-1: oklch(from var(--color-warning) var(--warning-1-l, var(--color-1-l)) var(--warning-1-c, var(--color-1-c, c)) h);--color-warning-2: oklch(from var(--color-warning) var(--warning-2-l, var(--color-2-l)) var(--warning-2-c, var(--color-2-c, c)) h);--color-warning-3: oklch(from var(--color-warning) var(--warning-3-l, var(--color-3-l)) var(--warning-3-c, var(--color-3-c, c)) h);--color-warning-4: oklch(from var(--color-warning) var(--warning-4-l, var(--color-4-l)) var(--warning-4-c, var(--color-4-c, c)) h);--color-warning-5: oklch(from var(--color-warning) var(--warning-5-l, var(--color-5-l)) var(--warning-5-c, var(--color-5-c, c)) h);--color-warning-6: oklch(from var(--color-warning) var(--warning-6-l, var(--color-6-l)) var(--warning-6-c, var(--color-6-c, c)) h);--color-warning-7: oklch(from var(--color-warning) var(--warning-7-l, var(--color-7-l)) var(--warning-7-c, var(--color-7-c, c)) h);--color-warning-8: oklch(from var(--color-warning) var(--warning-8-l, var(--color-8-l)) var(--warning-8-c, var(--color-8-c, c)) h);--color-warning-9: oklch(from var(--color-warning) var(--warning-9-l, var(--color-9-l)) var(--warning-9-c, var(--color-9-c, c)) h);--color-warning-10: oklch(from var(--color-warning) var(--warning-10-l, var(--color-10-l)) var(--warning-10-c, var(--color-10-c, c)) h);--color-warning-11: oklch(from var(--color-warning) var(--warning-11-l, var(--color-11-l)) var(--warning-11-c, var(--color-11-c, c)) h);--color-warning-12: oklch(from var(--color-warning) var(--warning-12-l, var(--color-12-l)) var(--warning-12-c, var(--color-12-c)) h);--color-warning-13: oklch(from var(--color-warning) var(--warning-13-l, var(--color-13-l)) var(--warning-13-c, var(--color-13-c)) h);--color-warning-14: oklch(from var(--color-warning) var(--warning-14-l, var(--color-14-l)) var(--warning-14-c, var(--color-14-c)) h);--color-warning-15: oklch(from var(--color-warning) var(--warning-15-l, var(--color-15-l)) var(--warning-15-c, var(--color-15-c)) h);--color-danger-0: oklch(from var(--color-danger) var(--danger-0-l, var(--color-0-l)) var(--danger-0-c, var(--color-0-c, c)) h);--color-danger-1: oklch(from var(--color-danger) var(--danger-1-l, var(--color-1-l)) var(--danger-1-c, var(--color-1-c, c)) h);--color-danger-2: oklch(from var(--color-danger) var(--danger-2-l, var(--color-2-l)) var(--danger-2-c, var(--color-2-c, c)) h);--color-danger-3: oklch(from var(--color-danger) var(--danger-3-l, var(--color-3-l)) var(--danger-3-c, var(--color-3-c, c)) h);--color-danger-4: oklch(from var(--color-danger) var(--danger-4-l, var(--color-4-l)) var(--danger-4-c, var(--color-4-c, c)) h);--color-danger-5: oklch(from var(--color-danger) var(--danger-5-l, var(--color-5-l)) var(--danger-5-c, var(--color-5-c, c)) h);--color-danger-6: oklch(from var(--color-danger) var(--danger-6-l, var(--color-6-l)) var(--danger-6-c, var(--color-6-c, c)) h);--color-danger-7: oklch(from var(--color-danger) var(--danger-7-l, var(--color-7-l)) var(--danger-7-c, var(--color-7-c, c)) h);--color-danger-8: oklch(from var(--color-danger) var(--danger-8-l, var(--color-8-l)) var(--danger-8-c, var(--color-8-c, c)) h);--color-danger-9: oklch(from var(--color-danger) var(--danger-9-l, var(--color-9-l)) var(--danger-9-c, var(--color-9-c, c)) h);--color-danger-10: oklch(from var(--color-danger) var(--danger-10-l, var(--color-10-l)) var(--danger-10-c, var(--color-10-c, c)) h);--color-danger-11: oklch(from var(--color-danger) var(--danger-11-l, var(--color-11-l)) var(--danger-11-c, var(--color-11-c, c)) h);--color-danger-12: oklch(from var(--color-danger) var(--danger-12-l, var(--color-12-l)) var(--danger-12-c, var(--color-12-c)) h);--color-danger-13: oklch(from var(--color-danger) var(--danger-13-l, var(--color-13-l)) var(--danger-13-c, var(--color-13-c)) h);--color-danger-14: oklch(from var(--color-danger) var(--danger-14-l, var(--color-14-l)) var(--danger-14-c, var(--color-14-c)) h);--color-danger-15: oklch(from var(--color-danger) var(--danger-15-l, var(--color-15-l)) var(--danger-15-c, var(--color-15-c)) h);--threshold: 0.7;--lightest-text: 0.4;--darkest-text: 0.99;--color-primary-0-text: oklch(from var(--color-primary-0) clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text))) c h);--color-primary-1-text: oklch(from var(--color-primary-1) clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text))) c h);--color-primary-2-text: oklch(from var(--color-primary-2) clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text))) c h);--color-primary-3-text: oklch(from var(--color-primary-3) clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text))) c h);--color-primary-4-text: oklch(from var(--color-primary-4) clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text))) c h);--color-primary-5-text: oklch(from var(--color-primary-5) clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text))) c h);--color-primary-6-text: oklch(from var(--color-primary-6) clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text))) c h);--color-primary-7-text: oklch(from var(--color-primary-7) clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text))) c h);--color-primary-8-text: oklch(from var(--color-primary-8) clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text))) c h);--color-primary-9-text: oklch(from var(--color-primary-9) clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text))) c h);--color-primary-10-text: oklch(from var(--color-primary-10) clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text))) c h);--color-primary-11-text: oklch(from var(--color-primary-11) clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text))) c h);--color-primary-12-text: oklch(from var(--color-primary-12) clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text))) c h);--color-primary-13-text: oklch(from var(--color-primary-13) clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text))) c h);--color-primary-14-text: oklch(from var(--color-primary-14) clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text))) c h);--color-primary-15-text: oklch(from var(--color-primary-15) clamp(var(--color-primary-lightest-text, var(--lightest-text)), (l - var(--color-primary-threshold, var(--threshold))) * -100, var(--color-primary-darkest-text, var(--darkest-text))) c h);--color-secondary-0-text: oklch(from var(--color-secondary-0) clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text))) c h);--color-secondary-1-text: oklch(from var(--color-secondary-1) clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text))) c h);--color-secondary-2-text: oklch(from var(--color-secondary-2) clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text))) c h);--color-secondary-3-text: oklch(from var(--color-secondary-3) clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text))) c h);--color-secondary-4-text: oklch(from var(--color-secondary-4) clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text))) c h);--color-secondary-5-text: oklch(from var(--color-secondary-5) clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text))) c h);--color-secondary-6-text: oklch(from var(--color-secondary-6) clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text))) c h);--color-secondary-7-text: oklch(from var(--color-secondary-7) clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text))) c h);--color-secondary-8-text: oklch(from var(--color-secondary-8) clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text))) c h);--color-secondary-9-text: oklch(from var(--color-secondary-9) clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text))) c h);--color-secondary-10-text: oklch(from var(--color-secondary-10) clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text))) c h);--color-secondary-11-text: oklch(from var(--color-secondary-11) clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text))) c h);--color-secondary-12-text: oklch(from var(--color-secondary-12) clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text))) c h);--color-secondary-13-text: oklch(from var(--color-secondary-13) clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text))) c h);--color-secondary-14-text: oklch(from var(--color-secondary-14) clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text))) c h);--color-secondary-15-text: oklch(from var(--color-secondary-15) clamp(var(--color-secondary-lightest-text, var(--lightest-text)), (l - var(--color-secondary-threshold, var(--threshold))) * -100, var(--color-secondary-darkest-text, var(--darkest-text))) c h);--color-accent-0-text: oklch(from var(--color-accent-0) clamp(var(--color-accent-lightest-text, var(--lightest-text)), (l - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text))) c h);--color-accent-1-text: oklch(from var(--color-accent-1) clamp(var(--color-accent-lightest-text, var(--lightest-text)), (l - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text))) c h);--color-accent-2-text: oklch(from var(--color-accent-2) clamp(var(--color-accent-lightest-text, var(--lightest-text)), (l - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text))) c h);--color-accent-3-text: oklch(from var(--color-accent-3) clamp(var(--color-accent-lightest-text, var(--lightest-text)), (l - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text))) c h);--color-accent-4-text: oklch(from var(--color-accent-4) clamp(var(--color-accent-lightest-text, var(--lightest-text)), (l - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text))) c h);--color-accent-5-text: oklch(from var(--color-accent-5) clamp(var(--color-accent-lightest-text, var(--lightest-text)), (l - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text))) c h);--color-accent-6-text: oklch(from var(--color-accent-6) clamp(var(--color-accent-lightest-text, var(--lightest-text)), (l - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text))) c h);--color-accent-7-text: oklch(from var(--color-accent-7) clamp(var(--color-accent-lightest-text, var(--lightest-text)), (l - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text))) c h);--color-accent-8-text: oklch(from var(--color-accent-8) clamp(var(--color-accent-lightest-text, var(--lightest-text)), (l - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text))) c h);--color-accent-9-text: oklch(from var(--color-accent-9) clamp(var(--color-accent-lightest-text, var(--lightest-text)), (l - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text))) c h);--color-accent-10-text: oklch(from var(--color-accent-10) clamp(var(--color-accent-lightest-text, var(--lightest-text)), (l - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text))) c h);--color-accent-11-text: oklch(from var(--color-accent-11) clamp(var(--color-accent-lightest-text, var(--lightest-text)), (l - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text))) c h);--color-accent-12-text: oklch(from var(--color-accent-12) clamp(var(--color-accent-lightest-text, var(--lightest-text)), (l - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text))) c h);--color-accent-13-text: oklch(from var(--color-accent-13) clamp(var(--color-accent-lightest-text, var(--lightest-text)), (l - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text))) c h);--color-accent-14-text: oklch(from var(--color-accent-14) clamp(var(--color-accent-lightest-text, var(--lightest-text)), (l - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text))) c h);--color-accent-15-text: oklch(from var(--color-accent-15) clamp(var(--color-accent-lightest-text, var(--lightest-text)), (l - var(--color-accent-threshold, var(--threshold))) * -100, var(--color-accent-darkest-text, var(--darkest-text))) c h);--font-size-xxs: var(--text-xxs);--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-md: var(--text-md);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-display-xs: var(--text-display-xs);--font-size-display-sm: var(--text-display-sm);--font-size-display-md: var(--text-display-md);--font-size-display-lg: var(--text-display-lg);--font-size-display-xl: var(--text-display-xl);--font-size-display-2xl: var(--text-display-2xl);--font-size-size-inherit: inherit;--spacing-3xs: var(--space-3xs);--spacing-2xs: var(--space-2xs);--spacing-xs: var(--space-xs);--spacing-sm: var(--space-sm);--spacing-md: var(--space-md);--spacing-lg: var(--space-lg);--spacing-xl: var(--space-xl);--spacing-2xl: var(--space-2xl);--spacing-3xl: var(--space-3xl);--spacing-4xl: var(--space-4xl);--spacing-5xl: var(--space-5xl);--spacing-6xl: var(--space-6xl);--spacing-rel-0_5: 0.125em;--spacing-rel-1: 0.25em;--spacing-rel-1_5: 0.375em;--spacing-rel-2: 0.5em;--spacing-rel-2_5: 0.625em;--spacing-rel-3: 0.75em;--spacing-rel-3_5: 0.875em;--spacing-rel-4: 1em;--spacing-rel-5: 1.25em;--spacing-rel-6: 1.5em;--spacing-rel-7: 1.75em;--spacing-rel-8: 2em;--spacing-rel-9: 2.25em;--spacing-rel-10: 2.5em;--spacing-rel-11: 2.75em;--spacing-rel-12: 3em;--spacing-rel-14: 3.5em;--spacing-rel-16: 4em;--spacing-rel-20: 5em;--spacing-rel-24: 6em;--spacing-gutter: var(--spacing-md);--spacing-gutter-sm: var(--spacing-sm);--spacing-gutter-lg: var(--spacing-lg);--spacing-gutter-xl: var(--spacing-xl);--spacing-regions: var(--spacing-xl);--spacing-card-component: clamp(var(--spacing-sm), 8cqi, var(--spacing-xl));--z-50: 50;--aspect-square: 1/1;--aspect-landscape: 4/3;--aspect-portrait: 3/4;--aspect-widescreen: 16/9;--aspect-ultrawide: 18/5;--aspect-golden: 1.6180/1;}}@custom-media --motionOK (prefers-reduced-motion: no-preference);@custom-media --motionNotOK (prefers-reduced-motion: reduce);@custom-media --opacityOK (prefers-reduced-transparency: no-preference);@custom-media --opacityNotOK (prefers-reduced-transparency: reduce);@custom-media --useDataOK (prefers-reduced-data: no-preference);@custom-media --useDataNotOK (prefers-reduced-data: reduce);@custom-media --OSdark (prefers-color-scheme: dark);@custom-media --OSlight (prefers-color-scheme: light);@custom-media --highContrast (prefers-contrast: more);@custom-media --lowContrast (prefers-contrast: less);@custom-media --invertedColors (inverted-colors: inverted);@custom-media --forcedColors (forced-colors: active);@custom-media --portrait (orientation: portrait);@custom-media --landscape (orientation: landscape);@custom-media --HDcolor (dynamic-range: high) or (color-gamut: p3);@custom-media --touch (hover: none) and (pointer: coarse);@custom-media --stylus (hover: none) and (pointer: fine);@custom-media --pointer (hover) and (pointer: coarse);@custom-media --mouse (hover) and (pointer: fine);@custom-media --xxs-only (min-width: 0px) and (max-width: 239px);@custom-media --xxs-n-above (min-width: 240px);@custom-media --xxs-n-below (max-width: 239px);@custom-media --xxs-phone (--xxs-only) and (--portrait);@custom-media --xs-only (min-width: 240px) and (max-width: 359px);@custom-media --xs-n-above (min-width: 360px);@custom-media --xs-n-below (max-width: 359px);@custom-media --xs-phone (--xs-only) and (--portrait);@custom-media --sm-only (min-width: 360px) and (max-width: 479px);@custom-media --sm-n-above (min-width: 480px);@custom-media --sm-n-below (max-width: 479px);@custom-media --sm-phone (--sm-only) and (--portrait);@custom-media --md-only (min-width: 480px) and (max-width: 767px);@custom-media --md-n-above (min-width: 768px);@custom-media --md-n-below (max-width: 767px);@custom-media --md-phone (--md-only) and (--portrait);@custom-media --lg-only (min-width: 768px) and (max-width: 1023px);@custom-media --lg-n-above (min-width: 1024px);@custom-media --lg-n-below (max-width: 1023px);@custom-media --lg-phone (--lg-only) and (--portrait);@custom-media --xl-only (min-width: 1024px) and (max-width: 1439px);@custom-media --xl-n-above (min-width: 1440px);@custom-media --xl-n-below (max-width: 1439px);@custom-media --xxl-only (min-width: 1440px) and (max-width: 1919px);@custom-media --xxl-n-above (min-width: 1920px);@custom-media --xxl-n-below (max-width: 1919px);@layer purity.open-props {:where(html) {--op-gray-0-hsl: 210 17% 98%;--op-gray-1-hsl: 210 17% 95%;--op-gray-2-hsl: 210 16% 93%;--op-gray-3-hsl: 210 14% 89%;--op-gray-4-hsl: 210 14% 83%;--op-gray-5-hsl: 210 11% 71%;--op-gray-6-hsl: 210 7% 56%;--op-gray-7-hsl: 210 9% 31%;--op-gray-8-hsl: 210 10% 23%;--op-gray-9-hsl: 210 11% 15%;--op-gray-10-hsl: 214 14% 10%;--op-gray-11-hsl: 216 16% 6%;--op-gray-12-hsl: 210 40% 2%;--op-stone-1-hsl: 210 18% 96%;--op-stone-3-hsl: 192 9% 89%;--op-stone-5-hsl: 202 5% 71%;--op-jungle-0-hsl: 74 98% 84%;--op-jungle-1-hsl: 74 79% 78%;--op-jungle-2-hsl: 74 68% 71%;--op-jungle-3-hsl: 75 62% 65%;--op-jungle-4-hsl: 74 56% 59%;--op-jungle-5-hsl: 74 53% 53%;--op-jungle-6-hsl: 74 55% 47%;--op-jungle-7-hsl: 74 66% 42%;--op-jungle-8-hsl: 74 79% 36%;--op-jungle-9-hsl: 73 90% 32%;--op-jungle-10-hsl: 73 91% 26%;--op-jungle-11-hsl: 73 91% 21%;--op-jungle-12-hsl: 73 90% 16%;}}@layer purity.open-props {:where(html) {--op-red-0-oklch: oklch(99% 0.03 25);--op-red-1-oklch: oklch(95% 0.06 25);--op-red-2-oklch: oklch(88% 0.12 25);--op-red-3-oklch: oklch(80% 0.14 25);--op-red-4-oklch: oklch(74% 0.16 25);--op-red-5-oklch: oklch(68% 0.19 25);--op-red-6-oklch: oklch(63% 0.2 25);--op-red-7-oklch: oklch(58% 0.21 25);--op-red-8-oklch: oklch(53% 0.2 25);--op-red-9-oklch: oklch(49% 0.19 25);--op-red-10-oklch: oklch(42% 0.17 25);--op-red-11-oklch: oklch(35% 0.15 25);--op-red-12-oklch: oklch(27% 0.12 25);--op-color-0: oklch(99% 0.03 var(--color-hue, 0));--op-color-1: oklch(95% 0.06 var(--color-hue, 0));--op-color-2: oklch(88% 0.12 var(--color-hue, 0));--op-color-3: oklch(80% 0.14 var(--color-hue, 0));--op-color-4: oklch(74% 0.16 var(--color-hue, 0));--op-color-5: oklch(68% 0.19 var(--color-hue, 0));--op-color-6: oklch(63% 0.2 var(--color-hue, 0));--op-color-7: oklch(58% 0.21 var(--color-hue, 0));--op-color-8: oklch(53% 0.2 var(--color-hue, 0));--op-color-9: oklch(49% 0.19 var(--color-hue, 0));--op-color-10: oklch(42% 0.17 var(--color-hue, 0));--op-color-11: oklch(35% 0.15 var(--color-hue, 0));--op-color-12: oklch(27% 0.12 var(--color-hue, 0));--op-color-13: oklch(20% 0.09 var(--color-hue, 0));--op-color-14: oklch(14% 0.07 var(--color-hue, 0));--op-color-15: oklch(11% 0.05 var(--color-hue, 0));--op-color-bright: oklch(65% 0.3 var(--color-hue, 0));--op-hue-red: 25;--op-hue-pink: 350;--op-hue-purple: 310;--op-hue-violet: 290;--op-hue-indigo: 270;--op-hue-blue: 240;--op-hue-cyan: 210;--op-hue-teal: 185;--op-hue-green: 145;--op-hue-lime: 125;--op-hue-yellow: 100;--op-hue-orange: 75;}}@layer purity.open-props {:where(html) {--op-border-size-1: 1px;--op-border-size-2: 2px;--op-radius-6: 8rem;--op-radius-blob-1: 30% 70% 70% 30%/53% 30% 70% 47%;--op-radius-conditional-1: clamp(0px, (100vw - 100%) * 100000, 2px);}}@layer purity.open-props {:where(html) {--op-gradient-1: linear-gradient(to bottom right, #1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);--op-gradient-2: linear-gradient(to bottom right, #48005c, #8300e2, #a269ff);--op-gradient-3: radial-gradient(circle at top right, hsl(180, 100%, 50%), hsla(180, 100%, 50%, 0)), radial-gradient(circle at bottom left, hsl(328, 100%, 54%), hsla(328, 100%, 54%, 0));}}@layer purity.open-props {:where(html) {--op-mask-edge-scoop-bottom: radial-gradient(20px at 50% 100%, rgba(0, 0, 0, 0) 97%, #000) 50%/38px 100%;--op-mask-edge-scoop-top: radial-gradient(20px at 50% 0, rgba(0, 0, 0, 0) 97%, #000) 50%/38px 100%;--op-mask-edge-scoop-vertical: radial-gradient(20px at 50% 20px, rgba(0, 0, 0, 0) 97%, #000) 50% -20px/38px 100%;--op-mask-edge-scoop-left: radial-gradient(20px at 0 50%, rgba(0, 0, 0, 0) 97%, #000) 50%/100% 38px;--op-mask-edge-scoop-right: radial-gradient(20px at 100% 50%, rgba(0, 0, 0, 0) 97%, #000) 50%/100% 38px;--op-mask-edge-scoop-horizontal: radial-gradient(20px at 20px 50%, rgba(0, 0, 0, 0) 97%, #000) -20px/100% 38px;--op-mask-edge-scalloped: radial-gradient(farthest-side, #000 97%, rgba(0, 0, 0, 0)) 0 0/20px 20px round, linear-gradient(#000 0 0) 50%/calc(100% - 20px) calc(100% - 20px) no-repeat;--op-mask-edge-scalloped-bottom: linear-gradient(to top, rgba(0, 0, 0, 0) 20px, #000 0), radial-gradient(20px at top, #000 97%, rgba(0, 0, 0, 0)) bottom/38px 20px;--op-mask-edge-scalloped-top: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20px, #000 0), radial-gradient(20px at bottom, #000 97%, rgba(0, 0, 0, 0)) top/38px 20px;--op-mask-edge-scalloped-vertical: linear-gradient(0deg, rgba(0, 0, 0, 0) 40px, #000 0) 0 20px, radial-gradient(20px, #000 97%, rgba(0, 0, 0, 0)) 50%/38px 40px repeat space;--op-mask-edge-scalloped-left: linear-gradient(to right, rgba(0, 0, 0, 0) 20px, #000 0), radial-gradient(20px at right, #000 97%, rgba(0, 0, 0, 0)) left/20px 38px;--op-mask-edge-scalloped-right: linear-gradient(to left, rgba(0, 0, 0, 0) 20px, #000 0), radial-gradient(20px at left, #000 97%, rgba(0, 0, 0, 0)) right/20px 38px;--op-mask-edge-scalloped-horizontal: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40px, #000 0) 20px, radial-gradient(20px, #000 97%, rgba(0, 0, 0, 0)) 50%/40px 38px space repeat;--op-mask-edge-drip-bottom: radial-gradient(20px at bottom, rgba(0, 0, 0, 0) 97%, #000) 50% calc(100% - 20px)/40px 100% repeat-x, radial-gradient(20px at 25% 50%, #000 97%, rgba(0, 0, 0, 0)) calc(50% - 20px) 99%/80px 40px repeat-x;--op-mask-edge-drip-top: radial-gradient(20px at top, rgba(0, 0, 0, 0) 97%, #000) 50% 20px/40px 100% repeat-x, radial-gradient(20px at 25% 50%, #000 97%, rgba(0, 0, 0, 0)) calc(50% - 20px) 1%/80px 40px repeat-x;--op-mask-edge-drip-vertical: radial-gradient(20px at top, rgba(0, 0, 0, 0) 97%, #000) 50% 20px/40px 51% repeat-x, radial-gradient(20px at bottom, rgba(0, 0, 0, 0) 97%, #000) 50% calc(100% - 20px)/40px 51% repeat-x, radial-gradient(20px at 25% 50%, #000 97%, rgba(0, 0, 0, 0)) calc(50% - 20px) 1%/80px 40px repeat-x, radial-gradient(20px at 25% 50%, #000 97%, rgba(0, 0, 0, 0)) calc(50% - 60px) 99%/80px 40px repeat-x;--op-mask-edge-drip-left: radial-gradient(20px at left, rgba(0, 0, 0, 0) 97%, #000) 20px 50%/100% 40px repeat-y, radial-gradient(20px at 50% 25%, #000 97%, rgba(0, 0, 0, 0)) 1% calc(50% - 20px)/40px 80px repeat-y;--op-mask-edge-drip-right: radial-gradient(20px at right, rgba(0, 0, 0, 0) 97%, #000) calc(100% - 20px) 50%/100% 40px repeat-y, radial-gradient(20px at 50% 25%, #000 97%, rgba(0, 0, 0, 0)) 99% calc(50% - 20px)/40px 80px repeat-y;--op-mask-edge-drip-horizontal: radial-gradient(20px at left, rgba(0, 0, 0, 0) 97%, #000) 20px 50%/51% 40px repeat-y, radial-gradient(20px at right, rgba(0, 0, 0, 0) 97%, #000) calc(100% - 20px) 50%/51% 40px repeat-y, radial-gradient(20px at 50% 25%, #000 97%, rgba(0, 0, 0, 0)) 1% calc(50% - 20px)/40px 80px repeat-y, radial-gradient(20px at 50% 25%, #000 97%, rgba(0, 0, 0, 0)) 99% calc(50% - 60px)/40px 80px repeat-y;--op-mask-edge-zig-zag-top: conic-gradient(from 135deg at top, rgba(0, 0, 0, 0), #000 1deg 90deg, rgba(0, 0, 0, 0) 91deg) 50%/40px 100%;--op-mask-edge-zig-zag-bottom: conic-gradient(from -45deg at bottom, rgba(0, 0, 0, 0), #000 1deg 90deg, rgba(0, 0, 0, 0) 91deg) 50%/40px 100%;--op-mask-edge-zig-zag-left: conic-gradient(from 45deg at left, rgba(0, 0, 0, 0), #000 1deg 90deg, rgba(0, 0, 0, 0) 91deg) 50%/100% 40px;--op-mask-edge-zig-zag-right: conic-gradient(from -135deg at right, rgba(0, 0, 0, 0), #000 1deg 90deg, rgba(0, 0, 0, 0) 91deg) 50%/100% 40px;--op-mask-edge-zig-zag-horizontal: conic-gradient(from 45deg at left, rgba(0, 0, 0, 0), #000 1deg 90deg, rgba(0, 0, 0, 0) 91deg) left/51% 40px repeat-y, conic-gradient(from -135deg at right, rgba(0, 0, 0, 0), #000 1deg 90deg, rgba(0, 0, 0, 0) 91deg) right/51% 40px repeat-y;--op-mask-edge-zig-zag-vertical: conic-gradient(from 135deg at top, rgba(0, 0, 0, 0), #000 1deg 90deg, rgba(0, 0, 0, 0) 91deg) top/40px 51% repeat-x, conic-gradient(from -45deg at bottom, rgba(0, 0, 0, 0), #000 1deg 90deg, rgba(0, 0, 0, 0) 91deg) bottom/40px 51% repeat-x;--op-mask-corner-cut-circles-1: radial-gradient(1rem at 1rem 1rem, rgba(0, 0, 0, 0) 99%, #000) -1rem -1rem;--op-mask-corner-cut-circles-2: radial-gradient(2rem at 2rem 2rem, rgba(0, 0, 0, 0) 99%, #000) -2rem -2rem;--op-mask-corner-cut-circles-3: radial-gradient(4rem at 4rem 4rem, rgba(0, 0, 0, 0) 99%, #000) -4rem -4rem;--op-mask-corner-cut-squares-1: conic-gradient(at 2rem 2rem, #000 75%, rgba(0, 0, 0, 0) 0) -1rem -1rem;--op-mask-corner-cut-squares-2: conic-gradient(at 4rem 4rem, #000 75%, rgba(0, 0, 0, 0) 0) -2rem -2rem;--op-mask-corner-cut-squares-3: conic-gradient(at 8rem 8rem, #000 75%, rgba(0, 0, 0, 0) 0) -4rem -4rem;--op-mask-corner-cut-angles-1: conic-gradient(from -45deg at 1rem 1rem, rgba(0, 0, 0, 0) 25%, #000 0) -1rem 0/100% 51% repeat-x, conic-gradient(from 135deg at 1rem calc(100% - 1rem), rgba(0, 0, 0, 0) 25%, #000 0) -1rem 100%/100% 51% repeat-x;--op-mask-corner-cut-angles-2: conic-gradient(from -45deg at 2rem 2rem, rgba(0, 0, 0, 0) 25%, #000 0) -2rem 0/100% 51% repeat-x, conic-gradient(from 135deg at 2rem calc(100% - 2rem), rgba(0, 0, 0, 0) 25%, #000 0) -2rem 100%/100% 51% repeat-x;--op-mask-corner-cut-angles-3: conic-gradient(from -45deg at 4rem 4rem, rgba(0, 0, 0, 0) 25%, #000 0) -4rem 0/100% 51% repeat-x, conic-gradient(from 135deg at 4rem calc(100% - 4rem), rgba(0, 0, 0, 0) 25%, #000 0) -4rem 100%/100% 51% repeat-x;}}@layer purity.reset {*, *::before, *::after {box-sizing: border-box;}* {margin: 0;}body {-webkit-font-smoothing: antialiased;}img, picture, video, canvas, svg {display: block;max-width: 100%;}input, button, textarea, select {font: inherit;}p, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;}#root, #__nuxt {isolation: isolate;}}@layer purity.base {body {font-family: var(--font-family-base);font-size: var(--font-size-base);line-height: calc(var(--line-height-relative, 1em) + var(--line-height-fixed, var(--spacing-xs, 0.5rem)));background: var(--color-global-bg);color: var(--color-global-text);}}@layer purity.theme {:where(html) {--text-size-increment: 1.25;--font-size-base-px: 16;--text-frame-ratio: 2.75;--text-frame-y: 0.725em;--text-frame-x: calc(var(--text-frame-y) * var(--text-frame-ratio));--space-increment: 1.42;--unit-max: 1rem;--unit-min: var(--unit-max)/2;--unit-fluid: 1vi;--unit: clamp(var(--unit-min, 0.25rem), var(--unit-fluid, 1vi), var(--unit-max));--radius: 1rem;--line-height-relative: 1.4em;--line-height-fixed: 0.375rem;}}@layer purity.theme {:where(html) {--color-dynamic: inherit;--color-hue: var(--primary-h);--primary-l: var(--color-8-l);--primary-c: var(--color-8-c);--primary-h: var(--op-hue-pink);--secondary-l: var(--color-8-l);--secondary-c: var(--color-8-c);--secondary-h: calc(var(--primary-h) + 120);--accent-l: var(--color-8-l);--accent-c: var(--color-8-c);--accent-h: calc(var(--primary-h) + 240);--success-l: var(--color-8-l);--success-c: var(--color-8-c);--success-h: var(--op-hue-green);--warning-l: var(--color-8-l);--warning-c: var(--color-8-c);--warning-h: var(--op-hue-yellow);--danger-l: var(--color-8-l);--danger-c: var(--color-8-c);--danger-h: var(--op-hue-red);--color-0-l: 99%;--color-1-l: 95%;--color-2-l: 88%;--color-3-l: 80%;--color-4-l: 74%;--color-5-l: 68%;--color-6-l: 63%;--color-7-l: 58%;--color-8-l: 53%;--color-9-l: 49%;--color-10-l: 42%;--color-11-l: 35%;--color-12-l: 27%;--color-13-l: 20%;--color-14-l: 14%;--color-15-l: 11%;--color-0-c: 0.03;--color-1-c: 0.06;--color-2-c: 0.12;--color-3-c: 0.14;--color-4-c: 0.16;--color-5-c: 0.19;--color-6-c: 0.2;--color-7-c: 0.19;--color-8-c: 0.2;--color-9-c: 0.19;--color-10-c: 0.17;--color-11-c: 0.15;--color-12-c: 0.12;--color-13-c: 0.09;--color-14-c: 0.07;--color-15-c: 0.05;}}@layer purity.theme {:where(html) {--font-size-base: calc(var(--font-size-base-px) / 16 * 1rem);--xxs-px: calc(var(--xs-px) / var(--text-size-increment));--xs-px: calc(var(--sm-px) / var(--text-size-increment));--sm-px: calc(var(--font-size-base-px) / var(--text-size-increment));--md-px: var(--font-size-base-px);--lg-px: calc(var(--md-px) * var(--text-size-increment));--xl-px: calc(var(--lg-px) * var(--text-size-increment));--display-xs-px: calc(var(--xl-px) * var(--text-size-increment));--display-sm-px: calc(var(--display-xs-px) * var(--text-size-increment));--display-md-px: calc(var(--display-sm-px) * var(--text-size-increment));--display-lg-px: calc(var(--display-md-px) * var(--text-size-increment));--display-xl-px: calc(var(--display-lg-px) * var(--text-size-increment));--display-2xl-px: calc(var(--display-xl-px) * var(--text-size-increment));--text-xxs: calc(var(--xxs-px) / 16 * 1rem);--text-xs: calc(var(--xs-px) / 16 * 1rem);--text-sm: calc(var(--sm-px) / 16 * 1rem);--text-md: calc(var(--md-px) / 16 * 1rem);--text-lg: calc(var(--lg-px) / 16 * 1rem);--text-xl: calc(var(--xl-px) / 16 * 1rem);--text-display-xs: calc(var(--display-xs-px) / 16 * 1rem);--text-display-sm: calc(var(--display-sm-px) / 16 * 1rem);--text-display-md: calc(var(--display-md-px) / 16 * 1rem);--text-display-lg: calc(var(--display-lg-px) / 16 * 1rem);--text-display-xl: calc(var(--display-xl-px) / 16 * 1rem);--text-display-2xl: calc(var(--display-2xl-px) / 16 * 1rem);}}@layer purity.theme {:where(html) {--font-family-sans-system-ui: system-ui, sans-serif;--font-family-sans-humanist: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;--font-family-sans-geometric-humanist: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;--font-family-sans-classical-humanist: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;--font-family-sans-neo-grotesque: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;--font-family-sans-industrial: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;--font-family-sans-rounded-sans: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;--font-family-serif-transitional: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;--font-family-serif-old-style: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;--font-family-serif-slab-serif: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;--font-family-serif-antique: Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;--font-family-serif-didone: Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;--font-family-monospace-slab-serif: 'Nimbus Mono PS', 'Courier New', monospace;--font-family-monospace-code: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;--font-family-cursive-handwritten: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive;}}@layer purity.theme {:where(html) {--layout-column-min: 30ch;--layout-gap: var(--spacing-gutter);--layout-grid-min: var(--layout-column-min);--layout-grid-gap: var(--layout-gap);--layout-grid-template-columns: repeat(var(--layout-grid-auto-repeat, auto-fit), minmax(min(100%, var(--layout-grid-min)), 1fr));--flex-grid-min: var(--layout-column-min);--flex-grid-gap: var(--layout-gap);}}@layer purity.theme {:where(html) {--heading-base-font-size: 1rem;--heading-base-fs-min: 1rem;--heading-base-line-height: calc(var(--line-height-relative, 1em) + var(--line-height-fixed, var(--spacing-xs, 0.5rem)));--heading-2xl-font-size: var(--text-display-2xl);--heading-2xl-fs-min: var(--text-display-xl);--heading-2xl-fs-fluid: 1.5cqi;--heading-2xl-line-height: 1;--heading-xl-font-size: var(--text-display-xl);--heading-xl-fs-min: var(--text-display-lg);--heading-xl-fs-fluid: 1.5cqi;--heading-xl-line-height: 1;--heading-lg-font-size: var(--text-display-lg);--heading-lg-fs-min: var(--text-display-md);--heading-lg-fs-fluid: 1.5cqi;--heading-lg-line-height: 1.25;--heading-md-font-size: var(--text-display-md);--heading-md-fs-min: var(--text-display-sm);--heading-md-fs-fluid: 1cqi;--heading-md-line-height: inherit;--heading-sm-font-size: var(--text-display-sm);--heading-sm-fs-min: var(--text-display-xs);--heading-sm-fs-fluid: 1cqi;--heading-sm-line-height: inherit;--heading-xs-font-size: var(--text-display-xs);--heading-xs-fs-min: var(--text-display-xs);--heading-xs-fs-fluid: 1cqi;--heading-xs-line-height: inherit;--heading-xxs-font-size: var(--text-xl);--heading-xxs-fs-min: var(--text-xl);--heading-xxs-fs-fluid: 1cqi;--heading-xxs-line-height: inherit;--heading-font-family: var(--font-family-display, inherit);}}@layer purity.theme {:where(html) {--space-3xs: calc(var(--space-2xs) / var(--space-increment));--space-2xs: calc(var(--space-xs) / var(--space-increment));--space-xs: calc(var(--space-sm) / var(--space-increment));--space-sm: var(--unit);--space-md: calc(var(--space-sm) * var(--space-increment));--space-lg: calc(var(--space-md) * var(--space-increment));--space-xl: calc(var(--space-lg) * var(--space-increment));--space-2xl: calc(var(--space-xl) * var(--space-increment));--space-3xl: calc(var(--space-2xl) * var(--space-increment));--space-4xl: calc(var(--space-3xl) * var(--space-increment));--space-5xl: calc(var(--space-4xl) * var(--space-increment));--space-6xl: calc(var(--space-5xl) * var(--space-increment));}}@layer purity.theme {:where(html) {--max-wrapper-width: 1440px;--wrapper-padding: var(--layout-gap);--wrapper-padding-min: clamp(var(--layout-gap), 2vw, var(--layout-gap) * 2);--wrapper-inline: max(var(--wrapper-padding-min, 1rem), 50vw - var(--wrapper-width) / 2 + var(--wrapper-padding) * 2 / 2);--wrapper-width: calc(var(--max-wrapper-width) + var(--wrapper-padding) * 2);--grid-wrapper-columns: var(--start-col, var(--wrapper-inline)) var(--center-col, 1fr) var(--end-col, var(--wrapper-inline));}}@layer purity.components {:is(.heading, h1, h2, h3, h4, h5, h6) {--heading-fs-max: 1rem;font-size: var(--heading-font-size, var(--fs-max));color: var(--heading-color, var(--color-surface-text));font-weight: var(--heading-font-weight, bold);text-transform: var(--heading-text-transform, none);font-family: var(--heading-font-family, inherit);letter-spacing: var(--heading-letter-spacing, normal);line-height: var(--heading-line-height);text-wrap: balance;}:is(.heading, h1, h2, h3, h4, h5, h6).fluid {--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));}}@layer purity.util {.heading-xxs {--heading-fs-fluid-viewport: 1vi;--fs-min: var(--heading-xxs-fs-min);--fs: var(--heading-xxs-font-size);--heading-line-height: var(--heading-xxs-line-height);--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));}@supports (font-size: 1cqi) {.heading-xxs {--fs-fluid: var(--heading-xxs-fs-fluid);}}.heading-xxs.fluid-viewport {--min-font-size: var(--xl-px);--max-font-size: var(--xl-px);--viewport-from: 320;--viewport-to: 960;--viewport-unit-converter: 1vw;--fz-from: var(--font-size-from, var(--min-font-size));--fz-to: var(--font-size-to, var(--max-font-size));--fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;--fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));--font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);--min-fz-px: calc(var(--min-font-size) * 1px);--max-fz-px: calc(var(--max-font-size) * 1px);--clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));--max: var(--has-max, var(--min));--min: var(--has-min, var(--font-size));--has-max: min(var(--max-fz-px), var(--font-size));--has-min: max(var(--min-fz-px), var(--font-size));--heading-font-size: var(--clamp, var(--max));}.heading-xs {--heading-fs-fluid-viewport: 1vi;--fs-min: var(--heading-xs-fs-min);--fs: var(--heading-xs-font-size);--heading-line-height: var(--heading-xs-line-height);--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));}@supports (font-size: 1cqi) {.heading-xs {--fs-fluid: var(--heading-xs-fs-fluid);}}.heading-xs.fluid-viewport {--min-font-size: var(--display-xs-px);--max-font-size: var(--display-xs-px);--viewport-from: 320;--viewport-to: 960;--viewport-unit-converter: 1vw;--fz-from: var(--font-size-from, var(--min-font-size));--fz-to: var(--font-size-to, var(--max-font-size));--fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;--fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));--font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);--min-fz-px: calc(var(--min-font-size) * 1px);--max-fz-px: calc(var(--max-font-size) * 1px);--clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));--max: var(--has-max, var(--min));--min: var(--has-min, var(--font-size));--has-max: min(var(--max-fz-px), var(--font-size));--has-min: max(var(--min-fz-px), var(--font-size));--heading-font-size: var(--clamp, var(--max));}.heading-sm {--heading-fs-fluid-viewport: 1vi;--fs-min: var(--heading-sm-fs-min);--fs: var(--heading-sm-font-size);--heading-line-height: var(--heading-sm-line-height);--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));}@supports (font-size: 1cqi) {.heading-sm {--fs-fluid: var(--heading-sm-fs-fluid);}}.heading-sm.fluid-viewport {--min-font-size: var(--display-xs-px);--max-font-size: var(--display-sm-px);--viewport-from: 320;--viewport-to: 960;--viewport-unit-converter: 1vw;--fz-from: var(--font-size-from, var(--min-font-size));--fz-to: var(--font-size-to, var(--max-font-size));--fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;--fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));--font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);--min-fz-px: calc(var(--min-font-size) * 1px);--max-fz-px: calc(var(--max-font-size) * 1px);--clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));--max: var(--has-max, var(--min));--min: var(--has-min, var(--font-size));--has-max: min(var(--max-fz-px), var(--font-size));--has-min: max(var(--min-fz-px), var(--font-size));--heading-font-size: var(--clamp, var(--max));}.heading-md {--heading-fs-fluid-viewport: 1.5vi;--fs-min: var(--heading-md-fs-min);--fs: var(--heading-md-font-size);--heading-line-height: var(--heading-md-line-height);--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));}@supports (font-size: 1cqi) {.heading-md {--fs-fluid: var(--heading-md-fs-fluid);}}.heading-md.fluid-viewport {--min-font-size: var(--display-sm-px);--max-font-size: var(--display-md-px);--viewport-from: 320;--viewport-to: 960;--viewport-unit-converter: 1vw;--fz-from: var(--font-size-from, var(--min-font-size));--fz-to: var(--font-size-to, var(--max-font-size));--fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;--fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));--font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);--min-fz-px: calc(var(--min-font-size) * 1px);--max-fz-px: calc(var(--max-font-size) * 1px);--clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));--max: var(--has-max, var(--min));--min: var(--has-min, var(--font-size));--has-max: min(var(--max-fz-px), var(--font-size));--has-min: max(var(--min-fz-px), var(--font-size));--heading-font-size: var(--clamp, var(--max));}.heading-lg {--heading-fs-fluid-viewport: 1.5vi;--fs-min: var(--heading-lg-fs-min);--fs: var(--heading-lg-font-size);--heading-line-height: var(--heading-lg-line-height);--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));}@supports (font-size: 1cqi) {.heading-lg {--fs-fluid: var(--heading-lg-fs-fluid);}}.heading-lg.fluid-viewport {--min-font-size: var(--display-md-px);--max-font-size: var(--display-lg-px);--viewport-from: 320;--viewport-to: 960;--viewport-unit-converter: 1vw;--fz-from: var(--font-size-from, var(--min-font-size));--fz-to: var(--font-size-to, var(--max-font-size));--fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;--fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));--font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);--min-fz-px: calc(var(--min-font-size) * 1px);--max-fz-px: calc(var(--max-font-size) * 1px);--clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));--max: var(--has-max, var(--min));--min: var(--has-min, var(--font-size));--has-max: min(var(--max-fz-px), var(--font-size));--has-min: max(var(--min-fz-px), var(--font-size));--heading-font-size: var(--clamp, var(--max));}.heading-xl {--heading-fs-fluid-viewport: 1.5vi;--fs-min: var(--heading-xl-fs-min);--fs: var(--heading-xl-font-size);--heading-line-height: var(--heading-xl-line-height);--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));}@supports (font-size: 1cqi) {.heading-xl {--fs-fluid: var(--heading-xl-fs-fluid);}}.heading-xl.fluid-viewport {--min-font-size: var(--display-lg-px);--max-font-size: var(--display-xl-px);--viewport-from: 320;--viewport-to: 960;--viewport-unit-converter: 1vw;--fz-from: var(--font-size-from, var(--min-font-size));--fz-to: var(--font-size-to, var(--max-font-size));--fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;--fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));--font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);--min-fz-px: calc(var(--min-font-size) * 1px);--max-fz-px: calc(var(--max-font-size) * 1px);--clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));--max: var(--has-max, var(--min));--min: var(--has-min, var(--font-size));--has-max: min(var(--max-fz-px), var(--font-size));--has-min: max(var(--min-fz-px), var(--font-size));--heading-font-size: var(--clamp, var(--max));}.heading-2xl {--heading-font-weight: 600;--heading-text-transform: none;--heading-fs-fluid-viewport: 1.5vi;--fs-min: var(--heading-2xl-fs-min);--fs: var(--heading-2xl-font-size);--heading-line-height: var(--heading-2xl-line-height);--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));}@supports (font-size: 1cqi) {.heading-2xl {--fs-fluid: var(--heading-2xl-fs-fluid);}}.heading-2xl.fluid-viewport {--min-font-size: var(--display-xl-px);--max-font-size: var(--display-2xl-px);--viewport-from: 320;--viewport-to: 960;--viewport-unit-converter: 1vw;--fz-from: var(--font-size-from, var(--min-font-size));--fz-to: var(--font-size-to, var(--max-font-size));--fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;--fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));--font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);--min-fz-px: calc(var(--min-font-size) * 1px);--max-fz-px: calc(var(--max-font-size) * 1px);--clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));--max: var(--has-max, var(--min));--min: var(--has-min, var(--font-size));--has-max: min(var(--max-fz-px), var(--font-size));--has-min: max(var(--min-fz-px), var(--font-size));--heading-font-size: var(--clamp, var(--max));}.heading-xxs-fluid {--fs-min: var(--heading-xxs-fs-min);--fs: var(--heading-xxs-font-size);--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));font-size: var(--heading-font-size);}@supports (font-size: 1cqi) {.heading-xxs-fluid {--fs-fluid: var(--heading-xxs-fs-fluid);}}.heading-xxs-fluid.fluid-viewport {--min-font-size: var(--xl-px);--max-font-size: var(--xl-px);--viewport-from: 320;--viewport-to: 960;--viewport-unit-converter: 1vw;--fz-from: var(--font-size-from, var(--min-font-size));--fz-to: var(--font-size-to, var(--max-font-size));--fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;--fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));--font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);--min-fz-px: calc(var(--min-font-size) * 1px);--max-fz-px: calc(var(--max-font-size) * 1px);--clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));--max: var(--has-max, var(--min));--min: var(--has-min, var(--font-size));--has-max: min(var(--max-fz-px), var(--font-size));--has-min: max(var(--min-fz-px), var(--font-size));--heading-font-size: var(--clamp, var(--max));}.heading-xs-fluid {--fs-min: var(--heading-xs-fs-min);--fs: var(--heading-xs-font-size);--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));font-size: var(--heading-font-size);}@supports (font-size: 1cqi) {.heading-xs-fluid {--fs-fluid: var(--heading-xs-fs-fluid);}}.heading-xs-fluid.fluid-viewport {--min-font-size: var(--display-xs-px);--max-font-size: var(--display-xs-px);--viewport-from: 320;--viewport-to: 960;--viewport-unit-converter: 1vw;--fz-from: var(--font-size-from, var(--min-font-size));--fz-to: var(--font-size-to, var(--max-font-size));--fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;--fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));--font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);--min-fz-px: calc(var(--min-font-size) * 1px);--max-fz-px: calc(var(--max-font-size) * 1px);--clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));--max: var(--has-max, var(--min));--min: var(--has-min, var(--font-size));--has-max: min(var(--max-fz-px), var(--font-size));--has-min: max(var(--min-fz-px), var(--font-size));--heading-font-size: var(--clamp, var(--max));}.heading-sm-fluid {--fs-min: var(--heading-sm-fs-min);--fs: var(--heading-sm-font-size);--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));font-size: var(--heading-font-size);}@supports (font-size: 1cqi) {.heading-sm-fluid {--fs-fluid: var(--heading-sm-fs-fluid);}}.heading-sm-fluid.fluid-viewport {--min-font-size: var(--display-xs-px);--max-font-size: var(--display-sm-px);--viewport-from: 320;--viewport-to: 960;--viewport-unit-converter: 1vw;--fz-from: var(--font-size-from, var(--min-font-size));--fz-to: var(--font-size-to, var(--max-font-size));--fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;--fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));--font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);--min-fz-px: calc(var(--min-font-size) * 1px);--max-fz-px: calc(var(--max-font-size) * 1px);--clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));--max: var(--has-max, var(--min));--min: var(--has-min, var(--font-size));--has-max: min(var(--max-fz-px), var(--font-size));--has-min: max(var(--min-fz-px), var(--font-size));--heading-font-size: var(--clamp, var(--max));}.heading-md-fluid {--fs-min: var(--heading-md-fs-min);--fs: var(--heading-md-font-size);--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));font-size: var(--heading-font-size);}@supports (font-size: 1cqi) {.heading-md-fluid {--fs-fluid: var(--heading-md-fs-fluid);}}.heading-md-fluid.fluid-viewport {--min-font-size: var(--display-sm-px);--max-font-size: var(--display-md-px);--viewport-from: 320;--viewport-to: 960;--viewport-unit-converter: 1vw;--fz-from: var(--font-size-from, var(--min-font-size));--fz-to: var(--font-size-to, var(--max-font-size));--fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;--fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));--font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);--min-fz-px: calc(var(--min-font-size) * 1px);--max-fz-px: calc(var(--max-font-size) * 1px);--clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));--max: var(--has-max, var(--min));--min: var(--has-min, var(--font-size));--has-max: min(var(--max-fz-px), var(--font-size));--has-min: max(var(--min-fz-px), var(--font-size));--heading-font-size: var(--clamp, var(--max));}.heading-lg-fluid {--fs-min: var(--heading-lg-fs-min);--fs: var(--heading-lg-font-size);--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));font-size: var(--heading-font-size);}@supports (font-size: 1cqi) {.heading-lg-fluid {--fs-fluid: var(--heading-lg-fs-fluid);}}.heading-lg-fluid.fluid-viewport {--min-font-size: var(--display-md-px);--max-font-size: var(--display-lg-px);--viewport-from: 320;--viewport-to: 960;--viewport-unit-converter: 1vw;--fz-from: var(--font-size-from, var(--min-font-size));--fz-to: var(--font-size-to, var(--max-font-size));--fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;--fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));--font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);--min-fz-px: calc(var(--min-font-size) * 1px);--max-fz-px: calc(var(--max-font-size) * 1px);--clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));--max: var(--has-max, var(--min));--min: var(--has-min, var(--font-size));--has-max: min(var(--max-fz-px), var(--font-size));--has-min: max(var(--min-fz-px), var(--font-size));--heading-font-size: var(--clamp, var(--max));}.heading-xl-fluid {--fs-min: var(--heading-xl-fs-min);--fs: var(--heading-xl-font-size);--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));font-size: var(--heading-font-size);}@supports (font-size: 1cqi) {.heading-xl-fluid {--fs-fluid: var(--heading-xl-fs-fluid);}}.heading-xl-fluid.fluid-viewport {--min-font-size: var(--display-lg-px);--max-font-size: var(--display-xl-px);--viewport-from: 320;--viewport-to: 960;--viewport-unit-converter: 1vw;--fz-from: var(--font-size-from, var(--min-font-size));--fz-to: var(--font-size-to, var(--max-font-size));--fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;--fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));--font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);--min-fz-px: calc(var(--min-font-size) * 1px);--max-fz-px: calc(var(--max-font-size) * 1px);--clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));--max: var(--has-max, var(--min));--min: var(--has-min, var(--font-size));--has-max: min(var(--max-fz-px), var(--font-size));--has-min: max(var(--min-fz-px), var(--font-size));--heading-font-size: var(--clamp, var(--max));}.heading-2xl-fluid {--fs-min: var(--heading-2xl-fs-min);--fs: var(--heading-2xl-font-size);--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));font-size: var(--heading-font-size);}@supports (font-size: 1cqi) {.heading-2xl-fluid {--fs-fluid: var(--heading-2xl-fs-fluid);}}.heading-2xl-fluid.fluid-viewport {--min-font-size: var(--display-xl-px);--max-font-size: var(--display-2xl-px);--viewport-from: 320;--viewport-to: 960;--viewport-unit-converter: 1vw;--fz-from: var(--font-size-from, var(--min-font-size));--fz-to: var(--font-size-to, var(--max-font-size));--fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;--fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));--font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);--min-fz-px: calc(var(--min-font-size) * 1px);--max-fz-px: calc(var(--max-font-size) * 1px);--clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));--max: var(--has-max, var(--min));--min: var(--has-min, var(--font-size));--has-max: min(var(--max-fz-px), var(--font-size));--has-min: max(var(--min-fz-px), var(--font-size));--heading-font-size: var(--clamp, var(--max));}}@layer purity.components {.layout-grid {--column-count: 4;--layout-grid-min: var(--layout-column-min);--layout-grid-gap: var(--layout-gap);--layout-grid-template-columns: repeat(var(--layout-grid-auto-repeat, auto-fit), minmax(min(100%, var(--layout-grid-min)), 1fr));display: grid;grid-template-columns: var(--layout-grid-template-columns);gap: var(--layout-grid-gap);}.layout-grid.layout-grid--column-count {--column-count: 4;--breakpoint: calc(var(--layout-grid-min) * var(--column-count) + var(--layout-grid-gap) * (var(--column-count) - 1));--column-size: calc(100% / var(--column-count) - var(--layout-grid-gap));--layout-grid-template-columns: repeat( var(--layout-grid-auto-repeat, auto-fit), minmax( min( max(var(--column-size), (100% - var(--breakpoint)) * -999), 100% ), 1fr ) );}.flex-layout-grid {display: flex;flex-wrap: wrap;gap: var(--flex-grid-gap);}.flex-layout-grid > * {flex: 1 1 var(--flex-grid-min);}:is(.layout) {container: layout-container/inline-size;}:is(.layout-grid, .flex-layout-grid) > * {container: var(--grid-item-container, grid-item)/inline-size;}}@layer purity-util {.wrapper {--wrapper-inline: max(var(--wrapper-padding-min, 1rem), 50vw - var(--wrapper-width) / 2 + var(--wrapper-padding) * 2 / 2);--wrapper-padding-min: clamp(var(--layout-gap), 2vw, var(--layout-gap) * 2);--wrapper-width: calc(var(--max-wrapper-width) + var(--wrapper-padding) * 2);padding-inline: var(--wrapper-inline);}.wrapper-grid {--grid-wrapper-columns: var(--start-col, var(--wrapper-inline)) var(--center-col, 1fr) var(--end-col, var(--wrapper-inline));display: grid;grid-template-columns: var(--grid-wrapper-columns);max-width: 100vw;}}@layer purity-util {.flow > * + * {margin-block-start: var(--flow-space, max(1rem, 0.275em));}.flow > * + *:where(button:only-of-type, .btn:only-of-type, :has(> button, > .btn)) {--flow-space: var(--spacing-rel-4);}}@layer purity-util {.region + .region {padding-block-start: var(--spacing-regions);}}@layer purity-util {:where(.surface, .region, .quote, .card, .p-card, .hero) {background-color: var(--color-surface-bg);color: var(--color-surface-text);}:where(.surface, .region, .quote, .card, .p-card, .hero):is([data-surface-interact=true]):hover {background-color: var(--color-surface-bg-interact);}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=light] {--color-surface-bg: var(--color-light);--color-surface-text: var(--color-light-text);--color-surface-bg-interact: color-mix( in oklch, var(--color-surface-bg) 95%, oklch( from var(--color-surface-text) clamp( calc(var(--color-surface-bg-lightness, l) + 0.025), calc( (var(--color-surface-bg-lightness, l) - var(--threshold)) * -100 ), calc(var(--color-surface-bg-lightness, l) - 0.025) ) c h ) 5% );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=light] .btn-outline {--button-color: var(--color-surface-text);--button-color-hover: oklch( from var(--button-color) clamp( var(--lightest-text), calc((var(--button-color-lightness, l) - var(--threshold)) * -100), var(--darkest-text) ) c h );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=dark] {--color-surface-bg: var(--color-dark);--color-surface-text: var(--color-dark-text);--color-surface-bg-interact: color-mix( in oklch, var(--color-surface-bg) 95%, oklch( from var(--color-surface-text) clamp( calc(var(--color-surface-bg-lightness, l) + 0.025), calc( (var(--color-surface-bg-lightness, l) - var(--threshold)) * -100 ), calc(var(--color-surface-bg-lightness, l) - 0.025) ) c h ) 5% );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=dark] .btn-outline {--button-color: var(--color-surface-text);--button-color-hover: oklch( from var(--button-color) clamp( var(--lightest-text), calc((var(--button-color-lightness, l) - var(--threshold)) * -100), var(--darkest-text) ) c h );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=eggshell] {--color-surface-bg: var(--color-eggshell);--color-surface-text: var(--color-eggshell-text);--color-surface-bg-interact: color-mix( in oklch, var(--color-surface-bg) 95%, oklch( from var(--color-surface-text) clamp( calc(var(--color-surface-bg-lightness, l) + 0.025), calc( (var(--color-surface-bg-lightness, l) - var(--threshold)) * -100 ), calc(var(--color-surface-bg-lightness, l) - 0.025) ) c h ) 5% );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=eggshell] .btn-outline {--button-color: var(--color-surface-text);--button-color-hover: oklch( from var(--button-color) clamp( var(--lightest-text), calc((var(--button-color-lightness, l) - var(--threshold)) * -100), var(--darkest-text) ) c h );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=primary] {--color-surface-bg: var(--color-primary);--color-surface-text: var(--color-primary-text);--color-surface-bg-interact: color-mix( in oklch, var(--color-surface-bg) 95%, oklch( from var(--color-surface-text) clamp( calc(var(--color-surface-bg-lightness, l) + 0.025), calc( (var(--color-surface-bg-lightness, l) - var(--threshold)) * -100 ), calc(var(--color-surface-bg-lightness, l) - 0.025) ) c h ) 5% );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=primary] .btn-outline {--button-color: var(--color-surface-text);--button-color-hover: oklch( from var(--button-color) clamp( var(--lightest-text), calc((var(--button-color-lightness, l) - var(--threshold)) * -100), var(--darkest-text) ) c h );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=primary-light] {--color-surface-bg: var(--color-primary-light);--color-surface-text: var(--color-primary-light-text);--color-surface-bg-interact: color-mix( in oklch, var(--color-surface-bg) 95%, oklch( from var(--color-surface-text) clamp( calc(var(--color-surface-bg-lightness, l) + 0.025), calc( (var(--color-surface-bg-lightness, l) - var(--threshold)) * -100 ), calc(var(--color-surface-bg-lightness, l) - 0.025) ) c h ) 5% );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=primary-light] .btn-outline {--button-color: var(--color-surface-text);--button-color-hover: oklch( from var(--button-color) clamp( var(--lightest-text), calc((var(--button-color-lightness, l) - var(--threshold)) * -100), var(--darkest-text) ) c h );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=primary-dark] {--color-surface-bg: var(--color-primary-dark);--color-surface-text: var(--color-primary-dark-text);--color-surface-bg-interact: color-mix( in oklch, var(--color-surface-bg) 95%, oklch( from var(--color-surface-text) clamp( calc(var(--color-surface-bg-lightness, l) + 0.025), calc( (var(--color-surface-bg-lightness, l) - var(--threshold)) * -100 ), calc(var(--color-surface-bg-lightness, l) - 0.025) ) c h ) 5% );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=primary-dark] .btn-outline {--button-color: var(--color-surface-text);--button-color-hover: oklch( from var(--button-color) clamp( var(--lightest-text), calc((var(--button-color-lightness, l) - var(--threshold)) * -100), var(--darkest-text) ) c h );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=secondary] {--color-surface-bg: var(--color-secondary);--color-surface-text: var(--color-secondary-text);--color-surface-bg-interact: color-mix( in oklch, var(--color-surface-bg) 95%, oklch( from var(--color-surface-text) clamp( calc(var(--color-surface-bg-lightness, l) + 0.025), calc( (var(--color-surface-bg-lightness, l) - var(--threshold)) * -100 ), calc(var(--color-surface-bg-lightness, l) - 0.025) ) c h ) 5% );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=secondary] .btn-outline {--button-color: var(--color-surface-text);--button-color-hover: oklch( from var(--button-color) clamp( var(--lightest-text), calc((var(--button-color-lightness, l) - var(--threshold)) * -100), var(--darkest-text) ) c h );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=secondary-light] {--color-surface-bg: var(--color-secondary-light);--color-surface-text: var(--color-secondary-light-text);--color-surface-bg-interact: color-mix( in oklch, var(--color-surface-bg) 95%, oklch( from var(--color-surface-text) clamp( calc(var(--color-surface-bg-lightness, l) + 0.025), calc( (var(--color-surface-bg-lightness, l) - var(--threshold)) * -100 ), calc(var(--color-surface-bg-lightness, l) - 0.025) ) c h ) 5% );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=secondary-light] .btn-outline {--button-color: var(--color-surface-text);--button-color-hover: oklch( from var(--button-color) clamp( var(--lightest-text), calc((var(--button-color-lightness, l) - var(--threshold)) * -100), var(--darkest-text) ) c h );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=secondary-dark] {--color-surface-bg: var(--color-secondary-dark);--color-surface-text: var(--color-secondary-dark-text);--color-surface-bg-interact: color-mix( in oklch, var(--color-surface-bg) 95%, oklch( from var(--color-surface-text) clamp( calc(var(--color-surface-bg-lightness, l) + 0.025), calc( (var(--color-surface-bg-lightness, l) - var(--threshold)) * -100 ), calc(var(--color-surface-bg-lightness, l) - 0.025) ) c h ) 5% );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=secondary-dark] .btn-outline {--button-color: var(--color-surface-text);--button-color-hover: oklch( from var(--button-color) clamp( var(--lightest-text), calc((var(--button-color-lightness, l) - var(--threshold)) * -100), var(--darkest-text) ) c h );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme="accent accent-light"] {--color-surface-bg: var(--color-accent accent-light);--color-surface-text: var(--color-accent accent-light-text);--color-surface-bg-interact: color-mix( in oklch, var(--color-surface-bg) 95%, oklch( from var(--color-surface-text) clamp( calc(var(--color-surface-bg-lightness, l) + 0.025), calc( (var(--color-surface-bg-lightness, l) - var(--threshold)) * -100 ), calc(var(--color-surface-bg-lightness, l) - 0.025) ) c h ) 5% );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme="accent accent-light"] .btn-outline {--button-color: var(--color-surface-text);--button-color-hover: oklch( from var(--button-color) clamp( var(--lightest-text), calc((var(--button-color-lightness, l) - var(--threshold)) * -100), var(--darkest-text) ) c h );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=accent-dark] {--color-surface-bg: var(--color-accent-dark);--color-surface-text: var(--color-accent-dark-text);--color-surface-bg-interact: color-mix( in oklch, var(--color-surface-bg) 95%, oklch( from var(--color-surface-text) clamp( calc(var(--color-surface-bg-lightness, l) + 0.025), calc( (var(--color-surface-bg-lightness, l) - var(--threshold)) * -100 ), calc(var(--color-surface-bg-lightness, l) - 0.025) ) c h ) 5% );}:where(.surface, .region, .quote, .card, .p-card, .hero)[data-surface-theme=accent-dark] .btn-outline {--button-color: var(--color-surface-text);--button-color-hover: oklch( from var(--button-color) clamp( var(--lightest-text), calc((var(--button-color-lightness, l) - var(--threshold)) * -100), var(--darkest-text) ) c h );}}:where(html) {--root-areas: "main-header main-header main-header" "main-area main-area main-area" "main-footer main-footer main-footer";}:where(html):has(.admin-header) {--root-areas: "admin-header admin-header admin-header" "main-header main-header main-header" "main-area main-area main-area" "main-footer main-footer main-footer";}:where(html):has(.main-aside:not(:empty)) {--end-col: 0;--root-areas: "main-header main-header main-header" "inline-start-area main-area inline-end-area" "main-footer main-footer main-footer";}@layer purity.components {#__nuxt {display: grid;grid-template-areas: var(--root-areas);grid-template-columns: var(--grid-wrapper-columns);}.main-header {display: grid;grid-area: main-header;grid-template-areas: "inline-start-block-start-area block-start-area inline-end-block-start-area" "inline-start-area main-area inline-end-area" "inline-start-block-end-area block-end-area inline-end-block-end-area";grid-auto-flow: column;grid-template-columns: var(--grid-wrapper-columns);z-index: 1;}:where(.main-header__inner) > * {grid-area: main-area;}.main-header__inner {display: contents;}:where(html):has(:not(.main-aside)) .main-area {display: grid;grid-template-columns: var(--grid-wrapper-columns);}:where(html):has(:not(.main-aside)) .main-area > * {grid-column: 2/2;}.main-area {grid-area: main-area;}.main-aside {grid-area: inline-start-area;}@keyframes menu-show-from-left {0% {display: none;}1% {display: grid;transform: translateX(-100%);}100% {transform: translateX(0%);}}@keyframes menu-hide-from-left {0% {display: grid;transform: translateX(0%);}99% {display: none;}100% {transform: translateX(-100%);}}.navigation {margin-block: 0;padding: max(var(--space-xs), var(--spacing-1));display: grid;grid-template-columns: auto 1fr;gap: var(--spacing-gutter) var(--spacing-gutter-xl);align-items: center;flex: 1 1 auto;grid-area: main-area;}.navigation:has(> *:only-child) {grid-template-columns: 1fr;}.navigation:has(> *:nth-child(3):last-child) {grid-template-columns: auto 1fr auto;}.navigation[data-nav-layout=stacked] .navigation__menu {grid-column: 1/-1;}.navigation[data-nav-layout=stacked-centered] .navigation__brand {grid-column: 1/-1;justify-content: center;}.navigation[data-nav-layout=stacked-centered] .navigation__menu {grid-column: 1/-1;justify-content: center;}.navigation[data-nav-layout=centered] .navigation__menu {justify-content: center;}.navigation a:not(.btn) {text-decoration: none;padding: var(--spacing-rel-2) var(--spacing-rel-2_5);width: -moz-fit-content;width: fit-content;color: var(--color-primary);border-radius: min(var(--radius), var(--space-2xs));}.navigation a:not(.btn) span {border-bottom: 2px solid transparent;}@media (hover) and (pointer: coarse) {.navigation a:not(.btn):hover {background-color: var(--color-grey-1);}}:is(.navigation a:not(.btn)[aria-current]:not([data-hash-active=false])) span {border-bottom-color: var(--color-accent);}.navigation__brand {display: inline-flex;align-items: baseline;gap: 0.25em;font-weight: bold;font-size: 1.25rem;text-decoration: none;height: var(--main-header-logo-height, 44px);grid-row: 1/1;grid-column: 1/1;}.navigation__brand svg {width: auto;height: 100%;}.navigation__brand span {height: 1px;overflow: hidden;position: absolute;-webkit-clip-path: inset(50%);clip-path: inset(50%);font-size: inherit;line-height: 0;}.navigation__menu :is(button, a) {letter-spacing: 0.03em;font-weight: 600;color: var(--color-primary);}.navigation__menu button {z-index: 1;margin-inline: auto 0;}.navigation__menu__menu {gap: 0.5rem;position: absolute;top: 0;}.navigation__actions {display: flex;gap: 0.5rem;align-items: center;}.navigation {container: navigation/inline-size;}.navigation__menu {container: menu/inline-size;display: flex;}:where(.navigation__menu) {align-self: stretch;justify-content: flex-start;align-items: center;}.navigation__menu:has(:nth-child(6)) {--show-menu: true;}:where(ul.navigation__social-links) {display: grid;grid-auto-flow: column;place-content: center;}:where(ul.navigation__social-links) :is(li, a) {display: flex;align-items: center;}@container navigation (inline-size >= 10ch) {.navigation__brand span {height: auto;overflow: unset;position: unset;-webkit-clip-path: unset;clip-path: unset;line-height: unset;}}@container navigation (inline-size >= 90ch) {.navigation__menu button {display: none;}.navigation__menu__menu {position: relative;display: flex;--nav-menu-bg: var(--nav-menu-show-bg, transparent);}}@container navigation (10ch <= inline-size <= 90ch) {.navigation:not([data-show-menu]) .btn:where([aria-expanded=false]) + .navigation__menu__menu {display: none;animation: var(--menu-hide, menu-hide-from-left) 500ms ease-in forwards;}.navigation:not([data-show-menu]) .btn:where([aria-expanded=true]) + .navigation__menu__menu {animation: var(--menu-show, menu-show-from-left) 500ms ease-in forwards;}.navigation:not([data-show-menu]) .navigation__menu {display: contents;}.navigation:not([data-show-menu]) .navigation__menu__menu {height: 100dvh;width: 100vw;margin-inline: calc(-50vw + 50%);top: 0;display: grid;place-content: center;background: var(--nav-menu-bg, var(--nav-menu-hide-bg, var(--color-accent)));}}.main-footer {grid-area: main-footer;z-index: 1;background-color: var(--footer-bg-color, var(--color-grey-1));}:where(.main-footer__container) {display: grid;grid-auto-flow: row;grid-template-areas: "footer-row-main" "footer-row-end";row-gap: var(--spacing-2xl);}.main-footer__nav {grid-area: footer-row-main;}:where(.main-footer__nav) {margin-top: var(--spacing-lg);}.main-footer__row-end {grid-area: footer-row-end;}:where(.main-footer__row-end) {display: flex;justify-content: center;margin-bottom: var(--spacing-2xl);padding-top: var(--spacing-md);border-top: 1px solid var(--color-grey-2);font-size: var(--text-sm);}.navigation__social-links a {font-size: var(--text-xl);}}@layer purity.components {:where(.btn, button) {--button-color-hover: color-mix(in oklch, var(--button-color-hover-mix-base, var(--button-color)) var(--button-color-hover-mix-base-strength, 75%), var(--button-color-hover-mix-into, white) var(--button-color-hover-mix-into-strength, 25%));--button-bg-hover: color-mix(in oklch, var(--button-bg-hover-mix-base, var(--button-bg)) var(--button-bg-hover-mix-base-strength, 90%), var(--button-bg-hover-mix-into, black) var(--button-bg-hover-mix-into-strength, 10%));display: inline-flex;justify-content: center;align-items: center;padding: var(--button-p, var(--text-frame-y) var(--text-frame-x));border: none;background-color: var(--button-bg, var(--color-primary));border-radius: var(--button-radius, var(--radius));font-weight: var(--button-weight, 500);font-size: var(--button-font-size, inherit);cursor: pointer;color: var(--button-color, var(--color-primary-text));letter-spacing: var(--button-letter-spacing, 0.03em);--button-bg: var(--color-grey-2);--button-color: var(--color-grey-15);}:where(.btn, button):hover {color: var(--button-color-hover);background-color: var(--button-bg-hover);}:where(.btn, button):has(.icon) {gap: var(--button-icon-gap, 0.5em);}.btn-neutral {--button-bg: var(--color-grey-12);--button-color: var(--color-grey-2);}.btn-primary {--button-bg: var(--color-primary);--button-color: var(--color-primary-text);}.btn-primary.btn-link {--button-color: var(--color-primary);}.btn-secondary {--button-bg: var(--color-secondary);--button-color: var(--color-secondary-text);}.btn-accent {--button-bg: var(--color-accent);--button-color: var(--color-accent-text);}.btn-ghost {--button-bg: transparent;--button-color: var(--color-grey-15);}.btn-link {--button-bg: transparent;--button-color: var(--color-grey-15);text-decoration: underline;--button-bg-hover: transparent;--text-frame-x: 0;}.btn-circle {height: 3rem;width: 3rem;border-radius: 9999px;padding: 0;}:where(.btn, button):is(.btn-outline):not(.btn-ghost, .btn-link) {outline: 1px solid currentColor;--button-bg: transparent;--button-bg-hover: var(--button-color);--button-color: var(--color-grey-12);--button-color-hover: var(--color-grey-2);}:where(.btn, button):is(.btn-outline):not(.btn-ghost, .btn-link).btn-primary {--button-color: var(--color-primary);--button-color-hover: var(--color-primary-text);--button-bg-hover: var(--color-primary);}:where(.btn, button):is(.btn-outline):not(.btn-ghost, .btn-link).btn-secondary {--button-color: var(--color-secondary);--button-color-hover: var(--color-secondary-text);--button-bg-hover: var(--color-secondary);}:where(.btn, button):is(.btn-outline):not(.btn-ghost, .btn-link).btn-accent {--button-color: var(--color-accent);--button-color-hover: var(--color-accent-text);--button-bg-hover: var(--color-accent);}:where(.btn, button):is(.btn-outline):not(.btn-ghost, .btn-link).btn-neutral {--button-color: var(--color-grey-12);--button-color-hover: var(--color-grey-2);}}@layer purity.components {:where(.card, .p-card) {--color-surface-bg: transparent;--card-two-columns: var(--card-left-col, 1fr) var(--card-right-col, 1fr);--card-gutter-stacked: var(--spacing-gutter);grid-template-columns: var(--card-columns, 1fr);background-color: var(--card-bg, var(--color-surface-bg));position: relative;border: var(--field-border-width, 1px) solid var(--field-border-color);border-radius: var(--card-radius, var(--radius));height: 100%;gap: var(--card-gutter, var(--card-gutter-stacked));aspect-ratio: var(--card-aspect, none);display: grid;padding: var(--card-padding, 0);}:where(.card, .p-card) :is(h2, h3):not(.heading) {text-wrap: balance;}:where(.card, .p-card)[data-card-overlay-image=true] {display: grid;grid-template: 1fr/1fr;height: auto;}:where(.card, .p-card)[data-card-overlay-image=true] :is(.card-picture, .p-card-header, .card-body, .p-card-body) {height: 100%;grid-column: 1/1;grid-row: 1/1;position: relative;}:where(.card, .p-card)[data-card-overlay-image=true] .card-body, :where(.card, .p-card)[data-card-overlay-image=true] .p-card-body {z-index: 1;display: grid;justify-content: flex-start;align-content: flex-end;}:where(.card, .p-card)[data-card-overlay-image=true] .card-body .card-title, :where(.card, .p-card)[data-card-overlay-image=true] .p-card-body .card-title {container-type: normal;}:where(.card, .p-card)[data-card-overlay-backdrop][data-surface-theme=light] {--card-backdrop-color-from-color: var(--color-light);--card-backdrop-color-to-color: var(--color-light);}:where(.card, .p-card)[data-card-overlay-backdrop][data-surface-theme=dark] {--card-backdrop-color-from-color: var(--color-dark);--card-backdrop-color-to-color: var(--color-dark);}:where(.card, .p-card)[data-card-overlay-backdrop][data-surface-theme=eggshell] {--card-backdrop-color-from-color: var(--color-eggshell);--card-backdrop-color-to-color: var(--color-eggshell);}:where(.card, .p-card)[data-card-overlay-backdrop][data-surface-theme=primary] {--card-backdrop-color-from-color: var(--color-primary);--card-backdrop-color-to-color: var(--color-primary);}:where(.card, .p-card)[data-card-overlay-backdrop][data-surface-theme=primary-light] {--card-backdrop-color-from-color: var(--color-primary-light);--card-backdrop-color-to-color: var(--color-primary-light);}:where(.card, .p-card)[data-card-overlay-backdrop][data-surface-theme=primary-dark] {--card-backdrop-color-from-color: var(--color-primary-dark);--card-backdrop-color-to-color: var(--color-primary-dark);}:where(.card, .p-card)[data-card-overlay-backdrop][data-surface-theme=secondary] {--card-backdrop-color-from-color: var(--color-secondary);--card-backdrop-color-to-color: var(--color-secondary);}:where(.card, .p-card)[data-card-overlay-backdrop][data-surface-theme=secondary-light] {--card-backdrop-color-from-color: var(--color-secondary-light);--card-backdrop-color-to-color: var(--color-secondary-light);}:where(.card, .p-card)[data-card-overlay-backdrop][data-surface-theme=secondary-dark] {--card-backdrop-color-from-color: var(--color-secondary-dark);--card-backdrop-color-to-color: var(--color-secondary-dark);}:where(.card, .p-card)[data-card-overlay-backdrop][data-surface-theme="accent accent-light"] {--card-backdrop-color-from-color: var(--color-accent accent-light);--card-backdrop-color-to-color: var(--color-accent accent-light);}:where(.card, .p-card)[data-card-overlay-backdrop][data-surface-theme=accent-dark] {--card-backdrop-color-from-color: var(--color-accent-dark);--card-backdrop-color-to-color: var(--color-accent-dark);}:where(.card, .p-card)[data-card-overlay-backdrop] .card-body, :where(.card, .p-card)[data-card-overlay-backdrop] .p-card-body {isolation: isolate;}:where(.card, .p-card)[data-card-overlay-backdrop] .card-body:before, :where(.card, .p-card)[data-card-overlay-backdrop] .p-card-body:before {content: "";display: block;width: 100%;inset: 0;position: absolute;height: 100%;-o-border-image: var(--card-backdrop-fill, 0 linear-gradient(var(--card-backdrop-direction, in oklch to top), var(--card-backdrop-color-stop-from, oklch(from var(--card-backdrop-color-from-color, var(--color-light)) l c h/var(--card-backdrop-color-stop-from-opacity, 0.9)) 0%), var(--card-backdrop-color-stop-to, oklch(from var(--card-backdrop-color-to-color, var(--color-light)) l c h/var(--card-backdrop-color-stop-to-opacity, 0.15)) 100%)));border-image: var(--card-backdrop-fill, fill 0 linear-gradient(var(--card-backdrop-direction, in oklch to top), var(--card-backdrop-color-stop-from, oklch(from var(--card-backdrop-color-from-color, var(--color-light)) l c h/var(--card-backdrop-color-stop-from-opacity, 0.9)) 0%), var(--card-backdrop-color-stop-to, oklch(from var(--card-backdrop-color-to-color, var(--color-light)) l c h/var(--card-backdrop-color-stop-to-opacity, 0.15)) 100%)));z-index: -1;}:where(.card, .p-card)[data-card-overlay-backdrop][data-card-overlay-backdrop-direction-row=linear-to-top] {--card-backdrop-direction: in oklch to top;}:where(.card, .p-card)[data-card-overlay-backdrop][data-card-overlay-backdrop-direction-row=linear-to-right] {--card-backdrop-direction: in oklch to right;}:where(.card, .p-card)[data-card-overlay-backdrop][data-card-overlay-backdrop-direction-row=linear-to-bottom] {--card-backdrop-direction: in oklch to bottom;}:where(.card, .p-card)[data-card-overlay-backdrop][data-card-overlay-backdrop-direction-row=linear-to-left] {--card-backdrop-direction: in oklch to left;}:where(.card, .p-card)[data-card-overlay-backdrop][data-card-overlay-backdrop-direction-row=uniform] {--card-backdrop-color-stop-from-opacity: 0.45;--card-backdrop-color-stop-to-opacity: 0.45;}:where(.card, .p-card) :is(.btn, button):focus-visible {--outline-color: transparent;}:where(.card, .p-card) :is(.btn, button):only-of-type::before {content: "";position: absolute;inset: 0;}:where(.card, .p-card)[data-card-clip=true]:is([data-surface-theme], [class*=bg-], [data-card-overlay-image]) {overflow: clip;}:where(.card, .p-card):not([class*=card--side]) {grid-auto-flow: column;align-items: flex-start;justify-content: start;aspect-ratio: unset;}:where(.card, .p-card):not([class*=card--side]):has(.card-picture, .p-card-header) {grid-auto-flow: row;grid-auto-rows: auto;}:where(.card, .p-card):is([data-card-row-justify=start]) {justify-content: start;}:where(.card, .p-card):is([data-card-row-justify=center]) {justify-content: center;}:where(.card, .p-card):is([data-card-row-justify=end]) {justify-content: end;}:where(.card, .p-card):is([data-card-row-justify=stretch]) {justify-content: stretch;}:where(.card, .p-card):is([data-card-row-justify=space-between]) {justify-content: space-between;}:where(.card, .p-card):is([data-card-row-justify=space-around]) {justify-content: space-around;}:where(.card, .p-card):is([data-card-row-justify=space-evenly]) {justify-content: space-evenly;}:where(.card, .p-card):is([data-card-row-justify=safe]) {justify-content: safe center;}:where(.card, .p-card):is([data-card-row-justify=unsafe]) {justify-content: unsafe center;}:where(.card, .p-card):is([data-card-row-align=start]) {align-items: start;}:where(.card, .p-card):is([data-card-row-align=center]) {align-items: center;}:where(.card, .p-card):is([data-card-row-align=end]) {align-items: end;}:where(.card, .p-card):is([data-card-row-align=stretch]) {align-items: stretch;}:where(.card, .p-card):is([data-card-row-align=baseline]) {align-items: baseline;}:where(.card, .p-card):is([data-card-row-align=first]) {align-items: first baseline;}:where(.card, .p-card):is([data-card-row-align=last]) {align-items: last baseline;}:where(.card, .p-card):is([data-card-row-align=safe]) {align-items: safe center;}:where(.card, .p-card):is([data-card-row-align=unsafe]) {align-items: unsafe center;}:where(.card, .p-card):is([data-card-row-align=self-start]) {align-self: start;}:where(.card, .p-card):is([data-card-row-align=self-center]) {align-self: center;}:where(.card, .p-card):is([data-card-row-align=self-end]) {align-self: end;}:where(.card, .p-card):is([data-card-row-align=self-stretch]) {align-self: stretch;}:where(.card, .p-card):is([data-card-row-align=self-baseline]) {align-self: baseline;}:where(.card, .p-card):is([data-card-row-align=self-first]) {align-self: first baseline;}:where(.card, .p-card):is([data-card-row-align=self-last]) {align-self: last baseline;}:where(.card, .p-card):is([data-card-row-align=self-safe]) {align-self: safe center;}:where(.card, .p-card):is([data-card-row-align=self-unsafe]) {align-self: unsafe center;}:where(.card, .p-card):is([data-card-row-align=self-auto]) {align-self: auto;}:where(.card, .p-card):is([data-card-row-align=self-normal]) {align-self: normal;}:where(.card, .p-card):is([data-card-row-text-align=start]) .card-body {text-align: start;}:where(.card, .p-card):is([data-card-row-text-align=center]) .card-body {text-align: center;}:where(.card, .p-card):is([data-card-row-text-align=end]) .card-body {text-align: end;}:where(.card-title, .p-card-title) {--heading-fs-max: 1rem;font-size: var(--heading-font-size, var(--fs-max));color: var(--heading-color, var(--color-surface-text));font-weight: var(--heading-font-weight, bold);text-transform: var(--heading-text-transform, none);font-family: var(--heading-font-family, inherit);letter-spacing: var(--heading-letter-spacing, normal);line-height: var(--heading-line-height);text-wrap: balance;--heading-fs-fluid-viewport: 1vi;--fs-min: var(--heading-xs-fs-min);--fs: var(--heading-xs-font-size);--heading-line-height: var(--heading-xs-line-height);--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));display: block;}:where(.card-title, .p-card-title).fluid {--heading-font-size: min(var(--fs), calc(var(--fs-min) + var(--fs-fluid, 3vw)));}@supports (font-size: 1cqi) {:where(.card-title, .p-card-title) {--fs-fluid: var(--heading-xs-fs-fluid);}}:where(.card-title, .p-card-title).fluid-viewport {--min-font-size: var(--display-xs-px);--max-font-size: var(--display-xs-px);--viewport-from: 320;--viewport-to: 960;--viewport-unit-converter: 1vw;--fz-from: var(--font-size-from, var(--min-font-size));--fz-to: var(--font-size-to, var(--max-font-size));--fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;--fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));--font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);--min-fz-px: calc(var(--min-font-size) * 1px);--max-fz-px: calc(var(--max-font-size) * 1px);--clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));--max: var(--has-max, var(--min));--min: var(--has-min, var(--font-size));--has-max: min(var(--max-fz-px), var(--font-size));--has-min: max(var(--min-fz-px), var(--font-size));--heading-font-size: var(--clamp, var(--max));}:where(.card-subtitle, .p-card-subtitle) {font-size: var(--subtitle-font-size, inherit);color: var(--subtitle-color, var(--color-global-text));font-family: var(--subtitle-font-family, inherit);line-height: var(--subtitle-line-height, inherit);text-wrap: balance;letter-spacing: var(--subtitle-letter-spacing, normal);--flow-space: var(--spacing-rel-4);display: block;}:where(.card-picture, .p-card-header) {align-self: stretch;display: flex;justify-content: center;}:where(.card-picture, .p-card-header)[data-card-picture-aspect-row=auto] {--card-aspect: auto;}:where(.card-picture, .p-card-header)[data-card-picture-aspect-row=landscape] {--card-aspect: var(--aspect-landscape);}:where(.card-picture, .p-card-header)[data-card-picture-aspect-row=square] {--card-aspect: var(--aspect-square);}:where(.card-picture, .p-card-header)[data-card-picture-aspect-row=portrait] {--card-aspect: var(--aspect-portrait);}:where(.card-picture, .p-card-header)[data-card-picture-aspect-row=widescreen] {--card-aspect: var(--aspect-widescreen);}:where(.card-picture, .p-card-header)[data-card-picture-aspect-row=ultrawide] {--card-aspect: var(--aspect-ultrawide);}:where(.card-picture, .p-card-header)[data-card-picture-aspect-row=golden] {--card-aspect: var(--aspect-golden);}:where(.card-picture, .p-card-header):is([data-card-picture-mask-row], [data-card-picture-mask-column]) {-webkit-mask-image: var(--card-image-mask, none);mask-image: var(--card-image-mask, none);}:where(.card-picture, .p-card-header)[data-card-picture-mask-row=linear-to-top] {--card-image-mask: linear-gradient(to top, var(--card-image-mask-color-from, oklch(from var(--color-dark) l c h/1) 0%), var(--card-image-mask-color-to, oklch(from var(--color-dark) l c h/0) 70%));}:where(.card-picture, .p-card-header)[data-card-picture-mask-row=linear-to-right] {--card-image-mask: linear-gradient(to right, var(--card-image-mask-color-from, oklch(from var(--color-dark) l c h/1) 0%), var(--card-image-mask-color-to, oklch(from var(--color-dark) l c h/0) 70%));}:where(.card-picture, .p-card-header)[data-card-picture-mask-row=linear-to-bottom] {--card-image-mask: linear-gradient(to bottom, var(--card-image-mask-color-from, oklch(from var(--color-dark) l c h/1) 0%), var(--card-image-mask-color-to, oklch(from var(--color-dark) l c h/0) 70%));}:where(.card-picture, .p-card-header)[data-card-picture-mask-row=linear-to-left] {--card-image-mask: linear-gradient(to left, var(--card-image-mask-color-from, oklch(from var(--color-dark) l c h/1) 0%), var(--card-image-mask-color-to, oklch(from var(--color-dark) l c h/0) 70%));}:where(.card-picture, .p-card-header) img {aspect-ratio: var(--card-aspect, var(--aspect-landscape));height: 100%;-o-object-fit: cover;object-fit: cover;}:where(.card-picture, .p-card-header):empty {display: none;}:where(.card-body, .p-card-body, .card-caption, .p-card-caption, .card-content, .p-card-content, .card-footer, .p-card-footer) > * + * {margin-block-start: var(--flow-space, max(1rem, 0.275em));}:where(.card-body, .p-card-body, .card-caption, .p-card-caption, .card-content, .p-card-content, .card-footer, .p-card-footer) > * + *:where(button:only-of-type, .btn:only-of-type, :has(> button, > .btn)) {--flow-space: var(--spacing-rel-4);}:where(.card-body, .p-card-body) {padding: var(--card-body-padding, 0);display: block;}:where(.card, .p-card):is([class*=bg-], [data-surface-theme], [class*="--color-surface-bg"], [data-card-overlay-image]) {--card-body-padding: var(--spacing-card-component);}:where(.card, .p-card):is([class*=bg-], [data-surface-theme], [class*="--color-surface-bg"], [data-card-overlay-image]):focus-within {outline: 3px solid var(--color-surface-bg-interact);outline-offset: -6px;}:where(.card, .p-card):is([class*=bg-], [data-surface-theme], [class*="--color-surface-bg"]):is(.card--stacked):has(:where(.card-picture, .p-card-header:not(.hidden, [class*=order-])) + :where(.card-body, .p-card-body)) :where(.card-body, .p-card-body) {padding-block-start: 0;}@container (inline-size <= 80ch) {:where(.card, .p-card):is([class*=bg-], [data-surface-theme], [class*="--color-surface-bg"]):not(:is(.card--side, [data-card-reverse-order-row=true])):has(:where(:is(.card-picture, .p-card-header:not(.hidden, [class*=order-])):not(:empty) + :is(.card-body, .p-card-body))) :where(.card-body, .p-card-body) {padding-block-start: 0;}:where(.card, .p-card):not([class*=card--side]):has(.card-picture, .p-card-header) {grid-auto-rows: auto;}:where(.card, .p-card):is([data-card-reverse-order-row=true]) .card-picture, :where(.card, .p-card):is([data-card-reverse-order-row=true]) .p-card-header {order: 2;}}@container (inline-size > 80ch) {:where(.card, .p-card) {--card-gutter: var(--card-gutter-cols-gutter, var(--spacing-gutter-xl));max-width: 100%;}:where(.card, .p-card):where([data-card-column-justify]) .card-body {display: flex;flex-wrap: wrap;}:where(.card, .p-card):where([data-card-column-justify]) .card-body > :is(.card-caption, .card-content, .card-footer) {flex: 1 1 100%;}:where(.card, .p-card):is([data-card-column-justify=start]) .card-body {justify-content: start;}:where(.card, .p-card):is([data-card-column-justify=center]) .card-body {justify-content: center;}:where(.card, .p-card):is([data-card-column-justify=end]) .card-body {justify-content: end;}:where(.card, .p-card):is([data-card-column-justify=stretch]) .card-body {justify-content: stretch;}:where(.card, .p-card):is([data-card-column-justify=space-between]) .card-body {justify-content: space-between;}:where(.card, .p-card):is([data-card-column-justify=space-around]) .card-body {justify-content: space-around;}:where(.card, .p-card):is([data-card-column-justify=space-evenly]) .card-body {justify-content: space-evenly;}:where(.card, .p-card):is([data-card-column-justify=safe]) .card-body {justify-content: safe center;}:where(.card, .p-card):is([data-card-column-justify=unsafe]) .card-body {justify-content: unsafe center;}:where(.card, .p-card):is([data-card-column-align=start]) {align-items: start;}:where(.card, .p-card):is([data-card-column-align=center]) {align-items: center;}:where(.card, .p-card):is([data-card-column-align=end]) {align-items: end;}:where(.card, .p-card):is([data-card-column-align=stretch]) {align-items: stretch;}:where(.card, .p-card):is([data-card-column-align=baseline]) {align-items: baseline;}:where(.card, .p-card):is([data-card-column-align=first]) {align-items: first baseline;}:where(.card, .p-card):is([data-card-column-align=last]) {align-items: last baseline;}:where(.card, .p-card):is([data-card-column-align=safe]) {align-items: safe center;}:where(.card, .p-card):is([data-card-column-align=unsafe]) {align-items: unsafe center;}:where(.card, .p-card):is([data-card-column-align=self-start]) {align-self: start;}:where(.card, .p-card):is([data-card-column-align=self-center]) {align-self: center;}:where(.card, .p-card):is([data-card-column-align=self-end]) {align-self: end;}:where(.card, .p-card):is([data-card-column-align=self-stretch]) {align-self: stretch;}:where(.card, .p-card):is([data-card-column-align=self-baseline]) {align-self: baseline;}:where(.card, .p-card):is([data-card-column-align=self-first]) {align-self: first baseline;}:where(.card, .p-card):is([data-card-column-align=self-last]) {align-self: last baseline;}:where(.card, .p-card):is([data-card-column-align=self-safe]) {align-self: safe center;}:where(.card, .p-card) :is([data-card-column-align=self-unsafe]) {align-self: unsafe center;}:where(.card, .p-card) :is([data-card-column-align=self-auto]) {align-self: auto;}:where(.card, .p-card) :is([data-card-column-align=self-normal]) {align-self: normal;}:where(.card, .p-card):is([data-card-column-text-align=start]) .card-body {text-align: start;}:where(.card, .p-card):is([data-card-column-text-align=center]) .card-body {text-align: center;}:where(.card, .p-card):is([data-card-column-text-align=end]) .card-body {text-align: end;}:where(.card, .p-card)[data-card-overlay-backdrop][data-card-overlay-backdrop-direction-column=linear-to-top] {--card-backdrop-direction: in oklch to top;}:where(.card, .p-card)[data-card-overlay-backdrop][data-card-overlay-backdrop-direction-column=linear-to-right] {--card-backdrop-direction: in oklch to right;}:where(.card, .p-card)[data-card-overlay-backdrop][data-card-overlay-backdrop-direction-column=linear-to-bottom] {--card-backdrop-direction: in oklch to bottom;}:where(.card, .p-card)[data-card-overlay-backdrop][data-card-overlay-backdrop-direction-column=linear-to-left] {--card-backdrop-direction: in oklch to left;}:where(.card, .p-card)[data-card-overlay-backdrop][data-card-overlay-backdrop-direction-column=uniform] {--card-backdrop-color-stop-from-opacity: 0.45;--card-backdrop-color-stop-to-opacity: 0.45;}:where(.card-picture, .p-card-header)[data-card-picture-aspect-column] {--card-aspect: var(--card-aspect-cols, auto);}:where(.card-picture, .p-card-header)[data-card-picture-aspect-column=auto] {--card-aspect-cols: auto;}:where(.card-picture, .p-card-header)[data-card-picture-aspect-column=landscape] {--card-aspect-cols: var(--aspect-landscape);}:where(.card-picture, .p-card-header)[data-card-picture-aspect-column=square] {--card-aspect-cols: var(--aspect-square);}:where(.card-picture, .p-card-header)[data-card-picture-aspect-column=portrait] {--card-aspect-cols: var(--aspect-portrait);}:where(.card-picture, .p-card-header)[data-card-picture-aspect-column=widescreen] {--card-aspect-cols: var(--aspect-widescreen);}:where(.card-picture, .p-card-header)[data-card-picture-aspect-column=ultrawide] {--card-aspect-cols: var(--aspect-ultrawide);}:where(.card-picture, .p-card-header)[data-card-picture-aspect-column=golden] {--card-aspect-cols: var(--aspect-golden);}:where(.card-picture, .p-card-header)[data-card-picture-mask-column] {--card-image-mask: var(--card-image-mask-column, none);}:where(.card-picture, .p-card-header)[data-card-picture-mask-column=linear-to-top] {--card-image-mask-column: linear-gradient(to top, var(--card-image-mask-color-from, oklch(from var(--color-dark) l c h/1) 0%), var(--card-image-mask-color-to, oklch(from var(--color-dark) l c h/0) 70%));}:where(.card-picture, .p-card-header)[data-card-picture-mask-column=linear-to-right] {--card-image-mask-column: linear-gradient(to right, var(--card-image-mask-color-from, oklch(from var(--color-dark) l c h/1) 0%), var(--card-image-mask-color-to, oklch(from var(--color-dark) l c h/0) 70%));}:where(.card-picture, .p-card-header)[data-card-picture-mask-column=linear-to-bottom] {--card-image-mask-column: linear-gradient(to bottom, var(--card-image-mask-color-from, oklch(from var(--color-dark) l c h/1) 0%), var(--card-image-mask-color-to, oklch(from var(--color-dark) l c h/0) 70%));}:where(.card-picture, .p-card-header)[data-card-picture-mask-column=linear-to-left] {--card-image-mask-column: linear-gradient(to left, var(--card-image-mask-color-from, oklch(from var(--color-dark) l c h/1) 0%), var(--card-image-mask-color-to, oklch(from var(--color-dark) l c h/0) 70%));}}@container (inline-size > 35ch);:where(.card, .p-card):is([class*=card--side]):has(.card-picture, .p-card-header) {--card-columns: var(--card-two-columns);--card-gap: calc(var(--card-p) * 2);grid-auto-flow: column;}:where(.card, .p-card):is([class*=card--side]):is([data-card-reverse-order-column=true]) .card-body {padding-inline-end: 0;}:where(.card, .p-card):is([class*=card--side]):not([data-card-reverse-order-column=true], :has(:where(.card-body, .p-card-body) + :where(.card-picture, .p-card-header))) .card-body {padding-inline-start: 0;}:where(.card, .p-card):is([class*=card--side]):has(.card-picture:is(empty)) {--card-columns: 1fr;}:where(.card, .p-card):is([class*=card--side]):has(.p-card-header:is(empty)) {--card-columns: 1fr;}:where(.card, .p-card):is([class*=card--side]):has(:is(.card-picture, .p-card-header):first-child + :is(.card-body, .p-card-body)) {--card-left-col: 0.6fr;--card-right-col: 0.4fr;}:where(.card, .p-card):is([class*=card--side]):has(:is(.card-picture, .p-card-header):is([data-card-picture-aspect-column=square]):first-child + :is(.card-body, .p-card-body)) {--card-left-col: 0.5fr;--card-right-col: 0.5fr;}:where(.card, .p-card):is([class*=card--side]):has(:is(.card-body, .p-card-body):first-child + :is(.card-picture, .p-card-header)) {--card-left-col: 0.4fr;--card-right-col: 0.6fr;}:where(.card, .p-card):is([class*=card--side]):has(:is(.card-body, .p-card-body):first-child + :is(.card-picture, .p-card-header):is([data-card-picture-aspect-column=square])) {--card-left-col: 0.5fr;--card-right-col: 0.5fr;}@container (inline-size > 80ch) {:where(.card, .p-card):not([class*=card--side]):has(.card-picture, .p-card-header) {--card-columns: var(--card-two-columns);--card-gap: calc(var(--card-p) * 2);grid-auto-flow: column;}:where(.card, .p-card):not([class*=card--side]):has(.card-picture:is(:empty)) {--card-columns: 1fr;}:where(.card, .p-card):not([class*=card--side]):has(.p-card-header:is(:empty)) {--card-columns: 1fr;}:where(.card, .p-card):not([class*=card--side]):has(:is(.card-picture, .p-card-header):first-child + :is(.card-body, .p-card-body)) {--card-left-col: 0.6fr;--card-right-col: 0.4fr;}:where(.card, .p-card):not([class*=card--side]):has(:is(.card-picture, .p-card-header):is([data-card-picture-aspect-column=square]):first-child + :is(.card-body, .p-card-body)) {--card-left-col: 0.5fr;--card-right-col: 0.5fr;}:where(.card, .p-card):not([class*=card--side]):has(:is(.card-body, .p-card-body):first-child + :is(.card-picture, .p-card-header)) {--card-left-col: 0.4fr;--card-right-col: 0.6fr;}:where(.card, .p-card):not([class*=card--side]):has(:is(.card-body, .p-card-body):first-child + :is(.card-picture, .p-card-header):is([data-card-picture-aspect-column=square])) {--card-left-col: 0.5fr;--card-right-col: 0.5fr;}:where(.card-picture, .p-card-header) {order: initial;}:where(.card, .p-card):is([data-card-reverse-order-column=true]) .card-picture, :where(.card, .p-card):is([data-card-reverse-order-column=true]) .p-card-header {order: 2;}:where(.card, .p-card):has([data-card-reverse-order-column=true], :is(.card-picture, .p-card-header) + :is(.card-body, .p-card-body)) :where(.card-body, .p-card-body) {padding-inline-start: 0;}:where(.card, .p-card):has(:is(.card-body, .p-card-body) + :is(.card-picture, .p-card-header)) :where(.card-body, .p-card-body) {padding-inline-end: 0;}}:is(.card, .p-card).card--stacked {--card-columns: 1fr;--card-gutter: var(--card-gutter-stacked);grid-auto-flow: row;}:where(.card-footer, .p-card-footer) {max-width: -moz-max-content;max-width: max-content;}@container (inline-size > 80ch) {:where([data-slice-variation=cardRow8], [data-slice-variation=cardRow9], [data-slice-variation=cardRow10], [data-slice-variation=cardRow11], [data-slice-variation=cardRow13], [data-slice-variation=cardRow14], [data-slice-variation=cardRow16], [data-slice-variation=cardRow17], [data-slice-variation=cardRow18]) .layout-grid {grid-auto-flow: dense;}}@container (inline-size > 80ch) {:where([data-slice-variation=cardRow8], [data-slice-variation=cardRow10]) .layout-grid > div:nth-child(6n+2) {grid-row: span 2;}:where([data-slice-variation=cardRow8], [data-slice-variation=cardRow10]) .layout-grid > div:nth-child(6n+5) {grid-column: 2/2;grid-row: span 2;}}@container (inline-size > 80ch) {:where([data-slice-variation=cardRow9], [data-slice-variation=cardRow11]) .layout-grid > div:nth-child(6n+1) {grid-row: span 2;}:where([data-slice-variation=cardRow9], [data-slice-variation=cardRow11]) .layout-grid > div:nth-child(6n+4) {grid-column: 2/2;grid-row: span 2;}}@container (inline-size > 80ch) {:where([data-slice-variation=cardRow12], [data-slice-variation=cardRow14], [data-slice-variation=cardRow16]) .layout-grid > div:nth-child(6n+1) {grid-column: span 2;}}@container (inline-size > 80ch) {[data-slice-variation=cardRow13] .layout-grid > div:nth-child(6n+3) {grid-column: span 2;}}@container (inline-size > 80ch) {[data-slice-variation=cardRow17] .layout-grid > div:nth-child(6n+1) {grid-column: span 2;grid-row: span 2;}}@container (inline-size > 80ch) {[data-slice-variation=cardRow18] .layout-grid > div:nth-child(5) {grid-row: -1/span 2;grid-column: -3/span 2;}[data-slice-variation=cardRow18] .layout-grid > div:nth-child(5n+1), [data-slice-variation=cardRow18] .layout-grid > div:nth-child(5n+2), [data-slice-variation=cardRow18] .layout-grid > div:nth-child(5n+3), [data-slice-variation=cardRow18] .layout-grid > div:nth-child(5n+4) {grid-column: auto;grid-row: auto;}[data-slice-variation=cardRow18] .layout-grid > div:nth-child(10n+6) {grid-column: 1/span 2;grid-row: span 2;}[data-slice-variation=cardRow18] .layout-grid > div:nth-child(10n+7) {grid-row: 5/span 2;grid-column: -3/span 2;}}}@layer purity.components {:where(.c-header-main).fixed + main .hero-content__text {padding-block-start: calc(var(--header-min-h) + var(--layout-gap));}:where(.c-header-main).fixed + main .hero--min-h-screen {--hero-min-h: min(1000px, 100dvb);}.hero--min-h-screen {--hero-min-h: min(1000px, calc(100dvb - var(--header-min-h)));}.hero--full-overlay {grid: 1fr/1fr;}.hero--full-overlay .hero-content {display: grid;grid: 1fr/1fr;}.hero--full-overlay :is(.hero__container, .hero__content, .hero-content__text, .hero-content__image) {grid-column: 1/1;grid-row: 1/1;}.hero--full-overlay .hero-content__text {z-index: 1;width: 100%;height: 100%;}.hero--full-overlay .hero-content__image {width: 100vw;margin-inline: calc(-50vw + 50%);position: absolute;height: 100%;max-height: 100%;}.hero--full-overlay .hero-content__image img {width: 100%;}.hero--full-overlay.is-overlay .hero-content__image {isolation: isolate;}.hero--full-overlay.is-overlay .hero-content__image:before {content: "";display: block;width: 100%;inset: 0;position: absolute;height: 100%;-o-border-image: var(--card-backdrop-fill, 0 linear-gradient(var(--card-backdrop-direction, in oklch to top), var(--card-backdrop-color-stop-from, oklch(from var(--card-backdrop-color-from-color, var(--color-light)) l c h/var(--card-backdrop-color-stop-from-opacity, 0.9)) 0%), var(--card-backdrop-color-stop-to, oklch(from var(--card-backdrop-color-to-color, var(--color-light)) l c h/var(--card-backdrop-color-stop-to-opacity, 0.15)) 100%)));border-image: var(--card-backdrop-fill, fill 0 linear-gradient(var(--card-backdrop-direction, in oklch to top), var(--card-backdrop-color-stop-from, oklch(from var(--card-backdrop-color-from-color, var(--color-light)) l c h/var(--card-backdrop-color-stop-from-opacity, 0.9)) 0%), var(--card-backdrop-color-stop-to, oklch(from var(--card-backdrop-color-to-color, var(--color-light)) l c h/var(--card-backdrop-color-stop-to-opacity, 0.15)) 100%)));z-index: -1;}:where(.hero--full-overlay) .hero-content__text {text-align: center;}:where(.hero--full-overlay) *:has(> .button) {justify-content: center;}.hero--top-down .hero-content__container {flex-direction: column;flex-wrap: nowrap;}.hero--top-down .hero-content {--layout-column-min: 100%;}.hero--top-down .hero-content__text {container: none;flex-grow: 1;padding-block-start: calc(var(--layout-gap) * 2);}.hero--top-down .hero-content__text:has(+ *) {padding-block-end: 0;}.hero--top-down .hero-content__text:has(+ *) {padding-block-end: 0;}:where(.hero--top-down) .hero-content__text {text-align: center;}:where(.hero--top-down) *:has(> .button) {justify-content: center;}.hero {display: grid;position: relative;aspect-ratio: var(--hero-aspect, 16 / 7);background-color: var(--hero-bg, var(--color-surface-bg));}.hero .navigation__brand {font-size: 4rem;}.hero .navigation__brand span {all: unset;}.hero__container {height: 100%;}.hero-content {position: relative;}:is(.hero, .hero__container, .hero-content) {display: grid;}:is(.hero__container, .hero__content, .hero__content > *) {flex: 1 1 auto;}.hero-content__container {--flex-grid-min: 45ch;}.hero-content__text {padding-block: var(--layout-gap);}.hero-content__image {display: flex;justify-content: center;}:where(.hero-content__image img) {-o-object-fit: cover;object-fit: cover;}@container layout-container (inline-size < 120ch) {.hero-content {--layout-column-min: 100%;}.hero-content__text:has(+ *) {padding-block-start: 0;}}@container layout-container (inline-size > 120ch) {.hero-content__text {--flex-grid-min: 65ch;flex-grow: 0;}}}@layer purity.components {:where(blockquote, q) {font-family: var(--font-family-quote, var(--font-family-serif));}.quote {display: flex;align-items: flex-start;gap: var(--spacing-gutter-sm);}.quote img.quote__avatar {aspect-ratio: 1/1;border-radius: 50%;width: clamp(4rem, 30%, 6rem);flex-shrink: 0;-o-object-fit: cover;object-fit: cover;}.quote q {quotes: none;}}@layer purity-tw.theme;@layer purity-util {.hue-s {--color-hue: var(--secondary-h);}.grid-layout-col-count-1 {--column-count: 1;}.grid-layout-col-count-2 {--column-count: 2;}.grid-layout-col-count-3 {--column-count: 3;}.grid-layout-col-count-4 {--column-count: 4;}.grid-layout-col-count-5 {--column-count: 5;}.grid-layout-col-count-6 {--column-count: 6;}.grid-layout-col-count-7 {--column-count: 7;}.grid-layout-col-count-8 {--column-count: 8;}.grid-layout-col-count-9 {--column-count: 9;}.grid-layout-col-count-10 {--column-count: 10;}.grid-layout-col-count-11 {--column-count: 11;}.grid-layout-col-count-12 {--column-count: 12;}.grid-layout-col-count-13 {--column-count: 13;}.grid-layout-col-count-14 {--column-count: 14;}.grid-layout-col-count-15 {--column-count: 15;}}@layer purity-util {.\@container {container-type: inline-size;}.\@container-normal {container-type: normal;}.pointer-events-auto {pointer-events: auto;}.pointer-events-none {pointer-events: none;}.collapse {visibility: collapse;}.invisible {visibility: hidden;}.visible {visibility: visible;}.\!absolute {position: absolute!important;}.\!fixed {position: fixed!important;}.absolute {position: absolute;}.fixed {position: fixed;}.relative {position: relative;}.static {position: static;}.sticky {position: sticky;}.inset-0 {inset: var(--spacing-0, 0px);}.\!top-0 {top: var(--spacing-0, 0px)!important;}.top-0 {top: var(--spacing-0, 0px);}.top-1\/2 {top: calc(1/2 * 100%);}.top-\[50\%\] {top: 50%;}.top-\[8px\] {top: 8px;}.top-full {top: 100%;}.top-md {top: var(--spacing-md, var(--space-md));}.right-0 {right: var(--spacing-0, 0px);}.right-12 {right: var(--spacing-12, 3rem);}.right-3 {right: var(--spacing-3, 0.75rem);}.right-\[\.75rem\] {right: .75rem;}.right-\[0\.5rem\] {right: 0.5rem;}.right-\[20px\] {right: 20px;}.right-\[50\%\] {right: 50%;}.-bottom-1 {bottom: calc(var(--spacing-1, 0.25rem) * -1);}.-bottom-1\/2 {bottom: calc(calc(1/2 * 100%) * -1);}.bottom-0 {bottom: var(--spacing-0, 0px);}.bottom-\[-0\.75rem\] {bottom: -0.75rem;}.bottom-\[20px\] {bottom: 20px;}.bottom-lg {bottom: var(--spacing-lg, var(--space-lg));}.\!left-0 {left: var(--spacing-0, 0px)!important;}.left-0 {left: var(--spacing-0, 0px);}.left-2\/4 {left: calc(2/4 * 100%);}.left-\[167px\] {left: 167px;}.left-\[50\%\] {left: 50%;}.left-\[8px\] {left: 8px;}.left-md {left: var(--spacing-md, var(--space-md));}.z-0 {z-index: 0;}.z-1 {z-index: 1;}.z-10 {z-index: 10;}.z-20 {z-index: 20;}.z-40 {z-index: 40;}.z-50 {z-index: 50;}.z-\[1\] {z-index: 1;}.order-1 {order: 1;}.order-2 {order: 2;}.order-3 {order: 3;}.col-span-3 {grid-column: span 3 / span 3;}.col-span-full {grid-column: 1 / -1;}.col-start-1 {grid-column-start: 1;}.col-start-10 {grid-column-start: 10;}.col-start-2 {grid-column-start: 2;}.col-start-\[-2\] {grid-column-start: -2;}.col-end-1 {grid-column-end: 1;}.col-end-2 {grid-column-end: 2;}.col-end-4 {grid-column-end: 4;}.col-end-\[-2\] {grid-column-end: -2;}.row-span-full {grid-row: 1 / -1;}.row-start-1 {grid-row-start: 1;}.row-start-3 {grid-row-start: 3;}.row-end-1 {grid-row-end: 1;}.float-left {float: left;}.\!m-0 {margin: var(--spacing-0, 0px)!important;}.m-0 {margin: var(--spacing-0, 0px);}.m-2 {margin: var(--spacing-2, 0.5rem);}.m-\[0\.143rem\] {margin: 0.143rem;}.m-auto {margin: auto;}.mx-0 {margin-left: var(--spacing-0, 0px);margin-right: var(--spacing-0, 0px);}.mx-1 {margin-left: var(--spacing-1, 0.25rem);margin-right: var(--spacing-1, 0.25rem);}.mx-2 {margin-left: var(--spacing-2, 0.5rem);margin-right: var(--spacing-2, 0.5rem);}.mx-4 {margin-left: var(--spacing-4, 1rem);margin-right: var(--spacing-4, 1rem);}.mx-\[calc\(-50vw\+50\%\)\] {margin-left: calc(-50vw + 50%);margin-right: calc(-50vw + 50%);}.my-0 {margin-top: var(--spacing-0, 0px);margin-bottom: var(--spacing-0, 0px);}.my-1 {margin-top: var(--spacing-1, 0.25rem);margin-bottom: var(--spacing-1, 0.25rem);}.my-1\.5 {margin-top: var(--spacing-1_5, 0.375rem);margin-bottom: var(--spacing-1_5, 0.375rem);}.my-2 {margin-top: var(--spacing-2, 0.5rem);margin-bottom: var(--spacing-2, 0.5rem);}.my-4 {margin-top: var(--spacing-4, 1rem);margin-bottom: var(--spacing-4, 1rem);}.my-5 {margin-top: var(--spacing-5, 1.25rem);margin-bottom: var(--spacing-5, 1.25rem);}.-mt-1 {margin-top: calc(var(--spacing-1, 0.25rem) * -1);}.-mt-2 {margin-top: calc(var(--spacing-2, 0.5rem) * -1);}.-mt-\[5px\] {margin-top: calc(5px * -1);}.mt-0 {margin-top: var(--spacing-0, 0px);}.mt-1 {margin-top: var(--spacing-1, 0.25rem);}.mt-2 {margin-top: var(--spacing-2, 0.5rem);}.mt-3 {margin-top: var(--spacing-3, 0.75rem);}.mt-3xl {margin-top: var(--spacing-3xl, var(--space-3xl));}.mt-4 {margin-top: var(--spacing-4, 1rem);}.mt-4xl {margin-top: var(--spacing-4xl, var(--space-4xl));}.mt-6 {margin-top: var(--spacing-6, 1.5rem);}.mt-\[-0\.5715rem\] {margin-top: -0.5715rem;}.mt-\[-0\.5rem\] {margin-top: -0.5rem;}.mt-lg {margin-top: var(--spacing-lg, var(--space-lg));}.mt-xl {margin-top: var(--spacing-xl, var(--space-xl));}.mx-auto {margin-left: auto;margin-right: auto;}.-mr-2 {margin-right: calc(var(--spacing-2, 0.5rem) * -1);}.-mr-7 {margin-right: calc(var(--spacing-7, 1.75rem) * -1);}.mr-0 {margin-right: var(--spacing-0, 0px);}.mr-1 {margin-right: var(--spacing-1, 0.25rem);}.mr-2 {margin-right: var(--spacing-2, 0.5rem);}.mr-4 {margin-right: var(--spacing-4, 1rem);}.mr-\[--layout-gap\] {margin-right: var(--layout-gap);}.mr-auto {margin-right: auto;}.mr-lg {margin-right: var(--spacing-lg, var(--space-lg));}.-mb-\[2px\] {margin-bottom: calc(2px * -1);}.mb-0 {margin-bottom: var(--spacing-0, 0px);}.mb-1 {margin-bottom: var(--spacing-1, 0.25rem);}.mb-16 {margin-bottom: var(--spacing-16, 4rem);}.mb-2 {margin-bottom: var(--spacing-2, 0.5rem);}.mb-3 {margin-bottom: var(--spacing-3, 0.75rem);}.mb-6 {margin-bottom: var(--spacing-6, 1.5rem);}.mb-8 {margin-bottom: var(--spacing-8, 2rem);}.mb-\[-0\.5715rem\] {margin-bottom: -0.5715rem;}.-ml-1 {margin-left: calc(var(--spacing-1, 0.25rem) * -1);}.-ml-3 {margin-left: calc(var(--spacing-3, 0.75rem) * -1);}.-ml-4 {margin-left: calc(var(--spacing-4, 1rem) * -1);}.-ml-\[2px\] {margin-left: calc(2px * -1);}.-ml-\[5px\] {margin-left: calc(5px * -1);}.-ml-px {margin-left: calc(var(--spacing-px, 1px) * -1);}.ml-0 {margin-left: var(--spacing-0, 0px);}.ml-2 {margin-left: var(--spacing-2, 0.5rem);}.ml-4 {margin-left: var(--spacing-4, 1rem);}.ml-\[-0\.4715rem\] {margin-left: -0.4715rem;}.ml-\[-0\.5715rem\] {margin-left: -0.5715rem;}.ml-\[-1px\] {margin-left: -1px;}.ml-\[calc\(1\.29rem\+2px\)\] {margin-left: calc(1.29rem + 2px);}.ml-auto {margin-left: auto;}.box-border {box-sizing: border-box;}.\!contents {display: contents!important;}.block {display: block;}.contents {display: contents;}.flex {display: flex;}.grid {display: grid;}.hidden {display: none;}.inline {display: inline;}.inline-block {display: inline-block;}.inline-flex {display: inline-flex;}.list-item {display: list-item;}.table {display: table;}.aspect-\[16\/3\] {aspect-ratio: 16/3;}.size-1 {width: var(--spacing-1, 0.25rem);height: var(--spacing-1, 0.25rem);}.\!h-screen {height: 100vh!important;}.h-0 {height: var(--spacing-0, 0px);}.h-1 {height: var(--spacing-1, 0.25rem);}.h-1\/2 {height: calc(1/2 * 100%);}.h-10 {height: var(--spacing-10, 2.5rem);}.h-12 {height: var(--spacing-12, 3rem);}.h-16 {height: var(--spacing-16, 4rem);}.h-2 {height: var(--spacing-2, 0.5rem);}.h-28 {height: var(--spacing-28, 7rem);}.h-3 {height: var(--spacing-3, 0.75rem);}.h-4 {height: var(--spacing-4, 1rem);}.h-5 {height: var(--spacing-5, 1.25rem);}.h-56 {height: var(--spacing-56, 14rem);}.h-6 {height: var(--spacing-6, 1.5rem);}.h-7 {height: var(--spacing-7, 1.75rem);}.h-72 {height: var(--spacing-72, 18rem);}.h-8 {height: var(--spacing-8, 2rem);}.h-9 {height: var(--spacing-9, 2.25rem);}.h-\[0\.857rem\] {height: 0.857rem;}.h-\[1\.143rem\] {height: 1.143rem;}.h-\[1\.571rem\] {height: 1.571rem;}.h-\[1\.5rem\] {height: 1.5rem;}.h-\[10px\] {height: 10px;}.h-\[150px\] {height: 150px;}.h-\[166px\] {height: 166px;}.h-\[2\.25rem\] {height: 2.25rem;}.h-\[20px\] {height: 20px;}.h-\[2px\] {height: 2px;}.h-\[2rem\] {height: 2rem;}.h-\[3rem\] {height: 3rem;}.h-\[9px\] {height: 9px;}.h-\[calc\(100\%\+18px\)\] {height: calc(100% + 18px);}.h-auto {height: auto;}.h-full {height: 100%;}.h-max {height: -moz-max-content;height: max-content;}.\!max-h-full {max-height: 100%!important;}.max-h-0 {max-height: var(--spacing-0, 0px);}.max-h-40 {max-height: var(--spacing-40, 10rem);}.max-h-\[1000px\] {max-height: 1000px;}.max-h-\[200px\] {max-height: 200px;}.max-h-\[24rem\] {max-height: 24rem;}.max-h-\[90vh\] {max-height: 90vh;}.min-h-0 {min-height: var(--spacing-0, 0px);}.min-h-8 {min-height: var(--spacing-8, 2rem);}.min-h-\[12rem\] {min-height: 12rem;}.min-h-\[2\.877rem\] {min-height: 2.877rem;}.min-h-\[70px\] {min-height: 70px;}.min-h-full {min-height: 100%;}.min-h-screen {min-height: 100vh;}.\!w-16 {width: var(--spacing-16, 4rem)!important;}.\!w-screen {width: 100vw!important;}.w-0 {width: var(--spacing-0, 0px);}.w-1 {width: var(--spacing-1, 0.25rem);}.w-1\/3 {width: calc(1/3 * 100%);}.w-10 {width: var(--spacing-10, 2.5rem);}.w-12 {width: var(--spacing-12, 3rem);}.w-16 {width: var(--spacing-16, 4rem);}.w-2 {width: var(--spacing-2, 0.5rem);}.w-28 {width: var(--spacing-28, 7rem);}.w-4 {width: var(--spacing-4, 1rem);}.w-48 {width: var(--spacing-48, 12rem);}.w-5 {width: var(--spacing-5, 1.25rem);}.w-56 {width: var(--spacing-56, 14rem);}.w-6 {width: var(--spacing-6, 1.5rem);}.w-60 {width: var(--spacing-60, 15rem);}.w-7 {width: var(--spacing-7, 1.75rem);}.w-8 {width: var(--spacing-8, 2rem);}.w-80 {width: var(--spacing-80, 20rem);}.w-9 {width: var(--spacing-9, 2.25rem);}.w-96 {width: var(--spacing-96, 24rem);}.w-\[0\.857rem\] {width: 0.857rem;}.w-\[1\%\] {width: 1%;}.w-\[1\.143rem\] {width: 1.143rem;}.w-\[1\.571rem\] {width: 1.571rem;}.w-\[10px\] {width: 10px;}.w-\[150px\] {width: 150px;}.w-\[17px\] {width: 17px;}.w-\[193px\] {width: 193px;}.w-\[21px\] {width: 21px;}.w-\[2px\] {width: 2px;}.w-\[2rem\] {width: 2rem;}.w-\[3rem\] {width: 3rem;}.w-\[50vw\] {width: 50vw;}.w-\[9px\] {width: 9px;}.w-\[calc\(100\%\+18px\)\] {width: calc(100% + 18px);}.w-\[clamp\(4rem\,25cqi\,21rem\)\] {width: clamp(4rem, 25cqi, 21rem);}.w-\[min\(var\(--wrapper-width\)\,calc\(100\%-\(var\(--wrapper-padding\)\*2\)\)\)\] {width: min(var(--wrapper-width), calc(100% - (var(--wrapper-padding) * 2)));}.w-auto {width: auto;}.w-full {width: 100%;}.w-px {width: var(--spacing-px, 1px);}.w-screen {width: 100vw;}.max-w-2xl {max-width: var(--width-2xl, 42rem);}.max-w-\[3rem\] {max-width: 3rem;}.max-w-\[55ch\] {max-width: 55ch;}.max-w-\[65ch\] {max-width: 65ch;}.max-w-\[700px\] {max-width: 700px;}.max-w-\[80cqw\] {max-width: 80cqw;}.max-w-full {max-width: 100%;}.max-w-max {max-width: -moz-max-content;max-width: max-content;}.max-w-prose {max-width: var(--width-prose, 65ch);}.min-w-12 {min-width: var(--spacing-12, 3rem);}.min-w-\[0\.5rem\] {min-width: 0.5rem;}.min-w-\[1\.5rem\] {min-width: 1.5rem;}.min-w-\[12\.5rem\] {min-width: 12.5rem;}.min-w-\[12rem\] {min-width: 12rem;}.min-w-\[2\.25rem\] {min-width: 2.25rem;}.min-w-\[2rem\] {min-width: 2rem;}.min-w-\[3rem\] {min-width: 3rem;}.min-w-\[80vw\] {min-width: 80vw;}.min-w-full {min-width: 100%;}.min-w-max {min-width: -moz-max-content;min-width: max-content;}.flex-1 {flex: 1;}.flex-auto {flex: auto;}.flex-initial {flex: 0 auto;}.flex-none {flex: none;}.shrink {flex-shrink: 1;}.shrink-0 {flex-shrink: 0;}.grow {flex-grow: 1;}.grow-0 {flex-grow: 0;}.basis-2\/4 {flex-basis: calc(2/4 * 100%);}.basis-\[max-content\] {flex-basis: max-content;}.table-fixed {table-layout: fixed;}.border-collapse {border-collapse: collapse;}.border-separate {border-collapse: separate;}.border-spacing-0 {--tw-border-spacing-x: var(--spacing-0, 0px);--tw-border-spacing-y: var(--spacing-0, 0px);border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);}.origin-bottom {transform-origin: bottom;}.origin-center {transform-origin: center;}.origin-left {transform-origin: left;}.origin-right {transform-origin: right;}.origin-top {transform-origin: top;}.origin-top-right {transform-origin: top right;}.-translate-x-2\/4 {--tw-translate-x: calc(calc(2/4 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.-translate-x-full {--tw-translate-x: -100%;translate: var(--tw-translate-x) var(--tw-translate-y);}.-translate-y-1\/2 {--tw-translate-y: calc(calc(1/2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}.-translate-y-full {--tw-translate-y: -100%;translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-x-0 {--tw-translate-x: var(--spacing-0, 0px);translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-x-1\/2 {--tw-translate-x: calc(1/2 * 100%);translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-x-full {--tw-translate-x: 100%;translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-y-0 {--tw-translate-y: var(--spacing-0, 0px);translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-y-2\/3 {--tw-translate-y: calc(2/3 * 100%);translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-y-2\/4 {--tw-translate-y: calc(2/4 * 100%);translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-y-full {--tw-translate-y: 100%;translate: var(--tw-translate-x) var(--tw-translate-y);}.translate-z-0 {--tw-translate-z: var(--spacing-0, 0px);translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);}.scale-0 {--tw-scale-x: 0%;--tw-scale-y: 0%;--tw-scale-z: 0%;scale: var(--tw-scale-x) var(--tw-scale-y);}.scale-10 {--tw-scale-x: 10%;--tw-scale-y: 10%;--tw-scale-z: 10%;scale: var(--tw-scale-x) var(--tw-scale-y);}.scale-100 {--tw-scale-x: 100%;--tw-scale-y: 100%;--tw-scale-z: 100%;scale: var(--tw-scale-x) var(--tw-scale-y);}.scale-110 {--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale: var(--tw-scale-x) var(--tw-scale-y);}.scale-125 {--tw-scale-x: 125%;--tw-scale-y: 125%;--tw-scale-z: 125%;scale: var(--tw-scale-x) var(--tw-scale-y);}.scale-140 {--tw-scale-x: 140%;--tw-scale-y: 140%;--tw-scale-z: 140%;scale: var(--tw-scale-x) var(--tw-scale-y);}.scale-150 {--tw-scale-x: 150%;--tw-scale-y: 150%;--tw-scale-z: 150%;scale: var(--tw-scale-x) var(--tw-scale-y);}.scale-75 {--tw-scale-x: 75%;--tw-scale-y: 75%;--tw-scale-z: 75%;scale: var(--tw-scale-x) var(--tw-scale-y);}.scale-y-\[0\.8\] {--tw-scale-y: 0.8;scale: var(--tw-scale-x) var(--tw-scale-y);}.scale-\[1\.1\] {scale: 1.1;}.rotate-0 {rotate: 0deg;}.rotate-45 {rotate: 45deg;}.\!transform-none {transform: none!important;}.transform {transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);}.transform\! {transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y)!important;}.transform-none {transform: none;}.animate-pulse {animation: var(--animate-pulse, pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite);}.animate-spin {animation: var(--animate-spin, spin 1s linear infinite);}.cursor-auto {cursor: auto;}.cursor-col-resize {cursor: col-resize;}.cursor-default {cursor: default;}.cursor-grab {cursor: grab;}.cursor-move {cursor: move;}.cursor-pointer {cursor: pointer;}.cursor-row-resize {cursor: row-resize;}.cursor-text {cursor: text;}.list-none {list-style-type: none;}.appearance-none {-webkit-appearance: none;-moz-appearance: none;appearance: none;}.grid-flow-col {grid-auto-flow: column;}.grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}.grid-rows-2 {grid-template-rows: repeat(2, minmax(0, 1fr));}.grid-rows-\[1fr_max-content\] {grid-template-rows: 1fr max-content;}.flex-col {flex-direction: column;}.flex-col-reverse {flex-direction: column-reverse;}.flex-row {flex-direction: row;}.flex-row-reverse {flex-direction: row-reverse;}.flex-nowrap {flex-wrap: nowrap;}.flex-wrap {flex-wrap: wrap;}.place-content-center {place-content: center;}.place-items-center {place-items: center;}.content-start {align-content: flex-start;}.items-center {align-items: center;}.items-end {align-items: flex-end;}.items-start {align-items: flex-start;}.items-stretch {align-items: stretch;}.justify-between {justify-content: space-between;}.justify-center {justify-content: center;}.justify-end {justify-content: flex-end;}.justify-start {justify-content: flex-start;}.gap-0 {gap: var(--spacing-0, 0px);}.gap-2 {gap: var(--spacing-2, 0.5rem);}.gap-4 {gap: var(--spacing-4, 1rem);}.gap-\[--layout-gap\] {gap: var(--layout-gap);}.gap-lg {gap: var(--spacing-lg, var(--space-lg));}.gap-md {gap: var(--spacing-md, var(--space-md));}.gap-rel-0\.5 {gap: var(--spacing-rel-0_5, 0.125em);}.gap-sm {gap: var(--spacing-sm, var(--space-sm));}.gap-xl {gap: var(--spacing-xl, var(--space-xl));}.gap-x-md {-moz-column-gap: var(--spacing-md, var(--space-md));column-gap: var(--spacing-md, var(--space-md));}.gap-x-xs {-moz-column-gap: var(--spacing-xs, var(--space-xs));column-gap: var(--spacing-xs, var(--space-xs));}.gap-y-sm {row-gap: var(--spacing-sm, var(--space-sm));}.self-baseline {align-self: baseline;}.self-center {align-self: center;}.self-start {align-self: flex-start;}.overflow-auto {overflow: auto;}.overflow-clip {overflow: clip;}.overflow-hidden {overflow: hidden;}.overflow-scroll {overflow: scroll;}.overflow-x-auto {overflow-x: auto;}.overflow-y-auto {overflow-y: auto;}.overflow-y-hidden {overflow-y: hidden;}.overscroll-auto {overscroll-behavior: auto;}.overscroll-contain {overscroll-behavior: contain;}.scroll-smooth {scroll-behavior: smooth;}.text-ellipsis {text-overflow: ellipsis;}.whitespace-nowrap {white-space: nowrap;}.whitespace-pre-line {white-space: pre-line;}.text-balance {text-wrap: balance;}.break-words {overflow-wrap: break-word;}.\!rounded-none {border-radius: 0!important;}.rounded {border-radius: 0.25rem;}.rounded-2xl {border-radius: var(--radius-2xl, 1rem);}.rounded-\[0\.71rem\] {border-radius: 0.71rem;}.rounded-\[1\.14rem\] {border-radius: 1.14rem;}.rounded-\[10px\] {border-radius: 10px;}.rounded-\[2\.5rem\] {border-radius: 2.5rem;}.rounded-full {border-radius: calc(infinity * 1px);}.rounded-lg {border-radius: var(--radius-lg, 0.5rem);}.rounded-md {border-radius: var(--radius-md, 0.375rem);}.rounded-none {border-radius: 0;}.rounded-l-full {border-top-left-radius: calc(infinity * 1px);border-bottom-left-radius: calc(infinity * 1px);}.rounded-l-md {border-top-left-radius: var(--radius-md, 0.375rem);border-bottom-left-radius: var(--radius-md, 0.375rem);}.rounded-l-none {border-top-left-radius: 0;border-bottom-left-radius: 0;}.rounded-t-md {border-top-left-radius: var(--radius-md, 0.375rem);border-top-right-radius: var(--radius-md, 0.375rem);}.rounded-t-none {border-top-left-radius: 0;border-top-right-radius: 0;}.rounded-tl-lg {border-top-left-radius: var(--radius-lg, 0.5rem);}.rounded-tl-md {border-top-left-radius: var(--radius-md, 0.375rem);}.rounded-tl-none {border-top-left-radius: 0;}.rounded-r-md {border-top-right-radius: var(--radius-md, 0.375rem);border-bottom-right-radius: var(--radius-md, 0.375rem);}.rounded-r-none {border-top-right-radius: 0;border-bottom-right-radius: 0;}.rounded-tr-lg {border-top-right-radius: var(--radius-lg, 0.5rem);}.rounded-tr-md {border-top-right-radius: var(--radius-md, 0.375rem);}.rounded-tr-none {border-top-right-radius: 0;}.rounded-b-lg {border-bottom-right-radius: var(--radius-lg, 0.5rem);border-bottom-left-radius: var(--radius-lg, 0.5rem);}.rounded-b-md {border-bottom-right-radius: var(--radius-md, 0.375rem);border-bottom-left-radius: var(--radius-md, 0.375rem);}.rounded-br-lg {border-bottom-right-radius: var(--radius-lg, 0.5rem);}.rounded-br-md {border-bottom-right-radius: var(--radius-md, 0.375rem);}.rounded-br-none {border-bottom-right-radius: 0;}.rounded-bl-lg {border-bottom-left-radius: var(--radius-lg, 0.5rem);}.rounded-bl-md {border-bottom-left-radius: var(--radius-md, 0.375rem);}.rounded-bl-none {border-bottom-left-radius: 0;}.border {border-style: var(--tw-border-style);border-width: 1px;}.border-2 {border-style: var(--tw-border-style);border-width: 2px;}.border-y {border-top-style: var(--tw-border-style);border-bottom-style: var(--tw-border-style);border-top-width: 1px;border-bottom-width: 1px;}.border-y-\[0\.25rem\] {border-top-style: var(--tw-border-style);border-bottom-style: var(--tw-border-style);border-top-width: 0.25rem;border-bottom-width: 0.25rem;}.border-t {border-top-style: var(--tw-border-style);border-top-width: 1px;}.border-t-1 {border-top-style: var(--tw-border-style);border-top-width: 1px;}.border-t-\[0\.25rem\] {border-top-style: var(--tw-border-style);border-top-width: 0.25rem;}.border-x {border-left-style: var(--tw-border-style);border-right-style: var(--tw-border-style);border-left-width: 1px;border-right-width: 1px;}.border-x-\[0\.25rem\] {border-left-style: var(--tw-border-style);border-right-style: var(--tw-border-style);border-left-width: 0.25rem;border-right-width: 0.25rem;}.border-r {border-right-style: var(--tw-border-style);border-right-width: 1px;}.border-r-\[0\.25rem\] {border-right-style: var(--tw-border-style);border-right-width: 0.25rem;}.border-b {border-bottom-style: var(--tw-border-style);border-bottom-width: 1px;}.border-b-2 {border-bottom-style: var(--tw-border-style);border-bottom-width: 2px;}.border-b-\[0\.25rem\] {border-bottom-style: var(--tw-border-style);border-bottom-width: 0.25rem;}.border-l {border-left-style: var(--tw-border-style);border-left-width: 1px;}.border-l-\[0\.25rem\] {border-left-style: var(--tw-border-style);border-left-width: 0.25rem;}.border-l-\[6px\] {border-left-style: var(--tw-border-style);border-left-width: 6px;}.border-none {--tw-border-style: none;border-style: none;}.border-solid {--tw-border-style: solid;border-style: solid;}.border-0 {border-color: var(--color-0, var(--op-color-0));}.border-transparent {border-color: transparent;}.border-t-0 {border-top-color: var(--color-0, var(--op-color-0));}.border-x-0 {border-left-color: var(--color-0, var(--op-color-0));border-right-color: var(--color-0, var(--op-color-0));}.border-r-0 {border-right-color: var(--color-0, var(--op-color-0));}.border-b-0 {border-bottom-color: var(--color-0, var(--op-color-0));}.border-l-0 {border-left-color: var(--color-0, var(--op-color-0));}.bg-dark {background-color: var(--color-dark, #000000);}.bg-inherit {background-color: inherit;}.bg-light {background-color: var(--color-light, #ffffff);}.bg-light\/90 {background-color: color-mix(in srgb, var(--color-light, #ffffff) 90%, transparent);}.bg-primary {background-color: var(--color-primary, oklch(var(--primary-l) var(--primary-c) var(--primary-h)));}.bg-transparent {background-color: transparent;}.bg-clip-padding {background-clip: padding-box;}.stroke-current {stroke: currentColor;}.p-0 {padding: var(--spacing-0, 0px);}.p-1 {padding: var(--spacing-1, 0.25rem);}.p-2 {padding: var(--spacing-2, 0.5rem);}.p-3 {padding: var(--spacing-3, 0.75rem);}.p-4 {padding: var(--spacing-4, 1rem);}.p-5 {padding: var(--spacing-5, 1.25rem);}.p-6 {padding: var(--spacing-6, 1.5rem);}.p-8 {padding: var(--spacing-8, 2rem);}.p-card-component {padding: var(--spacing-card-component, clamp(var(--spacing-sm), 8cqi, var(--spacing-xl)));}.p-sm {padding: var(--spacing-sm, var(--space-sm));}.py-0 {padding-top: var(--spacing-0, 0px);padding-bottom: var(--spacing-0, 0px);}.py-1 {padding-top: var(--spacing-1, 0.25rem);padding-bottom: var(--spacing-1, 0.25rem);}.py-1\.5 {padding-top: var(--spacing-1_5, 0.375rem);padding-bottom: var(--spacing-1_5, 0.375rem);}.py-2 {padding-top: var(--spacing-2, 0.5rem);padding-bottom: var(--spacing-2, 0.5rem);}.py-2xl {padding-top: var(--spacing-2xl, var(--space-2xl));padding-bottom: var(--spacing-2xl, var(--space-2xl));}.py-3 {padding-top: var(--spacing-3, 0.75rem);padding-bottom: var(--spacing-3, 0.75rem);}.py-4 {padding-top: var(--spacing-4, 1rem);padding-bottom: var(--spacing-4, 1rem);}.py-5 {padding-top: var(--spacing-5, 1.25rem);padding-bottom: var(--spacing-5, 1.25rem);}.py-\[0\.6rem\] {padding-top: 0.6rem;padding-bottom: 0.6rem;}.py-card-component {padding-top: var(--spacing-card-component, clamp(var(--spacing-sm), 8cqi, var(--spacing-xl)));padding-bottom: var(--spacing-card-component, clamp(var(--spacing-sm), 8cqi, var(--spacing-xl)));}.pt-0 {padding-top: var(--spacing-0, 0px);}.pt-14 {padding-top: var(--spacing-14, 3.5rem);}.pt-2 {padding-top: var(--spacing-2, 0.5rem);}.pt-5 {padding-top: var(--spacing-5, 1.25rem);}.pt-card-component {padding-top: var(--spacing-card-component, clamp(var(--spacing-sm), 8cqi, var(--spacing-xl)));}.px-0 {padding-left: var(--spacing-0, 0px);padding-right: var(--spacing-0, 0px);}.px-1 {padding-left: var(--spacing-1, 0.25rem);padding-right: var(--spacing-1, 0.25rem);}.px-10 {padding-left: var(--spacing-10, 2.5rem);padding-right: var(--spacing-10, 2.5rem);}.px-2 {padding-left: var(--spacing-2, 0.5rem);padding-right: var(--spacing-2, 0.5rem);}.px-3 {padding-left: var(--spacing-3, 0.75rem);padding-right: var(--spacing-3, 0.75rem);}.px-4 {padding-left: var(--spacing-4, 1rem);padding-right: var(--spacing-4, 1rem);}.px-5 {padding-left: var(--spacing-5, 1.25rem);padding-right: var(--spacing-5, 1.25rem);}.px-6 {padding-left: var(--spacing-6, 1.5rem);padding-right: var(--spacing-6, 1.5rem);}.px-7 {padding-left: var(--spacing-7, 1.75rem);padding-right: var(--spacing-7, 1.75rem);}.px-8 {padding-left: var(--spacing-8, 2rem);padding-right: var(--spacing-8, 2rem);}.px-\[var\(--layout-gap\)\] {padding-left: var(--layout-gap);padding-right: var(--layout-gap);}.px-card-component {padding-left: var(--spacing-card-component, clamp(var(--spacing-sm), 8cqi, var(--spacing-xl)));padding-right: var(--spacing-card-component, clamp(var(--spacing-sm), 8cqi, var(--spacing-xl)));}.px-sm {padding-left: var(--spacing-sm, var(--space-sm));padding-right: var(--spacing-sm, var(--space-sm));}.pr-0 {padding-right: var(--spacing-0, 0px);}.pr-0\.5 {padding-right: var(--spacing-0_5, 0.125rem);}.pr-10 {padding-right: var(--spacing-10, 2.5rem);}.pr-5 {padding-right: var(--spacing-5, 1.25rem);}.pr-7 {padding-right: var(--spacing-7, 1.75rem);}.pr-9 {padding-right: var(--spacing-9, 2.25rem);}.pr-\[18px\] {padding-right: 18px;}.pb-0 {padding-bottom: var(--spacing-0, 0px);}.pb-6 {padding-bottom: var(--spacing-6, 1.5rem);}.pb-8 {padding-bottom: var(--spacing-8, 2rem);}.pb-\[18px\] {padding-bottom: 18px;}.pb-card-component {padding-bottom: var(--spacing-card-component, clamp(var(--spacing-sm), 8cqi, var(--spacing-xl)));}.pl-0 {padding-left: var(--spacing-0, 0px);}.pl-0\.5 {padding-left: var(--spacing-0_5, 0.125rem);}.pl-14 {padding-left: var(--spacing-14, 3.5rem);}.pl-2 {padding-left: var(--spacing-2, 0.5rem);}.pl-4 {padding-left: var(--spacing-4, 1rem);}.pl-9 {padding-left: var(--spacing-9, 2.25rem);}.text-center {text-align: center;}.text-end {text-align: end;}.text-left {text-align: left;}.text-right {text-align: right;}.align-bottom {vertical-align: bottom;}.align-middle {vertical-align: middle;}.align-top {vertical-align: top;}.font-sans {font-family: var(--font-family-sans, var(--font-family-sans-system-ui));}.text-lg {font-size: var(--font-size-lg, var(--text-lg));}.text-md {font-size: var(--font-size-md, var(--text-md));}.text-sm {font-size: var(--font-size-sm, var(--text-sm));}.text-xl {font-size: var(--font-size-xl, var(--text-xl));}.text-xs {font-size: var(--font-size-xs, var(--text-xs));}.text-\[1\.5em\] {font-size: 1.5em;}.font-bold {font-weight: 700;}.font-light {font-weight: 300;}.font-medium {font-weight: 500;}.font-normal {font-weight: 400;}.font-semibold {font-weight: 600;}.capitalize {text-transform: capitalize;}.lowercase {text-transform: lowercase;}.uppercase {text-transform: uppercase;}.leading-5 {line-height: var(--line-height-5, 1.25rem);}.leading-6 {line-height: var(--line-height-6, 1.5rem);}.leading-8 {line-height: var(--line-height-8, 2rem);}.leading-\[1\.143rem\] {line-height: 1.143rem;}.leading-\[1\.2\] {line-height: 1.2;}.leading-\[1\.5rem\] {line-height: 1.5rem;}.leading-\[2\.25rem\] {line-height: 2.25rem;}.leading-\[2rem\] {line-height: 2rem;}.leading-\[3rem\] {line-height: 3rem;}.leading-\[normal\] {line-height: normal;}.leading-none {line-height: var(--line-height-none, 1);}.leading-normal {line-height: var(--line-height-normal, 1.5);}.leading-relaxed {line-height: var(--line-height-relaxed, 1.625);}.leading-snug {line-height: var(--line-height-snug, 1.375);}.leading-tight {line-height: var(--line-height-tight, 1.25);}.text-\[--color-global-text\] {color: var(--color-global-text);}.text-inherit {color: inherit;}.text-light {color: var(--color-light, #ffffff);}.text-slate {color: var(--color-slate, var(--color-grey-6));}.no-underline {text-decoration-line: none;}.underline {text-decoration-line: underline;}.antialiased {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.accent-dark {accent-color: var(--color-dark, #000000);}.accent-light {accent-color: var(--color-light, #ffffff);}.opacity-0 {opacity: 0%;}.opacity-100 {opacity: 100%;}.opacity-50 {opacity: 50%;}.opacity-60 {opacity: 60%;}.opacity-75 {opacity: 75%;}.opacity-85 {opacity: 85%;}.ring {--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}.shadow {--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}.shadow-lg {--tw-shadow: var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1));--tw-shadow-colored: var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1));box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}.shadow-md {--tw-shadow: var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1));--tw-shadow-colored: var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1));box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}.shadow-none {--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}.shadow-sm {--tw-shadow: var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--tw-shadow-colored: var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}.outline-none {outline: 2px solid transparent;outline-offset: 2px;}.outline {outline-style: var(--tw-outline-style);outline-width: 1px;}.outline-offset-0 {outline-offset: 0px;}.outline-accent {outline-color: var(--color-accent, oklch(var(--accent-l) var(--accent-c) var(--accent-h)));}.outline-primary {outline-color: var(--color-primary, oklch(var(--primary-l) var(--primary-c) var(--primary-h)));}.outline-secondary {outline-color: var(--color-secondary, oklch(var(--secondary-l) var(--secondary-c) var(--secondary-h)));}.blur {--tw-blur: blur(8px);filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);}.drop-shadow {--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);}.\!filter {filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important;}.filter {filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);}.backdrop-blur-\[10px\] {--tw-backdrop-blur: blur(10px);-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);}.backdrop-blur-sm {--tw-backdrop-blur: blur(var(--blur-sm, 4px));-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);}.backdrop-filter {-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);}.\!transition {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter!important;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)!important;transition-duration: 150ms!important;}.\!transition-\[max-height_\.45s_cubic-bezier\(0\,1\,0\,1\)\,opacity_\.3s\,margin-bottom_\.3s\] {transition-property: max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s!important;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)!important;transition-duration: 150ms!important;}.transition {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}.transition-\[max-height\] {transition-property: max-height;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}.transition-\[transform\,opacity\] {transition-property: transform,opacity;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}.transition-all {transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}.transition-colors {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}.transition-opacity {transition-property: opacity;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}.transition-shadow {transition-property: box-shadow;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}.transition-transform {transition-property: transform, translate, scale, rotate;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}.\!transition-none {transition-property: none!important;}.transition-none {transition-property: none;}.delay-200 {transition-delay: 200ms;}.duration-100 {transition-duration: 100ms;}.duration-1000 {transition-duration: 1000ms;}.duration-150 {transition-duration: 150ms;}.duration-200 {transition-duration: 200ms;}.duration-250 {transition-duration: 250ms;}.duration-300 {transition-duration: 300ms;}.duration-400 {transition-duration: 400ms;}.duration-800 {transition-duration: 800ms;}.duration-\[120ms\] {transition-duration: 120ms;}.duration-\[250ms\] {transition-duration: 250ms;}.duration-\[450ms\] {transition-duration: 450ms;}.ease-\[cubic-bezier\(0\,0\,0\.2\,1\)\] {transition-timing-function: cubic-bezier(0,0,0.2,1);}.ease-\[cubic-bezier\(0\,1\,0\,1\)\] {transition-timing-function: cubic-bezier(0,1,0,1);}.ease-\[cubic-bezier\(0\.42\,0\,0\.58\,1\)\] {transition-timing-function: cubic-bezier(0.42,0,0.58,1);}.ease-in {transition-timing-function: var(--transition-timing-function-in, cubic-bezier(0.4, 0, 1, 1));}.ease-in-out {transition-timing-function: var(--transition-timing-function-in-out, cubic-bezier(0.4, 0, 0.2, 1));}.ease-linear {transition-timing-function: var(--transition-timing-function-linear, linear);}.ease-out {transition-timing-function: var(--transition-timing-function-out, cubic-bezier(0, 0, 0.2, 1));}.\[--breakpoint\:1100px\] {--breakpoint: 1100px;}.\[--card-aspect\:none\] {--card-aspect: none;}.\[--card-left-col\:0\.25fr\] {--card-left-col: 0.25fr;}.\[--card-left-col\:0\.33fr\] {--card-left-col: 0.33fr;}.\[--card-left-col\:0\.4fr\] {--card-left-col: 0.4fr;}.\[--card-left-col\:0\.58fr\] {--card-left-col: 0.58fr;}.\[--card-left-col\:0\.5fr\] {--card-left-col: 0.5fr;}.\[--card-left-col\:0\.66fr\] {--card-left-col: 0.66fr;}.\[--card-left-col\:0\.75fr\] {--card-left-col: 0.75fr;}.\[--card-left-col\:1fr\] {--card-left-col: 1fr;}.\[--card-right-col\:0\.25fr\] {--card-right-col: 0.25fr;}.\[--card-right-col\:0\.33fr\] {--card-right-col: 0.33fr;}.\[--card-right-col\:0\.42fr\] {--card-right-col: 0.42fr;}.\[--card-right-col\:0\.5fr\] {--card-right-col: 0.5fr;}.\[--card-right-col\:0\.66fr\] {--card-right-col: 0.66fr;}.\[--card-right-col\:0\.6fr\] {--card-right-col: 0.6fr;}.\[--card-right-col\:0\.75fr\] {--card-right-col: 0.75fr;}.\[--card-right-col\:1fr\] {--card-right-col: 1fr;}.\[--color-logo-mark-stroke\:var\(--color-light\)\] {--color-logo-mark-stroke: var(--color-light);}.\[--column-count\:12\] {--column-count: 12;}.\[--column-count\:1\] {--column-count: 1;}.\[--column-count\:2\] {--column-count: 2;}.\[--column-count\:3\] {--column-count: 3;}.\[--column-count\:4\] {--column-count: 4;}.\[--end-col\:0\] {--end-col: 0;}.\[--flex-grid-min\:45ch\] {--flex-grid-min: 45ch;}.\[--flow-space\:1em\] {--flow-space: 1em;}.\[--flow-space\:clamp\(var\(--spacing-lg\)\,\(var\(--breakpoint\)-100\%\)\*999\,var\(--spacing-2xl\)\)\] {--flow-space: clamp(var(--spacing-lg), (var(--breakpoint) - 100%) * 999, var(--spacing-2xl));}.\[--flow-space\:clamp\(var\(--spacing-xl\)\,\(var\(--breakpoint\)-100\%\)\*999\,var\(--spacing-2xl\)\)\] {--flow-space: clamp(var(--spacing-xl), (var(--breakpoint) - 100%) * 999, var(--spacing-2xl));}.\[--flow-space\:var\(--spacing-2xl\)\] {--flow-space: var(--spacing-2xl);}.\[--flow-space\:var\(--spacing-lg\)\] {--flow-space: var(--spacing-lg);}.\[--flow-space\:var\(--spacing-md\)\] {--flow-space: var(--spacing-md);}.\[--flow-space\:var\(--spacing-sm\)\] {--flow-space: var(--spacing-sm);}.\[--flow-space\:var\(--spacing-xs\)\] {--flow-space: var(--spacing-xs);}.\[--heading-color\:var\(--color-surface-theme\)\] {--heading-color: var(--color-surface-theme);}.\[--layout-column-min\:10ch\] {--layout-column-min: 10ch;}.\[--layout-column-min\:18ch\] {--layout-column-min: 18ch;}.\[--layout-column-min\:20ch\] {--layout-column-min: 20ch;}.\[--layout-column-min\:40ch\] {--layout-column-min: 40ch;}.\[--layout-grid-auto-repeat\:auto-fill\] {--layout-grid-auto-repeat: auto-fill;}.\[--layout-grid-gap\:calc\(var\(--layout-gap\)\*1\)\] {--layout-grid-gap: calc(var(--layout-gap) * 1);}.\[--layout-grid-min\:5ch\] {--layout-grid-min: 5ch;}.\[--start-col\:0\] {--start-col: 0;}.\[--stroke-width\:22px\] {--stroke-width: 22px;}.\[grid-area\:admin-header\] {grid-area: admin-header;}.backface-hidden {backface-visibility: hidden;}.break-all {word-break: break-all;}.ring-inset {--tw-ring-inset: inset;}.select-none {-webkit-user-select: none;-moz-user-select: none;user-select: none;}.\*\:h-full {& > * {height: 100%;}}.\*\:w-full {& > * {width: 100%;}}.\*\:object-contain {& > * {-o-object-fit: contain;object-fit: contain;}}.\*\:object-right {& > * {-o-object-position: right;object-position: right;}}.group-hover\:opacity-100 {&:is(:where(.group):hover *) {opacity: 100%;}}.peer-focus-visible\:ring {&:is(:where(.peer):focus-visible ~ *) {--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}}.peer-focus-visible\:ring-2 {&:is(:where(.peer):focus-visible ~ *) {--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}}.before\:absolute {&::before {content: var(--tw-content);position: absolute;}}.before\:-top-3 {&::before {content: var(--tw-content);top: calc(var(--spacing-3, 0.75rem) * -1);}}.before\:-top-\[9px\] {&::before {content: var(--tw-content);top: calc(9px * -1);}}.before\:top-0 {&::before {content: var(--tw-content);top: var(--spacing-0, 0px);}}.before\:top-1\/2 {&::before {content: var(--tw-content);top: calc(1/2 * 100%);}}.before\:bottom-0 {&::before {content: var(--tw-content);bottom: var(--spacing-0, 0px);}}.before\:left-0 {&::before {content: var(--tw-content);left: var(--spacing-0, 0px);}}.before\:left-1 {&::before {content: var(--tw-content);left: var(--spacing-1, 0.25rem);}}.before\:left-1\/2 {&::before {content: var(--tw-content);left: calc(1/2 * 100%);}}.before\:left-\[calc\(var\(--overlayArrowLeft\,0\)\+1\.25rem\)\] {&::before {content: var(--tw-content);left: calc(var(--overlayArrowLeft,0) + 1.25rem);}}.before\:-mt-2\.5 {&::before {content: var(--tw-content);margin-top: calc(var(--spacing-2_5, 0.625rem) * -1);}}.before\:-mt-4 {&::before {content: var(--tw-content);margin-top: calc(var(--spacing-4, 1rem) * -1);}}.before\:-ml-\[9px\] {&::before {content: var(--tw-content);margin-left: calc(9px * -1);}}.before\:ml-6 {&::before {content: var(--tw-content);margin-left: var(--spacing-6, 1.5rem);}}.before\:block {&::before {content: var(--tw-content);display: block;}}.before\:h-0 {&::before {content: var(--tw-content);height: var(--spacing-0, 0px);}}.before\:h-5 {&::before {content: var(--tw-content);height: var(--spacing-5, 1.25rem);}}.before\:min-h-full {&::before {content: var(--tw-content);min-height: 100%;}}.before\:w-0 {&::before {content: var(--tw-content);width: var(--spacing-0, 0px);}}.before\:w-5 {&::before {content: var(--tw-content);width: var(--spacing-5, 1.25rem);}}.before\:w-full {&::before {content: var(--tw-content);width: 100%;}}.before\:-translate-x-1\/2 {&::before {content: var(--tw-content);--tw-translate-x: calc(calc(1/2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}}.before\:translate-x-5 {&::before {content: var(--tw-content);--tw-translate-x: var(--spacing-5, 1.25rem);translate: var(--tw-translate-x) var(--tw-translate-y);}}.before\:transform {&::before {content: var(--tw-content);transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);}}.before\:rounded-full {&::before {content: var(--tw-content);border-radius: calc(infinity * 1px);}}.before\:border-\[8px\] {&::before {content: var(--tw-content);border-style: var(--tw-border-style);border-width: 8px;}}.before\:border-t {&::before {content: var(--tw-content);border-top-style: var(--tw-border-style);border-top-width: 1px;}}.before\:border-x-\[0\.75rem\] {&::before {content: var(--tw-content);border-left-style: var(--tw-border-style);border-right-style: var(--tw-border-style);border-left-width: 0.75rem;border-right-width: 0.75rem;}}.before\:border-x-\[8px\] {&::before {content: var(--tw-content);border-left-style: var(--tw-border-style);border-right-style: var(--tw-border-style);border-left-width: 8px;border-right-width: 8px;}}.before\:border-b-\[0\.75rem\] {&::before {content: var(--tw-content);border-bottom-style: var(--tw-border-style);border-bottom-width: 0.75rem;}}.before\:border-l {&::before {content: var(--tw-content);border-left-style: var(--tw-border-style);border-left-width: 1px;}}.before\:border-dashed {&::before {content: var(--tw-content);--tw-border-style: dashed;border-style: dashed;}}.before\:border-dotted {&::before {content: var(--tw-content);--tw-border-style: dotted;border-style: dotted;}}.before\:border-solid {&::before {content: var(--tw-content);--tw-border-style: solid;border-style: solid;}}.before\:border-transparent {&::before {content: var(--tw-content);border-color: transparent;}}.before\:border-t-0 {&::before {content: var(--tw-content);border-top-color: var(--color-0, var(--op-color-0));}}.before\:bg-inherit {&::before {content: var(--tw-content);background-color: inherit;}}.before\:duration-200 {&::before {content: var(--tw-content);transition-duration: 200ms;}}.before\:content-none {&::before {content: var(--tw-content);--tw-content: none;content: none;}}.after\:absolute {&::after {content: var(--tw-content);position: absolute;}}.after\:-top-2 {&::after {content: var(--tw-content);top: calc(var(--spacing-2, 0.5rem) * -1);}}.after\:top-0 {&::after {content: var(--tw-content);top: var(--spacing-0, 0px);}}.after\:bottom-0 {&::after {content: var(--tw-content);bottom: var(--spacing-0, 0px);}}.after\:left-0 {&::after {content: var(--tw-content);left: var(--spacing-0, 0px);}}.after\:left-\[calc\(var\(--overlayArrowLeft\,0\)\+1\.25rem\)\] {&::after {content: var(--tw-content);left: calc(var(--overlayArrowLeft,0) + 1.25rem);}}.after\:-ml-\[8px\] {&::after {content: var(--tw-content);margin-left: calc(8px * -1);}}.after\:h-0 {&::after {content: var(--tw-content);height: var(--spacing-0, 0px);}}.after\:w-0 {&::after {content: var(--tw-content);width: var(--spacing-0, 0px);}}.after\:border-\[0\.5rem\] {&::after {content: var(--tw-content);border-style: var(--tw-border-style);border-width: 0.5rem;}}.after\:border-x-\[0\.5rem\] {&::after {content: var(--tw-content);border-left-style: var(--tw-border-style);border-right-style: var(--tw-border-style);border-left-width: 0.5rem;border-right-width: 0.5rem;}}.after\:border-solid {&::after {content: var(--tw-content);--tw-border-style: solid;border-style: solid;}}.after\:border-transparent {&::after {content: var(--tw-content);border-color: transparent;}}.after\:border-t-0 {&::after {content: var(--tw-content);border-top-color: var(--color-0, var(--op-color-0));}}.after\:bg-inherit {&::after {content: var(--tw-content);background-color: inherit;}}.after\:delay-1000 {&::after {content: var(--tw-content);transition-delay: 1000ms;}}.first\:mt-2 {&:first-child {margin-top: var(--spacing-2, 0.5rem);}}.first\:mr-2 {&:first-child {margin-right: var(--spacing-2, 0.5rem);}}.first\:mb-2 {&:first-child {margin-bottom: var(--spacing-2, 0.5rem);}}.first\:ml-0 {&:first-child {margin-left: var(--spacing-0, 0px);}}.first\:ml-2 {&:first-child {margin-left: var(--spacing-2, 0.5rem);}}.first\:rounded-l-lg {&:first-child {border-top-left-radius: var(--radius-lg, 0.5rem);border-bottom-left-radius: var(--radius-lg, 0.5rem);}}.first\:rounded-l-md {&:first-child {border-top-left-radius: var(--radius-md, 0.375rem);border-bottom-left-radius: var(--radius-md, 0.375rem);}}.first\:rounded-t-lg {&:first-child {border-top-left-radius: var(--radius-lg, 0.5rem);border-top-right-radius: var(--radius-lg, 0.5rem);}}.first\:rounded-tr-none {&:first-child {border-top-right-radius: 0;}}.first\:rounded-br-none {&:first-child {border-bottom-right-radius: 0;}}.first\:border-l {&:first-child {border-left-style: var(--tw-border-style);border-left-width: 1px;}}.first\:border-l-0 {&:first-child {border-left-color: var(--color-0, var(--op-color-0));}}.first\:pl-0 {&:first-child {padding-left: var(--spacing-0, 0px);}}.last\:mr-0 {&:last-child {margin-right: var(--spacing-0, 0px);}}.last\:mb-0 {&:last-child {margin-bottom: var(--spacing-0, 0px);}}.last\:rounded-tl-none {&:last-child {border-top-left-radius: 0;}}.last\:rounded-r-lg {&:last-child {border-top-right-radius: var(--radius-lg, 0.5rem);border-bottom-right-radius: var(--radius-lg, 0.5rem);}}.last\:rounded-r-md {&:last-child {border-top-right-radius: var(--radius-md, 0.375rem);border-bottom-right-radius: var(--radius-md, 0.375rem);}}.last\:rounded-b-lg {&:last-child {border-bottom-right-radius: var(--radius-lg, 0.5rem);border-bottom-left-radius: var(--radius-lg, 0.5rem);}}.last\:rounded-br-lg {&:last-child {border-bottom-right-radius: var(--radius-lg, 0.5rem);}}.last\:rounded-bl-lg {&:last-child {border-bottom-left-radius: var(--radius-lg, 0.5rem);}}.last\:rounded-bl-none {&:last-child {border-bottom-left-radius: 0;}}.last\:border-r {&:last-child {border-right-style: var(--tw-border-style);border-right-width: 1px;}}.hover\:mx-6 {&:hover {margin-left: var(--spacing-6, 1.5rem);margin-right: var(--spacing-6, 1.5rem);}}.hover\:my-6 {&:hover {margin-top: var(--spacing-6, 1.5rem);margin-bottom: var(--spacing-6, 1.5rem);}}.hover\:scale-150 {&:hover {--tw-scale-x: 150%;--tw-scale-y: 150%;--tw-scale-z: 150%;scale: var(--tw-scale-x) var(--tw-scale-y);}}.hover\:cursor-pointer {&:hover {cursor: pointer;}}.hover\:underline {&:hover {text-decoration-line: underline;}}.hover\:opacity-100 {&:hover {opacity: 100%;}}.hover\:transition-opacity {&:hover {transition-property: opacity;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}}.hover\:duration-300 {&:hover {transition-duration: 300ms;}}.focus\:z-10 {&:focus {z-index: 10;}}.focus\:ring {&:focus {--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}}.focus\:ring-2 {&:focus {--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}}.focus\:shadow-none {&:focus {--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}}.focus\:ring-offset-2 {&:focus {--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);}}.focus\:outline-none {&:focus {outline: 2px solid transparent;outline-offset: 2px;}}.focus\:outline-offset-0 {&:focus {outline-offset: 0px;}}.focus\:ring-inset {&:focus {--tw-ring-inset: inset;}}.focus-visible\:ring {&:focus-visible {--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}}.focus-visible\:outline-none {&:focus-visible {outline: 2px solid transparent;outline-offset: 2px;}}.focus-visible\:outline-offset-0 {&:focus-visible {outline-offset: 0px;}}.focus-visible\:ring-inset {&:focus-visible {--tw-ring-inset: inset;}}.has-\[\.mask-active\]\:bg-transparent {&:has(*:is(.mask-active)) {background-color: transparent;}}.sm\:absolute {@media (width >= 40rem) {position: absolute;}}.sm\:relative {@media (width >= 40rem) {position: relative;}}.sm\:top-0 {@media (width >= 40rem) {top: var(--spacing-0, 0px);}}.sm\:top-auto {@media (width >= 40rem) {top: auto;}}.sm\:left-auto {@media (width >= 40rem) {left: auto;}}.sm\:left-full {@media (width >= 40rem) {left: 100%;}}.sm\:ml-2 {@media (width >= 40rem) {margin-left: var(--spacing-2, 0.5rem);}}.sm\:flex {@media (width >= 40rem) {display: flex;}}.sm\:hidden {@media (width >= 40rem) {display: none;}}.sm\:w-1\/2 {@media (width >= 40rem) {width: calc(1/2 * 100%);}}.sm\:w-48 {@media (width >= 40rem) {width: var(--spacing-48, 12rem);}}.sm\:w-\[50\%\] {@media (width >= 40rem) {width: 50%;}}.sm\:w-auto {@media (width >= 40rem) {width: auto;}}.sm\:min-w-\[14rem\] {@media (width >= 40rem) {min-width: 14rem;}}.sm\:flex-row {@media (width >= 40rem) {flex-direction: row;}}.sm\:flex-nowrap {@media (width >= 40rem) {flex-wrap: nowrap;}}.sm\:bg-transparent {@media (width >= 40rem) {background-color: transparent;}}.sm\:p-0 {@media (width >= 40rem) {padding: var(--spacing-0, 0px);}}.sm\:py-0 {@media (width >= 40rem) {padding-top: var(--spacing-0, 0px);padding-bottom: var(--spacing-0, 0px);}}.sm\:py-3 {@media (width >= 40rem) {padding-top: var(--spacing-3, 0.75rem);padding-bottom: var(--spacing-3, 0.75rem);}}.sm\:px-0 {@media (width >= 40rem) {padding-left: var(--spacing-0, 0px);padding-right: var(--spacing-0, 0px);}}.sm\:px-6 {@media (width >= 40rem) {padding-left: var(--spacing-6, 1.5rem);padding-right: var(--spacing-6, 1.5rem);}}.sm\:pl-5 {@media (width >= 40rem) {padding-left: var(--spacing-5, 1.25rem);}}.sm\:text-xl {@media (width >= 40rem) {font-size: var(--font-size-xl, var(--text-xl));}}.sm\:shadow-md {@media (width >= 40rem) {--tw-shadow: var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1));--tw-shadow-colored: var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1));box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}}.sm\:shadow-none {@media (width >= 40rem) {--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}}.md\:mx-5 {@media (width >= 48rem) {margin-left: var(--spacing-5, 1.25rem);margin-right: var(--spacing-5, 1.25rem);}}.md\:w-\[25\%\] {@media (width >= 48rem) {width: 25%;}}.md\:w-\[33\.333333333333336\%\] {@media (width >= 48rem) {width: 33.333333333333336%;}}.md\:p-2 {@media (width >= 48rem) {padding: var(--spacing-2, 0.5rem);}}.lg\:w-\[20\%\] {@media (width >= 64rem) {width: 20%;}}.lg\:flex-col {@media (width >= 64rem) {flex-direction: column;}}.lg\:flex-row {@media (width >= 64rem) {flex-direction: row;}}.lg\:pl-2xl {@media (width >= 64rem) {padding-left: var(--spacing-2xl, var(--space-2xl));}}.xl\:px-0 {@media (width >= 80rem) {padding-left: var(--spacing-0, 0px);padding-right: var(--spacing-0, 0px);}}.\@\[80ch\]\:absolute {@container (width >= 80ch) {position: absolute;}}.\@\[80ch\]\:mt-2xl {@container (width >= 80ch) {margin-top: var(--spacing-2xl, var(--space-2xl));}}.\@\[80ch\]\:mt-3xl {@container (width >= 80ch) {margin-top: var(--spacing-3xl, var(--space-3xl));}}.\@\[80ch\]\:grid {@container (width >= 80ch) {display: grid;}}.\@\[80ch\]\:h-screen {@container (width >= 80ch) {height: 100vh;}}.\@\[80ch\]\:w-\[clamp\(4rem\,15cqi\,14rem\)\] {@container (width >= 80ch) {width: clamp(4rem, 15cqi, 14rem);}}.\@\[80ch\]\:w-auto {@container (width >= 80ch) {width: auto;}}.\@\[80ch\]\:w-full {@container (width >= 80ch) {width: 100%;}}.\@\[80ch\]\:flex-col {@container (width >= 80ch) {flex-direction: column;}}.\@\[80ch\]\:flex-row {@container (width >= 80ch) {flex-direction: row;}}.\@\[80ch\]\:items-center {@container (width >= 80ch) {align-items: center;}}.\@\[80ch\]\:pr-0 {@container (width >= 80ch) {padding-right: var(--spacing-0, 0px);}}.\@\[80ch\]\:pl-0 {@container (width >= 80ch) {padding-left: var(--spacing-0, 0px);}}.\@\[120ch\]\:col-start-2 {@container (width >= 120ch) {grid-column-start: 2;}}.\@\[120ch\]\:col-end-2 {@container (width >= 120ch) {grid-column-end: 2;}}.\@\[120ch\]\:col-end-4 {@container (width >= 120ch) {grid-column-end: 4;}}.\@\[120ch\]\:flex-col {@container (width >= 120ch) {flex-direction: column;}}.\@\[120ch\]\:py-card-component {@container (width >= 120ch) {padding-top: var(--spacing-card-component, clamp(var(--spacing-sm), 8cqi, var(--spacing-xl)));padding-bottom: var(--spacing-card-component, clamp(var(--spacing-sm), 8cqi, var(--spacing-xl)));}}.\@2xl\:flex-nowrap {@container (width >= 42rem) {flex-wrap: nowrap;}}.\@2xl\:\[--spacing-card-component\:var\(--spacing-xl\)\] {@container (width >= 42rem) {--spacing-card-component: var(--spacing-xl);}}.\@7xl\:col-start-1 {@container (width >= 80rem) {grid-column-start: 1;}}.\@7xl\:col-start-2 {@container (width >= 80rem) {grid-column-start: 2;}}.\@7xl\:col-end-\[-1\] {@container (width >= 80rem) {grid-column-end: -1;}}.\@7xl\:flex {@container (width >= 80rem) {display: flex;}}.dark\:rounded-md {@media (prefers-color-scheme: dark) {border-radius: var(--radius-md, 0.375rem);}}.dark\:border {@media (prefers-color-scheme: dark) {border-style: var(--tw-border-style);border-width: 1px;}}.dark\:border-transparent {@media (prefers-color-scheme: dark) {border-color: transparent;}}.dark\:bg-transparent {@media (prefers-color-scheme: dark) {background-color: transparent;}}.dark\:sm\:bg-transparent {@media (width >= 40rem) {@media (prefers-color-scheme: dark) {background-color: transparent;}}}.\[\&\:\:-webkit-scrollbar\]\:hidden {&::-webkit-scrollbar {display: none;}}.\[\&\>\*\:first-child\]\:absolute {&>*:first-child {position: absolute;}}.\[\&\>\*\:first-child\]\:top-1\/2 {&>*:first-child {top: calc(1/2 * 100%);}}.\[\&\>\*\:first-child\]\:right-3 {&>*:first-child {right: var(--spacing-3, 0.75rem);}}.\[\&\>\*\:first-child\]\:left-3 {&>*:first-child {left: var(--spacing-3, 0.75rem);}}.\[\&\>\*\:first-child\]\:-mt-2 {&>*:first-child {margin-top: calc(var(--spacing-2, 0.5rem) * -1);}}.\[\&\>\*\:first-child\]\:leading-none {&>*:first-child {line-height: var(--line-height-none, 1);}}.\[\&\>\*\:last-child\]\:pointer-events-none {&>*:last-child {pointer-events: none;}}.\[\&\>\*\:last-child\]\:absolute {&>*:last-child {position: absolute;}}.\[\&\>\*\:last-child\]\:top-1\/2 {&>*:last-child {top: calc(1/2 * 100%);}}.\[\&\>\*\:last-child\]\:left-3 {&>*:last-child {left: var(--spacing-3, 0.75rem);}}.\[\&\>\*\:last-child\]\:-translate-y-1\/2 {&>*:last-child {--tw-translate-y: calc(calc(1/2 * 100%) * -1);translate: var(--tw-translate-x) var(--tw-translate-y);}}.\[\&\>\*\:last-child\]\:pr-10 {&>*:last-child {padding-right: var(--spacing-10, 2.5rem);}}.\[\&\>\*\:last-child\]\:pl-10 {&>*:last-child {padding-left: var(--spacing-10, 2.5rem);}}.\[\&\>\*\:last-child\]\:transition-all {&>*:last-child {transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}}.\[\&\>\*\:last-child\]\:duration-200 {&>*:last-child {transition-duration: 200ms;}}.\[\&\>\*\:last-child\]\:has-\[\.filled\]\:-top-3 {&:has(*:is(.filled)) {&>*:last-child {top: calc(var(--spacing-3, 0.75rem) * -1);}}}.\[\&\>\*\:last-child\]\:has-\[\.filled\]\:text-sm {&:has(*:is(.filled)) {&>*:last-child {font-size: var(--font-size-sm, var(--text-sm));}}}.\[\&\>\*\:last-child\]\:has-\[\:focus\]\:-top-3 {&:has(*:is(:focus)) {&>*:last-child {top: calc(var(--spacing-3, 0.75rem) * -1);}}}.\[\&\>\*\:last-child\]\:has-\[\:focus\]\:text-sm {&:has(*:is(:focus)) {&>*:last-child {font-size: var(--font-size-sm, var(--text-sm));}}}.\[\&\>input\]\:w-full {&>input {width: 100%;}}.\[\&\>input\]\:pr-10 {&>input {padding-right: var(--spacing-10, 2.5rem);}}.\[\@80ch\]\:pt-md {@80ch {padding-top: var(--spacing-md, var(--space-md));}}}@layer purity.base {* :has(> .heading, > h1, > h2, > h3, > h4, > h5, > h6) {container-type: normal;}}@keyframes spin {to {transform: rotate(360deg);}}@keyframes ping {75%, 100% {transform: scale(2);opacity: 0;}}@keyframes pulse {50% {opacity: 0.5;}}@keyframes bounce {0%, 100% {transform: translateY(-25%);animation-timing-function: cubic-bezier(0.8, 0, 1, 1);}50% {transform: none;animation-timing-function: cubic-bezier(0, 0, 0.2, 1);}}@property --tw-border-spacing-x {syntax: "<length>";inherits: false;initial-value: 0;}@property --tw-border-spacing-y {syntax: "<length>";inherits: false;initial-value: 0;}@property --tw-translate-x {syntax: "<length-percentage>";inherits: false;initial-value: 0;}@property --tw-translate-y {syntax: "<length-percentage>";inherits: false;initial-value: 0;}@property --tw-translate-z {syntax: "<length>";inherits: false;initial-value: 0;}@property --tw-scale-x {syntax: "<number> | <percentage>";inherits: false;initial-value: 1;}@property --tw-scale-y {syntax: "<number> | <percentage>";inherits: false;initial-value: 1;}@property --tw-scale-z {syntax: "<number> | <percentage>";inherits: false;initial-value: 1;}@property --tw-rotate-x {syntax: "<transform-function>";inherits: false;initial-value: rotateX(0);}@property --tw-rotate-y {syntax: "<transform-function>";inherits: false;initial-value: rotateY(0);}@property --tw-rotate-z {syntax: "<transform-function>";inherits: false;initial-value: rotateZ(0);}@property --tw-skew-x {syntax: "<transform-function>";inherits: false;initial-value: skewX(0);}@property --tw-skew-y {syntax: "<transform-function>";inherits: false;initial-value: skewY(0);}@property --tw-border-style {syntax: "<custom-ident>";inherits: false;initial-value: solid;}@property --tw-shadow {syntax: "*";inherits: false;initial-value: 0 0 #0000;}@property --tw-shadow-colored {syntax: "*";inherits: false;initial-value: 0 0 #0000;}@property --tw-inset-shadow {syntax: "*";inherits: false;initial-value: 0 0 #0000;}@property --tw-inset-shadow-colored {syntax: "*";inherits: false;initial-value: 0 0 #0000;}@property --tw-ring-color {syntax: "*";inherits: false;}@property --tw-ring-shadow {syntax: "*";inherits: false;initial-value: 0 0 #0000;}@property --tw-inset-ring-color {syntax: "*";inherits: false;}@property --tw-inset-ring-shadow {syntax: "*";inherits: false;initial-value: 0 0 #0000;}@property --tw-ring-inset {syntax: "*";inherits: false;}@property --tw-ring-offset-width {syntax: "<length>";inherits: false;initial-value: 0px;}@property --tw-ring-offset-color {syntax: "*";inherits: false;initial-value: #fff;}@property --tw-ring-offset-shadow {syntax: "*";inherits: false;initial-value: 0 0 #0000;}@property --tw-outline-style {syntax: "<custom-ident>";inherits: false;initial-value: solid;}@property --tw-blur {syntax: "*";inherits: false;}@property --tw-brightness {syntax: "*";inherits: false;}@property --tw-contrast {syntax: "*";inherits: false;}@property --tw-grayscale {syntax: "*";inherits: false;}@property --tw-hue-rotate {syntax: "*";inherits: false;}@property --tw-invert {syntax: "*";inherits: false;}@property --tw-opacity {syntax: "*";inherits: false;}@property --tw-saturate {syntax: "*";inherits: false;}@property --tw-sepia {syntax: "*";inherits: false;}@property --tw-backdrop-blur {syntax: "*";inherits: false;}@property --tw-backdrop-brightness {syntax: "*";inherits: false;}@property --tw-backdrop-contrast {syntax: "*";inherits: false;}@property --tw-backdrop-grayscale {syntax: "*";inherits: false;}@property --tw-backdrop-hue-rotate {syntax: "*";inherits: false;}@property --tw-backdrop-invert {syntax: "*";inherits: false;}@property --tw-backdrop-opacity {syntax: "*";inherits: false;}@property --tw-backdrop-saturate {syntax: "*";inherits: false;}@property --tw-backdrop-sepia {syntax: "*";inherits: false;}@property --tw-content {syntax: "*";initial-value: "";inherits: false;}.spotlight[data-v-73a07988] {background: linear-gradient(45deg, #00dc82, #36e4da 50%, #0047e1);bottom: -30vh;filter: blur(20vh);height: 40vh;}.gradient-border[data-v-73a07988] {-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border-radius: .5rem;position: relative;}@media (prefers-color-scheme:light) {.gradient-border[data-v-73a07988] {background-color: #ffffff4d;}.gradient-border[data-v-73a07988]:before {background: linear-gradient(90deg, #e2e2e2, #e2e2e2 25%, #00dc82, #36e4da 75%, #0047e1);}}@media (prefers-color-scheme:dark) {.gradient-border[data-v-73a07988] {background-color: #1414144d;}.gradient-border[data-v-73a07988]:before {background: linear-gradient(90deg, #303030, #303030 25%, #00dc82, #36e4da 75%, #0047e1);}}.gradient-border[data-v-73a07988]:before {background-size: 400% auto;border-radius: .5rem;bottom: 0;content: "";left: 0;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;opacity: .5;padding: 2px;position: absolute;right: 0;top: 0;transition: background-position .3s ease-in-out, opacity .2s ease-in-out;width: 100%}.gradient-border[data-v-73a07988]:hover:before {background-position: -50% 0;opacity: 1;}.fixed[data-v-73a07988] {position: fixed;}.left-0[data-v-73a07988] {left: 0;}.right-0[data-v-73a07988] {right: 0;}.z-10[data-v-73a07988] {z-index: 10;}.z-20[data-v-73a07988] {z-index: 20;}.grid[data-v-73a07988] {display: grid;}.mb-16[data-v-73a07988] {margin-bottom: 4rem;}.mb-8[data-v-73a07988] {margin-bottom: 2rem;}.max-w-520px[data-v-73a07988] {max-width: 520px;}.min-h-screen[data-v-73a07988] {min-height: 100vh;}.w-full[data-v-73a07988] {width: 100%}.flex[data-v-73a07988] {display: flex;}.cursor-pointer[data-v-73a07988] {cursor: pointer;}.place-content-center[data-v-73a07988] {place-content: center;}.items-center[data-v-73a07988] {align-items: center;}.justify-center[data-v-73a07988] {justify-content: center;}.overflow-hidden[data-v-73a07988] {overflow: hidden;}.bg-white[data-v-73a07988] {--un-bg-opacity: 1;background-color: rgb(255 255 255/var(--un-bg-opacity));}.px-4[data-v-73a07988] {padding-left: 1rem;padding-right: 1rem;}.px-8[data-v-73a07988] {padding-left: 2rem;padding-right: 2rem;}.py-2[data-v-73a07988] {padding-bottom: .5rem;padding-top: .5rem;}.text-center[data-v-73a07988] {text-align: center;}.text-8xl[data-v-73a07988] {font-size: 6rem;line-height: 1;}.text-xl[data-v-73a07988] {font-size: 1.25rem;line-height: 1.75rem;}.text-black[data-v-73a07988] {--un-text-opacity: 1;color: rgb(0 0 0/var(--un-text-opacity));}.font-light[data-v-73a07988] {font-weight: 300;}.font-medium[data-v-73a07988] {font-weight: 500;}.leading-tight[data-v-73a07988] {line-height: 1.25;}.font-sans[data-v-73a07988] {font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;}.antialiased[data-v-73a07988] {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}@media (prefers-color-scheme:dark) {.dark\: bg-black[data-v-73a07988] {--un-bg-opacity: 1;background-color: rgb(0 0 0/var(--un-bg-opacity));}.dark\:text-white[data-v-73a07988] {--un-text-opacity: 1;color: rgb(255 255 255/var(--un-text-opacity));}}@media (min-width:640px) {.sm\: px-0[data-v-73a07988] {padding-left: 0;padding-right: 0;}.sm\:px-6[data-v-73a07988] {padding-left: 1.5rem;padding-right: 1.5rem;}.sm\:py-3[data-v-73a07988] {padding-bottom: .75rem;padding-top: .75rem;}.sm\:text-4xl[data-v-73a07988] {font-size: 2.25rem;line-height: 2.5rem;}.sm\:text-xl[data-v-73a07988] {font-size: 1.25rem;line-height: 1.75rem;}}.spotlight[data-v-6fdef64d] {background: linear-gradient(45deg, #00dc82, #36e4da 50%, #0047e1);filter: blur(20vh);}.fixed[data-v-6fdef64d] {position: fixed;}.-bottom-1\/2[data-v-6fdef64d] {bottom: -50%}.left-0[data-v-6fdef64d] {left: 0;}.right-0[data-v-6fdef64d] {right: 0;}.grid[data-v-6fdef64d] {display: grid;}.mb-16[data-v-6fdef64d] {margin-bottom: 4rem;}.mb-8[data-v-6fdef64d] {margin-bottom: 2rem;}.h-1\/2[data-v-6fdef64d] {height: 50%}.max-w-520px[data-v-6fdef64d] {max-width: 520px;}.min-h-screen[data-v-6fdef64d] {min-height: 100vh;}.place-content-center[data-v-6fdef64d] {place-content: center;}.overflow-hidden[data-v-6fdef64d] {overflow: hidden;}.bg-white[data-v-6fdef64d] {--un-bg-opacity: 1;background-color: rgb(255 255 255/var(--un-bg-opacity));}.px-8[data-v-6fdef64d] {padding-left: 2rem;padding-right: 2rem;}.text-center[data-v-6fdef64d] {text-align: center;}.text-8xl[data-v-6fdef64d] {font-size: 6rem;line-height: 1;}.text-xl[data-v-6fdef64d] {font-size: 1.25rem;line-height: 1.75rem;}.text-black[data-v-6fdef64d] {--un-text-opacity: 1;color: rgb(0 0 0/var(--un-text-opacity));}.font-light[data-v-6fdef64d] {font-weight: 300;}.font-medium[data-v-6fdef64d] {font-weight: 500;}.leading-tight[data-v-6fdef64d] {line-height: 1.25;}.font-sans[data-v-6fdef64d] {font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;}.antialiased[data-v-6fdef64d] {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}@media (prefers-color-scheme:dark) {.dark\: bg-black[data-v-6fdef64d] {--un-bg-opacity: 1;background-color: rgb(0 0 0/var(--un-bg-opacity));}.dark\:text-white[data-v-6fdef64d] {--un-text-opacity: 1;color: rgb(255 255 255/var(--un-text-opacity));}}@media (min-width:640px) {.sm\: px-0[data-v-6fdef64d] {padding-left: 0;padding-right: 0;}.sm\:text-4xl[data-v-6fdef64d] {font-size: 2.25rem;line-height: 2.5rem;}}.prismic-preview[data-v-494841bd] {align-items: center;background: #fff;color: #666;display: flex;font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;font-size: 1rem;height: 100vh;justify-content: center;left: 0;position: fixed;text-align: center;top: 0;width: 100%}img[data-v-494841bd] {margin-bottom: 1.25rem;}:where(svg[data-v-eb92a8ae]) {position: fixed;}.hero[data-v-c994a459] {grid-column: 1/-1;}[data-admin][data-v-c994a459] {position: absolute;right: var(--space-md);top: var(--space-md);z-index: 50;}a[aria-current][data-v-d808f8dd] {border-bottom: 1px solid #fff;}.flex-layout-grid[data-v-81722936] {background-image: url(https://images.unsplash.com/photo-1517670972079-a58c8d6c0af8?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1950&q=80);background-size: cover;}.hero-content__container[data-v-24ac1bed] {grid-column: 1/-1;}