@layer reset,base,theme,elements,layout,components,utilities;@layer base{:root{--scale-ratio-minor-second: 1.067;--scale-ratio-major-second: 1.125;--scale-ratio-minor-third: 1.2;--scale-ratio-major-third: 1.25;--scale-ratio-perfect-fourth: 1.333;--scale-ratio-augmented-fourth: 1.414;--scale-ratio-perfect-fifth: 1.5;--scale-ratio-minor-sixth: 1.6;--scale-ratio-golden-section: 1.618;--scale-ratio-major-sixth: 1.667;--scale-ratio-minor-seventh: 1.778;--scale-ratio-major-seventh: 1.875;--scale-ratio-octave: 2;--scale-breakpoint-ratio: var(--scale-ratio-golden-section);--scale-base-breakpoint: 320px;--scale-max-breakpoint: 1920px;--scale-radius-ratio: var(--scale-ratio-major-second);--scale-base-radius: .25rem;--scale-shadow-ratio: var(--scale-ratio-perfect-fourth);--scale-base-shadow-blur: 2px;--scale-base-shadow-spread: 1px}}@layer base{:root{--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s;--transition-ease: cubic-bezier(.4, 0, .2, 1);--transition-ease-in: cubic-bezier(.4, 0, 1, 1);--transition-ease-out: cubic-bezier(0, 0, .2, 1);--transition-ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-below: -1;--z-normal: 0;--z-above: 1;--z-header: 100;--z-dropdown: 200;--z-sticky: 300;--z-fixed: 400;--z-modal: 500;--z-popup: 600;--z-tooltip: 700;--z-toast: 800;--z-maximum: 999;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-xxl: 1.5rem;--radius-full: 9999px;--border-radius: var(--radius-m);--icon-size-xs: 16px;--icon-size-s: 20px;--icon-size-m: 24px;--icon-size-l: 32px;--icon-size-xl: 40px;--icon-size: var(--icon-size-s);--touch-target-min: 44px;--shadow-s: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-m: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-l: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-xxl: 0 25px 50px -12px rgb(0 0 0 / .25);--elevation-modal: 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12), 0px 5px 5px -3px rgba(0, 0, 0, .2);--elevation-drawer: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--elevation-fab: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}}@layer base.base;@layer base{:where(:root){--color-primary-hue: 201;--color-primary-saturation: 87%;--color-primary-lightness: 48%;--color-primary-base: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness));--color-complementary-offset: 180;--color-triadic-offset-1: 120;--color-triadic-offset-2: 240;--color-quadratic-offset-1: 90;--color-quadratic-offset-2: 180;--color-quadratic-offset-3: 270;--color-analogous-offset-1: 30;--color-analogous-offset-2: -30;--color-analogous-offset-3: 60;--color-analogous-offset-4: -60;--color-primary-0: hsl(var(--color-primary-hue), var(--color-primary-saturation), 100%);--color-primary-10: hsl(var(--color-primary-hue), var(--color-primary-saturation), 95%);--color-primary-20: hsl(var(--color-primary-hue), var(--color-primary-saturation), 87%);--color-primary-30: hsl(var(--color-primary-hue), var(--color-primary-saturation), 78%);--color-primary-40: hsl(var(--color-primary-hue), var(--color-primary-saturation), 69%);--color-primary-50: hsl(var(--color-primary-hue), var(--color-primary-saturation), 60%);--color-primary-60: hsl(var(--color-primary-hue), var(--color-primary-saturation), 48%);--color-primary-70: hsl(var(--color-primary-hue), var(--color-primary-saturation), 39%);--color-primary-80: hsl(var(--color-primary-hue), var(--color-primary-saturation), 30%);--color-primary-90: hsl(var(--color-primary-hue), var(--color-primary-saturation), 21%);--color-primary-95: hsl(var(--color-primary-hue), var(--color-primary-saturation), 12%);--color-primary-100: hsl(var(--color-primary-hue), var(--color-primary-saturation), 0%);--color-secondary-hue: calc(var(--color-primary-hue) + var(--color-complementary-offset));--color-secondary-saturation: 82%;--color-secondary-0: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 100%);--color-secondary-10: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 95%);--color-secondary-20: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 87%);--color-secondary-30: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 78%);--color-secondary-40: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 69%);--color-secondary-50: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 60%);--color-secondary-60: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 48%);--color-secondary-70: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 39%);--color-secondary-80: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 30%);--color-secondary-90: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 21%);--color-secondary-95: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 12%);--color-secondary-100: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 0%);--color-tertiary-hue: calc(var(--color-primary-hue) + var(--color-triadic-offset-1));--color-tertiary-saturation: 76%;--color-tertiary-0: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 100%);--color-tertiary-10: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 95%);--color-tertiary-20: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 87%);--color-tertiary-30: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 78%);--color-tertiary-40: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 69%);--color-tertiary-50: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 60%);--color-tertiary-60: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 48%);--color-tertiary-70: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 39%);--color-tertiary-80: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 30%);--color-tertiary-90: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 21%);--color-tertiary-95: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 12%);--color-tertiary-100: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 0%);--color-quaternary-hue: calc(var(--color-primary-hue) + var(--color-triadic-offset-2));--color-quaternary-saturation: 73%;--color-quaternary-0: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 100%);--color-quaternary-10: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 95%);--color-quaternary-20: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 87%);--color-quaternary-30: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 78%);--color-quaternary-40: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 69%);--color-quaternary-50: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 60%);--color-quaternary-60: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 48%);--color-quaternary-70: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 39%);--color-quaternary-80: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 30%);--color-quaternary-90: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 21%);--color-quaternary-95: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 12%);--color-quaternary-100: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 0%);--color-neutral-0: hsl(0, 0%, 100%);--color-neutral-10: hsl(0, 0%, 96%);--color-neutral-20: hsl(0, 0%, 90%);--color-neutral-30: hsl(0, 0%, 83%);--color-neutral-40: hsl(0, 0%, 74%);--color-neutral-50: hsl(0, 0%, 64%);--color-neutral-60: hsl(0, 0%, 49%);--color-neutral-70: hsl(0, 0%, 38%);--color-neutral-80: hsl(0, 0%, 28%);--color-neutral-90: hsl(0, 0%, 17%);--color-neutral-95: hsl(0, 0%, 11%);--color-neutral-100: hsl(0, 0%, 0%);--color-neutral-variant-0: hsl(var(--color-primary-hue), 8%, 100%);--color-neutral-variant-10: hsl(var(--color-primary-hue), 8%, 96%);--color-neutral-variant-20: hsl(var(--color-primary-hue), 8%, 90%);--color-neutral-variant-30: hsl(var(--color-primary-hue), 8%, 83%);--color-neutral-variant-40: hsl(var(--color-primary-hue), 8%, 74%);--color-neutral-variant-50: hsl(var(--color-primary-hue), 8%, 64%);--color-neutral-variant-60: hsl(var(--color-primary-hue), 8%, 49%);--color-neutral-variant-70: hsl(var(--color-primary-hue), 8%, 38%);--color-neutral-variant-80: hsl(var(--color-primary-hue), 8%, 28%);--color-neutral-variant-90: hsl(var(--color-primary-hue), 8%, 17%);--color-neutral-variant-95: hsl(var(--color-primary-hue), 8%, 11%);--color-neutral-variant-100: hsl(var(--color-primary-hue), 8%, 0%);--color-analogous-1-hue: calc(var(--color-primary-hue) + var(--color-analogous-offset-1));--color-analogous-1-saturation: 85%;--color-analogous-1-0: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 100%);--color-analogous-1-10: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 95%);--color-analogous-1-20: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 87%);--color-analogous-1-30: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 78%);--color-analogous-1-40: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 69%);--color-analogous-1-50: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 60%);--color-analogous-1-60: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 48%);--color-analogous-1-70: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 39%);--color-analogous-1-80: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 30%);--color-analogous-1-90: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 21%);--color-analogous-1-95: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 12%);--color-analogous-1-100: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 0%);--color-analogous-2-hue: calc(var(--color-primary-hue) + var(--color-analogous-offset-2));--color-analogous-2-saturation: 83%;--color-analogous-2-0: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 100%);--color-analogous-2-10: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 95%);--color-analogous-2-20: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 87%);--color-analogous-2-30: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 78%);--color-analogous-2-40: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 69%);--color-analogous-2-50: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 60%);--color-analogous-2-60: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 48%);--color-analogous-2-70: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 39%);--color-analogous-2-80: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 30%);--color-analogous-2-90: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 21%);--color-analogous-2-95: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 12%);--color-analogous-2-100: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 0%);--color-analogous-3-hue: calc(var(--color-primary-hue) + var(--color-analogous-offset-3));--color-analogous-3-saturation: 80%;--color-analogous-3-0: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 100%);--color-analogous-3-10: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 95%);--color-analogous-3-20: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 87%);--color-analogous-3-30: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 78%);--color-analogous-3-40: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 69%);--color-analogous-3-50: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 60%);--color-analogous-3-60: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 48%);--color-analogous-3-70: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 39%);--color-analogous-3-80: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 30%);--color-analogous-3-90: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 21%);--color-analogous-3-95: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 12%);--color-analogous-3-100: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 0%);--color-analogous-4-hue: calc(var(--color-primary-hue) + var(--color-analogous-offset-4));--color-analogous-4-saturation: 78%;--color-analogous-4-0: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 100%);--color-analogous-4-10: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 95%);--color-analogous-4-20: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 87%);--color-analogous-4-30: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 78%);--color-analogous-4-40: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 69%);--color-analogous-4-50: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 60%);--color-analogous-4-60: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 48%);--color-analogous-4-70: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 39%);--color-analogous-4-80: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 30%);--color-analogous-4-90: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 21%);--color-analogous-4-95: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 12%);--color-analogous-4-100: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 0%);--color-success-0: hsl(142, 76%, 100%);--color-success-10: hsl(142, 76%, 95%);--color-success-20: hsl(142, 76%, 87%);--color-success-30: hsl(142, 76%, 78%);--color-success-40: hsl(142, 76%, 69%);--color-success-50: hsl(142, 76%, 60%);--color-success-60: hsl(142, 76%, 48%);--color-success-70: hsl(142, 76%, 39%);--color-success-80: hsl(142, 76%, 30%);--color-success-90: hsl(142, 76%, 21%);--color-success-95: hsl(142, 76%, 12%);--color-success-100: hsl(142, 76%, 0%);--color-warning-0: hsl(45, 93%, 100%);--color-warning-10: hsl(45, 93%, 95%);--color-warning-20: hsl(45, 93%, 87%);--color-warning-30: hsl(45, 93%, 78%);--color-warning-40: hsl(45, 93%, 69%);--color-warning-50: hsl(45, 93%, 60%);--color-warning-60: hsl(45, 93%, 48%);--color-warning-70: hsl(45, 93%, 39%);--color-warning-80: hsl(45, 93%, 30%);--color-warning-90: hsl(45, 93%, 21%);--color-warning-95: hsl(45, 93%, 12%);--color-warning-100: hsl(45, 93%, 0%);--color-error-0: hsl(0, 84%, 100%);--color-error-10: hsl(0, 84%, 95%);--color-error-20: hsl(0, 84%, 87%);--color-error-30: hsl(0, 84%, 78%);--color-error-40: hsl(0, 84%, 69%);--color-error-50: hsl(0, 84%, 60%);--color-error-60: hsl(0, 84%, 48%);--color-error-70: hsl(0, 84%, 39%);--color-error-80: hsl(0, 84%, 30%);--color-error-90: hsl(0, 84%, 21%);--color-error-95: hsl(0, 84%, 12%);--color-error-100: hsl(0, 84%, 0%);--color-primary: var(--color-primary-60);--color-on-primary: var(--color-primary-0);--color-primary-container: var(--color-primary-10);--color-on-primary-container: var(--color-primary-90);--color-secondary: var(--color-secondary-60);--color-on-secondary: var(--color-secondary-0);--color-secondary-container: var(--color-secondary-10);--color-on-secondary-container: var(--color-secondary-90);--color-tertiary: var(--color-tertiary-60);--color-on-tertiary: var(--color-tertiary-0);--color-tertiary-container: var(--color-tertiary-10);--color-on-tertiary-container: var(--color-tertiary-90);--color-surface: var(--color-neutral-0);--color-surface-container-lowest: var(--color-neutral-0);--color-surface-container-low: var(--color-neutral-10);--color-surface-container: var(--color-neutral-10);--color-surface-container-high: var(--color-neutral-20);--color-surface-container-highest: var(--color-neutral-20);--color-on-surface: var(--color-neutral-90);--color-on-surface-variant: var(--color-neutral-variant-70);--color-surface-hover: color-mix(in srgb, var(--color-on-surface) 8%, var(--color-surface));--color-surface-variant: var(--color-neutral-variant-10);--color-background: var(--color-neutral-0);--color-on-background: var(--color-neutral-90);--color-outline: var(--color-neutral-variant-40);--color-outline-variant: var(--color-neutral-variant-20);--color-border: var(--color-outline-variant);--color-scrim: rgba(0, 0, 0, .32);--color-inverse-surface: var(--color-neutral-90);--color-inverse-on-surface: var(--color-neutral-10);--color-inverse-primary: var(--color-primary-20);--color-success: var(--color-success-60);--color-on-success: var(--color-success-0);--color-success-container: var(--color-success-10);--color-on-success-container: var(--color-success-90);--color-warning: var(--color-warning-60);--color-on-warning: var(--color-warning-0);--color-warning-container: var(--color-warning-10);--color-on-warning-container: var(--color-warning-90);--color-error: var(--color-error-60);--color-on-error: var(--color-error-0);--color-error-container: var(--color-error-10);--color-on-error-container: var(--color-error-90);--state-hover-opacity: .08;--state-focus-opacity: .12;--state-pressed-opacity: .12;--state-dragged-opacity: .16;--state-layer-primary-hover: hsla(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness), var(--state-hover-opacity));--state-layer-primary-focus: hsla(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness), var(--state-focus-opacity));--state-layer-primary-pressed: hsla(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness), var(--state-pressed-opacity));--state-layer-surface-hover: hsla(0, 0%, 0%, var(--state-hover-opacity));--state-layer-surface-focus: hsla(0, 0%, 0%, var(--state-focus-opacity));--state-layer-surface-pressed: hsla(0, 0%, 0%, var(--state-pressed-opacity))}}@layer base{:root{--scale-base-spacing: 1rem;--scale-min-spacing: .5rem;--scale-max-spacing: 6rem;--scale-spacing-ratio: var(--scale-ratio-major-second);--scale-spacing-steps-below: 4;--scale-spacing-steps-above: 8;--space-3xs: clamp(.25rem, .23rem + .09vw, .31rem);--space-2xs: clamp(.5rem, .47rem + .16vw, .63rem);--space-xs: clamp(.75rem, .7rem + .23vw, .94rem);--space-s: clamp(1rem, .94rem + .31vw, 1.25rem);--space-m: clamp(1.5rem, 1.41rem + .47vw, 1.88rem);--space-l: clamp(2rem, 1.88rem + .63vw, 2.5rem);--space-xl: clamp(3rem, 2.81rem + .94vw, 3.75rem);--space-2xl: clamp(4rem, 3.75rem + 1.25vw, 5rem);--space-3xl: clamp(6rem, 5.63rem + 1.88vw, 7.5rem);--space-3xs-2xs: clamp(.25rem, .16rem + .47vw, .63rem);--space-2xs-xs: clamp(.5rem, .39rem + .55vw, .94rem);--space-xs-s: clamp(.75rem, .63rem + .63vw, 1.25rem);--space-s-m: clamp(1rem, .78rem + 1.09vw, 1.88rem);--space-m-l: clamp(1.5rem, 1.25rem + 1.25vw, 2.5rem);--space-l-xl: clamp(2rem, 1.56rem + 2.19vw, 3.75rem);--space-xl-2xl: clamp(3rem, 2.5rem + 2.5vw, 5rem);--space-2xl-3xl: clamp(4rem, 3.13rem + 4.38vw, 7.5rem);--breakpoint-xs: 480px;--breakpoint-s: 640px;--breakpoint-m: 768px;--breakpoint-l: 1024px;--breakpoint-xl: 1280px;--breakpoint-xxl: 1536px;--container-xs: 20rem;--container-s: 24rem;--container-m: 28rem;--container-l: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--grid-columns-mobile: 4;--grid-columns-tablet: 8;--grid-columns-desktop: 12;--grid-gutter: var(--space-m);--grid-margin: var(--space-m)}}@layer base.base{:root{--font-size: var(--font-size-base);--line-height: var(--line-height-normal)}:where(:root){--background-color: var(--color-background);--color: var(--color-on-background);--font-family: var(--font-sans);text-size-adjust:100%;background-color:var(--background-color);color:var(--color);line-height:var(--line-height);font-size:1rem;font-family:var(--font-family);text-rendering:optimizeLegibility;overflow-wrap:break-word;tab-size:4}body{--background-color: var(--color-surface-container-lowest);--color: var(--color-on-background);width:100%;margin:0;background-color:var(--background-color);color:var(--color)}main{display:block}a{--color: var(--color-primary);--text-decoration: underline;--text-decoration-color: var(--color-primary);text-decoration:var(--text-decoration);text-decoration-color:var(--text-decoration-color)}a:hover{--color: var(--color-primary-70);--text-decoration-color: var(--color-primary-70)}a:visited{--color: var(--color-tertiary);--text-decoration-color: var(--color-tertiary)}a.secondary,a.contrast{--text-decoration: underline}small{--font-size: var(--scale-step--2)}span,em,strong,mark,del,ins{font-size:var(--font-size-base);line-height:var(--line-height)}h1,h2,h3,h4,h5,h6{--font-weight: 700}h1{--font-size: var(--font-size-5xl);--line-height: 150%}h2{--font-size: var(--font-size-4xl);--line-height: 150%}h3{--font-size: var(--font-size-3xl);--line-height: 150%;--typography-spacing-top: 2.25rem}h4{--font-size: var(--font-size-2xl);--line-height: 150%;--typography-spacing-top: 1.874rem}h5{--font-size: var(--font-size-xl);--line-height: 150%;--typography-spacing-top: 1.6875rem}h6{--font-size: var(--font-size-l);--line-height: 150%;--typography-spacing-top: 1.5rem}thead th,thead td,tfoot th,tfoot td{--font-weight: 600;--border-width: .1875rem}pre,code,kbd,samp{--font-family: var(--font-family-monospace)}kbd{--font-weight: bolder}address,blockquote,dl,ol,p,pre,table,ul{--color: var(--color-on-surface);--font-weight: var(--font-weight-regular);--margin-bottom: var(--space-m);margin-top:0;margin-bottom:var(--margin-bottom);color:var(--color);font-style:normal;font-weight:var(--font-weight)}h1,h2,h3,h4,h5,h6{--color: var(--color-on-surface);--font-weight: var(--font-weight-bold);--font-family: var(--font-sans);--margin-bottom: var(--scale-step-1);margin-top:0;margin-bottom:var(--margin-bottom);color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);font-family:var(--font-family)}}@layer base.minttu.core.scale{:where(:root){--breakpoint-xs: 480px;--breakpoint-s: 640px;--breakpoint-m: 768px;--breakpoint-l: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}}@layer base{@layer layout{:where(:host),:where(:root){--scale-ratio-minor-second: 1.067;--scale-ratio-major-second: 1.125;--scale-ratio-minor-third: 1.2;--scale-ratio-major-third: 1.25;--scale-ratio-perfect-fourth: 1.333;--scale-ratio-augmented-fourth: 1.414;--scale-ratio-perfect-fifth: 1.5;--scale-ratio-minor-sixth: 1.6;--scale-ratio-golden-section: 1.618;--scale-ratio-major-sixth: 1.667;--scale-ratio-minor-seventh: 1.778;--scale-ratio-major-seventh: 1.875;--scale-ratio-octave: 2;--scale-base-font-size: 16px;--scale-min-font-size: 16;--scale-max-font-size: 18;--scale-font-ratio: var(--scale-ratio-minor-third);--scale-font-steps-below: 2;--scale-font-steps-above: 10;--scale-base-spacing: 1rem;--scale-min-spacing: .5rem;--scale-max-spacing: 6rem;--scale-spacing-ratio: var(--scale-ratio-major-second);--scale-spacing-steps-below: 4;--scale-spacing-steps-above: 8;--ratio-1: var(--scale-spacing-ratio);--ratio-2: calc(var(--ratio-1) * var(--ratio-1));--ratio-3: calc(var(--ratio-2) * var(--ratio-1));--ratio-4: calc(var(--ratio-3) * var(--ratio-1));--space--4-base: calc(var(--scale-base-spacing) / var(--ratio-4));--space--3-base: calc(var(--scale-base-spacing) / var(--ratio-3));--space--2-base: calc(var(--scale-base-spacing) / var(--ratio-2));--space--1-base: calc(var(--scale-base-spacing) / var(--ratio-1));--space-0-base: var(--scale-base-spacing);--space-1-base: calc(var(--scale-base-spacing) * var(--ratio-1));--space-2-base: calc(var(--scale-base-spacing) * var(--ratio-2));--space-3-base: calc(var(--scale-base-spacing) * var(--ratio-3));--space-4-base: calc(var(--scale-base-spacing) * var(--ratio-4));--space--4-min: calc(var(--scale-min-spacing) / var(--ratio-4));--space--3-min: calc(var(--scale-min-spacing) / var(--ratio-3));--space--2-min: calc(var(--scale-min-spacing) / var(--ratio-2));--space--1-min: calc(var(--scale-min-spacing) / var(--ratio-1));--space-0-min: var(--scale-min-spacing);--space-1-min: calc(var(--scale-min-spacing) * var(--ratio-1));--space-2-min: calc(var(--scale-min-spacing) * var(--ratio-2));--space-3-min: calc(var(--scale-min-spacing) * var(--ratio-3));--space-4-min: calc(var(--scale-min-spacing) * var(--ratio-4));--space--4-max: calc(var(--scale-max-spacing) / var(--ratio-4));--space--3-max: calc(var(--scale-max-spacing) / var(--ratio-3));--space--2-max: calc(var(--scale-max-spacing) / var(--ratio-2));--space--1-max: calc(var(--scale-max-spacing) / var(--ratio-1));--space-0-max: var(--scale-max-spacing);--space-1-max: calc(var(--scale-max-spacing) * var(--ratio-1));--space-2-max: calc(var(--scale-max-spacing) * var(--ratio-2));--space-3-max: calc(var(--scale-max-spacing) * var(--ratio-3));--space-4-max: calc(var(--scale-max-spacing) * var(--ratio-4));--space--4: clamp(var(--space--4-min), var(--space--4-base), var(--space--4-max));--space--3: clamp(var(--space--3-min), var(--space--3-base), var(--space--3-max));--space--2: clamp(var(--space--2-min), var(--space--2-base), var(--space--2-max));--space--1: clamp(var(--space--1-min), var(--space--1-base), var(--space--1-max));--space-0: clamp(var(--space-0-min), var(--space-0-base), var(--space-0-max));--space-1: clamp(var(--space-1-min), var(--space-1-base), var(--space-1-max));--space-2: clamp(var(--space-2-min), var(--space-2-base), var(--space-2-max));--space-3: clamp(var(--space-3-min), var(--space-3-base), var(--space-3-max));--space-4: clamp(var(--space-4-min), var(--space-4-base), var(--space-4-max));--space-3xs: var(--space--3);--space-2xs: var(--space--2);--space-xs: var(--space--1);--space-s: var(--space-0);--space-m: var(--space-1);--space-l: var(--space-2);--space-xl: var(--space-3);--space-2xl: var(--space-4)}@media(min-width:1440px){:root{--scale-base-spacing: 1.1rem}}}@layer components{button,input[type=submit],input[type=reset],input[type=button]{padding:var(--space-xs) var(--space-s);line-height:1.2}:is(button,input[type=submit],input[type=reset],input[type=button])[data-size=compact]{padding:var(--space-2xs) var(--space-xs)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-size=large]{padding:var(--space-s) var(--space-m)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-size=xlarge]{padding:var(--space-m) var(--space-l)}}@layer debug{body[data-debug=spacing] .debug-panel{position:fixed;top:20px;right:20px;background:#000c;color:#fff;padding:16px;font-family:monospace;font-size:12px}body[data-debug=spacing] .debug-panel:before{content:"Current Space Values:" "\a" "--space--2: " var(--space--2) "\a" "--space--1: " var(--space--1) "\a" "--space-0: " var(--space-0) "\a" "--space-1: " var(--space-1) "\a" "--space-2: " var(--space-2) "\a" "Viewport width: " 100vw "\a" "Scale ratio: " var(--scale-spacing-ratio);white-space:pre}}}@layer base.base{:where(:root){--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif: Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-header: var(--font-sans);--font-body: var(--font-sans);--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 1.8;--font-size-xs: clamp(.75rem, .69rem + .25vw, .875rem);--font-size-s: clamp(.875rem, .81rem + .31vw, 1rem);--font-size-base: clamp(1rem, .94rem + .31vw, 1.125rem);--font-size-l: clamp(1.125rem, 1.06rem + .31vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1.19rem + .31vw, 1.375rem);--font-size-2xl: clamp(1.5rem, 1.38rem + .63vw, 1.75rem);--font-size-3xl: clamp(1.875rem, 1.69rem + .94vw, 2.25rem);--font-size-4xl: clamp(2.25rem, 2rem + 1.25vw, 2.75rem);--font-size-5xl: clamp(3rem, 2.63rem + 1.88vw, 3.75rem);--font-size-6xl: clamp(3.75rem, 3.19rem + 2.81vw, 4.75rem);--font-size: var(--font-size-base);--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em}}@layer base.base{:where(:host),:where(:root){--fluid-min-width: 320;--fluid-max-width: 1240;--fluid-view-baseline: 100vi;--scale-px-to-rem-ratio: 16;--font-step-base-minimum: var(--scale-min-font-size);--font-step-base-maximum: var(--scale-max-font-size);--font-step-base-slope: calc((var(--font-step-base-maximum) - var(--font-step-base-minimum)) / (var(--fluid-max-width) - var(--fluid-min-width)));--font-step-base-slope-vi: calc(var(--font-step-base-slope) * var(--fluid-view-baseline));--font-step-base-intercept: calc(((var(--font-step-base-minimum) - var(--font-step-base-slope) * var(--fluid-min-width)) / var(--scale-px-to-rem-ratio)) * 1rem);--font-step--2-minimum: calc(var(--font-step-base-minimum) / pow(var(--scale-font-ratio), 2));--font-step--2-maximum: calc(var(--font-step-base-maximum) / pow(var(--scale-font-ratio), 2));--font-step--2-slope: calc((var(--font-step--2-maximum) - var(--font-step--2-minimum)) / (var(--fluid-max-width) - var(--fluid-min-width)));--font-step--2-slope-vi: calc(var(--font-step--2-slope) * var(--fluid-view-baseline));--font-step--2-intercept: calc(((var(--font-step--2-minimum) - var(--font-step--2-slope) * var(--fluid-min-width)) / var(--scale-px-to-rem-ratio)) * 1rem);--font-step--1-minimum: calc(var(--font-step-base-minimum) / var(--scale-font-ratio));--font-step--1-maximum: calc(var(--font-step-base-maximum) / var(--scale-font-ratio));--font-step--1-slope: calc((var(--font-step--1-maximum) - var(--font-step--1-minimum)) / (var(--fluid-max-width) - var(--fluid-min-width)));--font-step--1-slope-vi: calc(var(--font-step--1-slope) * var(--fluid-view-baseline));--font-step--1-intercept: calc(((var(--font-step--1-minimum) - var(--font-step--1-slope) * var(--fluid-min-width)) / var(--scale-px-to-rem-ratio)) * 1rem);--font-step-1-minimum: calc(var(--font-step-base-minimum) * var(--scale-font-ratio));--font-step-1-maximum: calc(var(--font-step-base-maximum) * var(--scale-font-ratio));--font-step-1-slope: calc((var(--font-step-1-maximum) - var(--font-step-1-minimum)) / (var(--fluid-max-width) - var(--fluid-min-width)));--font-step-1-slope-vi: calc(var(--font-step-1-slope) * var(--fluid-view-baseline));--font-step-1-intercept: calc(((var(--font-step-1-minimum) - var(--font-step-1-slope) * var(--fluid-min-width)) / var(--scale-px-to-rem-ratio)) * 1rem);--font-step-2-minimum: calc(var(--font-step-base-minimum) * pow(var(--scale-font-ratio), 2));--font-step-2-maximum: calc(var(--font-step-base-maximum) * pow(var(--scale-font-ratio), 2));--font-step-2-slope: calc((var(--font-step-2-maximum) - var(--font-step-2-minimum)) / (var(--fluid-max-width) - var(--fluid-min-width)));--font-step-2-slope-vi: calc(var(--font-step-2-slope) * var(--fluid-view-baseline));--font-step-2-intercept: calc(((var(--font-step-2-minimum) - var(--font-step-2-slope) * var(--fluid-min-width)) / var(--scale-px-to-rem-ratio)) * 1rem);--font-step-3-minimum: calc(var(--font-step-base-minimum) * pow(var(--scale-font-ratio), 3));--font-step-3-maximum: calc(var(--font-step-base-maximum) * pow(var(--scale-font-ratio), 3));--font-step-3-slope: calc((var(--font-step-3-maximum) - var(--font-step-3-minimum)) / (var(--fluid-max-width) - var(--fluid-min-width)));--font-step-3-slope-vi: calc(var(--font-step-3-slope) * var(--fluid-view-baseline));--font-step-3-intercept: calc(((var(--font-step-3-minimum) - var(--font-step-3-slope) * var(--fluid-min-width)) / var(--scale-px-to-rem-ratio)) * 1rem);--font-step-4-minimum: calc(var(--font-step-base-minimum) * pow(var(--scale-font-ratio), 4));--font-step-4-maximum: calc(var(--font-step-base-maximum) * pow(var(--scale-font-ratio), 4));--font-step-4-slope: calc((var(--font-step-4-maximum) - var(--font-step-4-minimum)) / (var(--fluid-max-width) - var(--fluid-min-width)));--font-step-4-slope-vi: calc(var(--font-step-4-slope) * var(--fluid-view-baseline));--font-step-4-intercept: calc(((var(--font-step-4-minimum) - var(--font-step-4-slope) * var(--fluid-min-width)) / var(--scale-px-to-rem-ratio)) * 1rem);--font-step-5-minimum: calc(var(--font-step-base-minimum) * pow(var(--scale-font-ratio), 5));--font-step-5-maximum: calc(var(--font-step-base-maximum) * pow(var(--scale-font-ratio), 5));--font-step-5-slope: calc((var(--font-step-5-maximum) - var(--font-step-5-minimum)) / (var(--fluid-max-width) - var(--fluid-min-width)));--font-step-5-slope-vi: calc(var(--font-step-5-slope) * var(--fluid-view-baseline));--font-step-5-intercept: calc(((var(--font-step-5-minimum) - var(--font-step-5-slope) * var(--fluid-min-width)) / var(--scale-px-to-rem-ratio)) * 1rem);--font-step-6-minimum: calc(var(--font-step-base-minimum) * pow(var(--scale-font-ratio), 6));--font-step-6-maximum: calc(var(--font-step-base-maximum) * pow(var(--scale-font-ratio), 6));--font-step-6-slope: calc((var(--font-step-6-maximum) - var(--font-step-6-minimum)) / (var(--fluid-max-width) - var(--fluid-min-width)));--font-step-6-slope-vi: calc(var(--font-step-6-slope) * var(--fluid-view-baseline));--font-step-6-intercept: calc(((var(--font-step-6-minimum) - var(--font-step-6-slope) * var(--fluid-min-width)) / var(--scale-px-to-rem-ratio)) * 1rem);--font-step-7-minimum: calc(var(--font-step-base-minimum) * pow(var(--scale-font-ratio), 7));--font-step-7-maximum: calc(var(--font-step-base-maximum) * pow(var(--scale-font-ratio), 7));--font-step-7-slope: calc((var(--font-step-7-maximum) - var(--font-step-7-minimum)) / (var(--fluid-max-width) - var(--fluid-min-width)));--font-step-7-slope-vi: calc(var(--font-step-7-slope) * var(--fluid-view-baseline));--font-step-7-intercept: calc(((var(--font-step-7-minimum) - var(--font-step-7-slope) * var(--fluid-min-width)) / var(--scale-px-to-rem-ratio)) * 1rem);--font-size--2: clamp(calc(var(--font-step--2-minimum) / var(--scale-px-to-rem-ratio) * 1rem), calc(var(--font-step--2-slope-vi) + var(--font-step--2-intercept)), calc(var(--font-step--2-maximum) / var(--scale-px-to-rem-ratio) * 1rem));--font-size--1: clamp(calc(var(--font-step--1-minimum) / var(--scale-px-to-rem-ratio) * 1rem), calc(var(--font-step--1-slope-vi) + var(--font-step--1-intercept)), calc(var(--font-step--1-maximum) / var(--scale-px-to-rem-ratio) * 1rem));--font-size-0: clamp(calc(var(--font-step-base-minimum) / var(--scale-px-to-rem-ratio) * 1rem), calc(var(--font-step-base-slope-vi) + var(--font-step-base-intercept)), calc(var(--font-step-base-maximum) / var(--scale-px-to-rem-ratio) * 1rem));--font-size-1: clamp(calc(var(--font-step-1-minimum) / var(--scale-px-to-rem-ratio) * 1rem), calc(var(--font-step-1-slope-vi) + var(--font-step-1-intercept)), calc(var(--font-step-1-maximum) / var(--scale-px-to-rem-ratio) * 1rem));--font-size-2: clamp(calc(var(--font-step-2-minimum) / var(--scale-px-to-rem-ratio) * 1rem), calc(var(--font-step-2-slope-vi) + var(--font-step-2-intercept)), calc(var(--font-step-2-maximum) / var(--scale-px-to-rem-ratio) * 1rem));--font-size-3: clamp(calc(var(--font-step-3-minimum) / var(--scale-px-to-rem-ratio) * 1rem), calc(var(--font-step-3-slope-vi) + var(--font-step-3-intercept)), calc(var(--font-step-3-maximum) / var(--scale-px-to-rem-ratio) * 1rem));--font-size-4: clamp(calc(var(--font-step-4-minimum) / var(--scale-px-to-rem-ratio) * 1rem), calc(var(--font-step-4-slope-vi) + var(--font-step-4-intercept)), calc(var(--font-step-4-maximum) / var(--scale-px-to-rem-ratio) * 1rem));--font-size-5: clamp(calc(var(--font-step-5-minimum) / var(--scale-px-to-rem-ratio) * 1rem), calc(var(--font-step-5-slope-vi) + var(--font-step-5-intercept)), calc(var(--font-step-5-maximum) / var(--scale-px-to-rem-ratio) * 1rem));--font-size-6: clamp(calc(var(--font-step-6-minimum) / var(--scale-px-to-rem-ratio) * 1rem), calc(var(--font-step-6-slope-vi) + var(--font-step-6-intercept)), calc(var(--font-step-6-maximum) / var(--scale-px-to-rem-ratio) * 1rem));--font-size-7: clamp(calc(var(--font-step-7-minimum) / var(--scale-px-to-rem-ratio) * 1rem), calc(var(--font-step-7-slope-vi) + var(--font-step-7-intercept)), calc(var(--font-step-7-maximum) / var(--scale-px-to-rem-ratio) * 1rem));--font-size-xs: var(--font-size--2);--font-size-s: var(--font-size--1);--font-size-base: var(--font-size-0);--font-size-m: var(--font-size-1);--font-size-l: var(--font-size-2);--font-size-xl: var(--font-size-3);--font-size-2xl: var(--font-size-4);--font-size-3xl: var(--font-size-5);--font-size-4xl: var(--font-size-6);--font-size-5xl: var(--font-size-7)}body{font-family:var(--font-sans);--font-size: var(--font-size-base);font-size:var(--font-size);line-height:var(--line-height-normal);color:var(--color-on-surface);-webkit-font-soothing:antialiased;-moz-osx-font-soothing:grayscale}h1{--font-size: var(--font-size-3xl);font-size:var(--font-size);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);margin-bottom:var(--space-l);letter-spacing:-.025em}h2{--font-size: var(--font-size-2xl);font-size:var(--font-size);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);margin-top:var(--space-xl);margin-bottom:var(--space-m);letter-spacing:-.025em}h3{--font-size: var(--font-size-xl);font-size:var(--font-size);line-height:var(--line-height-snug);font-weight:var(--font-weight-semibold);margin-top:var(--space-l);margin-bottom:var(--space-s);letter-spacing:-.015em}h4{--font-size: var(--font-size-l);font-size:var(--font-size);line-height:var(--line-height-snug);font-weight:var(--font-weight-semibold);margin-top:var(--space-m);margin-bottom:var(--space-s)}h5{--font-size: var(--font-size-m);font-size:var(--font-size);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium);margin-top:var(--space-m);margin-bottom:var(--space-xs)}h6{--font-size: var(--font-size-base);font-size:var(--font-size);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium);margin-top:var(--space-s);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant)}p{margin-bottom:var(--space-m);max-width:65ch}.lead{--font-size: var(--font-size-l);font-size:var(--font-size);font-weight:var(--font-weight-light);line-height:var(--line-height-relaxed);color:var(--color-on-surface-variant)}small{--font-size: var(--font-size-s);font-size:var(--font-size);color:var(--color-on-surface-variant)}mark{background-color:var(--color-warning-container);color:var(--color-on-warning-container);padding:.125em .25em;border-radius:var(--radius-xs)}del{color:var(--color-on-surface-variant);opacity:.8}ins{background-color:var(--color-success-container);color:var(--color-on-success-container);text-decoration:none;padding:.125em .25em;border-radius:var(--radius-xs)}code{font-family:var(--font-mono);font-size:.875em;background-color:var(--color-surface-container);color:var(--color-on-surface);padding:.2em .4em;border-radius:var(--radius-xs);border:1px solid var(--color-outline-variant)}pre{font-family:var(--font-mono);--font-size: var(--font-size-s);font-size:var(--font-size);background-color:var(--color-surface-container);color:var(--color-on-surface);padding:var(--space-m);border-radius:var(--radius-m);overflow-x:auto;margin-bottom:var(--space-m);line-height:var(--line-height-relaxed);border:1px solid var(--color-outline-variant)}pre code{background:none;border:none;padding:0;font-size:inherit}a{color:var(--color-primary);text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px;transition:color var(--transition-fast) var(--transition-ease)}a:hover{color:var(--color-primary-5);text-decoration-thickness:2px}a:visited{color:var(--color-primary-7)}ul,ol{padding-left:var(--space-l);margin-bottom:var(--space-m)}li{margin-bottom:var(--space-xs)}ul ul,ul ol,ol ul,ol ol{margin-top:var(--space-xs);margin-bottom:0}li>p{margin-bottom:var(--space-xs)}dl{margin-bottom:var(--space-m)}dt{font-weight:var(--font-weight-semibold);margin-top:var(--space-s)}dd{margin-left:var(--space-m);margin-bottom:var(--space-xs);color:var(--color-on-surface-variant)}blockquote{border-left:4px solid var(--color-primary-4);padding-left:var(--space-m);margin-left:0;margin-bottom:var(--space-m);font-style:italic;color:var(--color-on-surface-variant)}blockquote>:last-child{margin-bottom:0}blockquote cite{display:block;margin-top:var(--space-s);font-style:normal;--font-size: var(--font-size-s);font-size:var(--font-size);color:var(--color-on-surface-variant)}blockquote cite:before{content:"— "}hr{border:0;height:1px;background-color:var(--color-outline-variant);margin:var(--space-xl) 0}figure{margin:var(--space-m) 0}figcaption{margin-top:var(--space-xs);--font-size: var(--font-size-s);font-size:var(--font-size);color:var(--color-on-surface-variant)}address{font-style:normal;line-height:var(--line-height-relaxed);margin-bottom:var(--space-m)}abbr[title]{text-decoration:underline dotted;cursor:help}sub,sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}kbd{font-family:var(--font-mono);font-size:.875em;background-color:var(--color-surface-container);color:var(--color-on-surface);padding:.2em .4em;border:1px solid var(--color-outline);border-radius:var(--radius-s);box-shadow:0 1px 0 var(--color-outline)}@media(max-width:640px){h1{--font-size: clamp(var(--font-size-2xl), 4vw, var(--font-size-3xl))}h2{--font-size: clamp(var(--font-size-xl), 3.5vw, var(--font-size-2xl))}blockquote{padding-left:var(--space-s)}ul,ol{padding-left:var(--space-m)}}}@layer base{:root{--easing-standard: cubic-bezier(.2, 0, 0, 1);--easing-decelerate: cubic-bezier(0, 0, 0, 1);--easing-accelerate: cubic-bezier(.3, 0, 1, 1);--easing-emphasize: cubic-bezier(.2, 0, 0, 1);--easing-spring: linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001);--easing-spring-fast: linear(0, .009, .037 2.1%, .153 4.6%, .776 14.4%, .94 18.8%, 1.007 22%, 1.043 25.3%, 1.054 32%, 1.007 55.6%, 1);--easing-spring-slow: linear(0, .002, .01 3.6%, .034 6.5%, .121 11.7%, .347 20.5%, .875 38.2%, .975 48.5%, 1.007 58.2%, 1.012 77.1%, 1);--duration-short-1: 50ms;--duration-short-2: .1s;--duration-short-3: .15s;--duration-short-4: .2s;--duration-medium-1: .25s;--duration-medium-2: .3s;--duration-medium-3: .35s;--duration-medium-4: .4s;--duration-long-1: .45s;--duration-long-2: .5s;--duration-long-3: .55s;--duration-long-4: .6s;--duration-extra-long-1: .7s;--duration-extra-long-2: .8s;--duration-extra-long-3: .9s;--duration-extra-long-4: 1s;--transition-fast: var(--duration-short-3) var(--easing-standard);--transition-medium: var(--duration-medium-2) var(--easing-standard);--transition-slow: var(--duration-long-2) var(--easing-standard);--transition-hover: var(--duration-short-4) var(--easing-decelerate);--transition-focus: var(--duration-short-2) var(--easing-standard);--transition-press: var(--duration-short-1) var(--easing-accelerate);--transition-spring: var(--duration-medium-2) var(--easing-spring);--transition-spring-fast: var(--duration-short-4) var(--easing-spring-fast);--transition-spring-slow: var(--duration-long-2) var(--easing-spring-slow);--transition-page-duration: var(--duration-medium-2);--transition-page-easing: var(--easing-emphasize);--transition-morph-duration: var(--duration-medium-4);--transition-morph-easing: var(--easing-spring);--transition-fade-duration: var(--duration-short-3);--scroll-reveal-distance: var(--space-xs);--scroll-reveal-duration: var(--duration-medium-1);--scroll-reveal-easing: var(--easing-decelerate)}}@layer base{::view-transition-group(root){animation-duration:var(--transition-page-duration);animation-timing-function:var(--transition-page-easing)}::view-transition-old(root){animation-name:transition-fade-out;animation-duration:var(--transition-fade-duration)}::view-transition-new(root){animation-name:transition-fade-in;animation-duration:var(--transition-fade-duration);animation-delay:calc(var(--transition-fade-duration) * .5)}::view-transition-group(*):not(::view-transition-group(root)){animation-duration:var(--transition-morph-duration);animation-timing-function:var(--transition-morph-easing)}::view-transition-old(*):not(::view-transition-old(root)),::view-transition-new(*):not(::view-transition-new(root)){animation:none;mix-blend-mode:normal}@keyframes transition-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes transition-fade-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}}@media(prefers-contrast:more){::view-transition-old(root),::view-transition-new(root){animation-duration:var(--duration-short-2)}}}@layer base{[data-scroll-reveal]{opacity:1;transform:none}@supports (animation-timeline: view()){[data-scroll-reveal]{animation:scroll-reveal-up linear both;animation-timeline:view();animation-range:entry 10% entry 40%}@keyframes scroll-reveal-up{0%{opacity:0;transform:translateY(var(--scroll-reveal-distance))}to{opacity:1;transform:translateY(0)}}[data-scroll-reveal=left]{animation-name:scroll-reveal-left}@keyframes scroll-reveal-left{0%{opacity:0;transform:translate(calc(var(--scroll-reveal-distance) * -1))}to{opacity:1;transform:translate(0)}}[data-scroll-reveal=right]{animation-name:scroll-reveal-right}@keyframes scroll-reveal-right{0%{opacity:0;transform:translate(var(--scroll-reveal-distance))}to{opacity:1;transform:translate(0)}}[data-scroll-reveal=scale]{animation-name:scroll-reveal-scale}@keyframes scroll-reveal-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}@supports not (animation-timeline: view()){[data-scroll-reveal]{opacity:0;transform:translateY(var(--scroll-reveal-distance));transition:opacity var(--scroll-reveal-duration) var(--scroll-reveal-easing),transform var(--scroll-reveal-duration) var(--scroll-reveal-easing)}[data-scroll-reveal].in-view{opacity:1;transform:translateY(0)}[data-scroll-reveal=left]{transform:translate(calc(var(--scroll-reveal-distance) * -1))}[data-scroll-reveal=left].in-view{transform:translate(0)}[data-scroll-reveal=right]{transform:translate(var(--scroll-reveal-distance))}[data-scroll-reveal=right].in-view{transform:translate(0)}[data-scroll-reveal=scale]{transform:scale(.95)}[data-scroll-reveal=scale].in-view{transform:scale(1)}}@media(prefers-reduced-motion:reduce){[data-scroll-reveal]{opacity:1;transform:none;animation:none;transition:none}}}@layer base{[data-entry]{transition:opacity var(--duration-medium-1) var(--easing-decelerate),transform var(--duration-medium-1) var(--easing-decelerate)}@starting-style{[data-entry=fade]{opacity:0}}@starting-style{[data-entry],[data-entry=fade-up]{opacity:0;transform:translateY(var(--scroll-reveal-distance))}}@starting-style{[data-entry=fade-down]{opacity:0;transform:translateY(calc(var(--scroll-reveal-distance) * -1))}}@starting-style{[data-entry=fade-left]{opacity:0;transform:translate(calc(var(--scroll-reveal-distance) * -1))}}@starting-style{[data-entry=fade-right]{opacity:0;transform:translate(var(--scroll-reveal-distance))}}@starting-style{[data-entry=scale]{opacity:0;transform:scale(.95)}}[data-entry-stagger]>*{--stagger-index: 0;--stagger-delay: 50ms;transition-delay:calc(var(--stagger-delay) * var(--stagger-index))}[data-entry-stagger]>*:nth-child(1){--stagger-index: 0}[data-entry-stagger]>*:nth-child(2){--stagger-index: 1}[data-entry-stagger]>*:nth-child(3){--stagger-index: 2}[data-entry-stagger]>*:nth-child(4){--stagger-index: 3}[data-entry-stagger]>*:nth-child(5){--stagger-index: 4}[data-entry-stagger]>*:nth-child(6){--stagger-index: 5}[data-entry-stagger]>*:nth-child(n+7){--stagger-index: 6}@media(prefers-reduced-motion:reduce){[data-entry],[data-entry-stagger]>*{transition:none}}}@layer base;@layer theme{:where(:root){--color-primary-hue: 201;--color-primary-saturation: 87%;--color-primary-lightness: 48%;--color-primary-base: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness));--color-complementary-offset: 180;--color-triadic-offset-1: 120;--color-triadic-offset-2: 240;--color-quadratic-offset-1: 90;--color-quadratic-offset-2: 180;--color-quadratic-offset-3: 270;--color-analogous-offset-1: 30;--color-analogous-offset-2: -30;--color-analogous-offset-3: 60;--color-analogous-offset-4: -60;--color-primary-0: hsl(var(--color-primary-hue), var(--color-primary-saturation), 100%);--color-primary-10: hsl(var(--color-primary-hue), var(--color-primary-saturation), 95%);--color-primary-20: hsl(var(--color-primary-hue), var(--color-primary-saturation), 87%);--color-primary-30: hsl(var(--color-primary-hue), var(--color-primary-saturation), 78%);--color-primary-40: hsl(var(--color-primary-hue), var(--color-primary-saturation), 69%);--color-primary-50: hsl(var(--color-primary-hue), var(--color-primary-saturation), 60%);--color-primary-60: hsl(var(--color-primary-hue), var(--color-primary-saturation), 48%);--color-primary-70: hsl(var(--color-primary-hue), var(--color-primary-saturation), 39%);--color-primary-80: hsl(var(--color-primary-hue), var(--color-primary-saturation), 30%);--color-primary-90: hsl(var(--color-primary-hue), var(--color-primary-saturation), 21%);--color-primary-95: hsl(var(--color-primary-hue), var(--color-primary-saturation), 12%);--color-primary-100: hsl(var(--color-primary-hue), var(--color-primary-saturation), 0%);--color-secondary-hue: calc(var(--color-primary-hue) + var(--color-complementary-offset));--color-secondary-saturation: 82%;--color-secondary-0: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 100%);--color-secondary-10: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 95%);--color-secondary-20: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 87%);--color-secondary-30: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 78%);--color-secondary-40: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 69%);--color-secondary-50: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 60%);--color-secondary-60: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 48%);--color-secondary-70: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 39%);--color-secondary-80: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 30%);--color-secondary-90: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 21%);--color-secondary-95: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 12%);--color-secondary-100: hsl(var(--color-secondary-hue), var(--color-secondary-saturation), 0%);--color-tertiary-hue: calc(var(--color-primary-hue) + var(--color-triadic-offset-1));--color-tertiary-saturation: 76%;--color-tertiary-0: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 100%);--color-tertiary-10: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 95%);--color-tertiary-20: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 87%);--color-tertiary-30: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 78%);--color-tertiary-40: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 69%);--color-tertiary-50: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 60%);--color-tertiary-60: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 48%);--color-tertiary-70: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 39%);--color-tertiary-80: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 30%);--color-tertiary-90: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 21%);--color-tertiary-95: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 12%);--color-tertiary-100: hsl(var(--color-tertiary-hue), var(--color-tertiary-saturation), 0%);--color-quaternary-hue: calc(var(--color-primary-hue) + var(--color-triadic-offset-2));--color-quaternary-saturation: 73%;--color-quaternary-0: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 100%);--color-quaternary-10: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 95%);--color-quaternary-20: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 87%);--color-quaternary-30: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 78%);--color-quaternary-40: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 69%);--color-quaternary-50: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 60%);--color-quaternary-60: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 48%);--color-quaternary-70: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 39%);--color-quaternary-80: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 30%);--color-quaternary-90: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 21%);--color-quaternary-95: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 12%);--color-quaternary-100: hsl(var(--color-quaternary-hue), var(--color-quaternary-saturation), 0%);--color-neutral-0: hsl(0, 0%, 100%);--color-neutral-10: hsl(0, 0%, 96%);--color-neutral-20: hsl(0, 0%, 90%);--color-neutral-30: hsl(0, 0%, 83%);--color-neutral-40: hsl(0, 0%, 74%);--color-neutral-50: hsl(0, 0%, 64%);--color-neutral-60: hsl(0, 0%, 49%);--color-neutral-70: hsl(0, 0%, 38%);--color-neutral-80: hsl(0, 0%, 28%);--color-neutral-90: hsl(0, 0%, 17%);--color-neutral-95: hsl(0, 0%, 11%);--color-neutral-100: hsl(0, 0%, 0%);--color-neutral-variant-0: hsl(var(--color-primary-hue), 8%, 100%);--color-neutral-variant-10: hsl(var(--color-primary-hue), 8%, 96%);--color-neutral-variant-20: hsl(var(--color-primary-hue), 8%, 90%);--color-neutral-variant-30: hsl(var(--color-primary-hue), 8%, 83%);--color-neutral-variant-40: hsl(var(--color-primary-hue), 8%, 74%);--color-neutral-variant-50: hsl(var(--color-primary-hue), 8%, 64%);--color-neutral-variant-60: hsl(var(--color-primary-hue), 8%, 49%);--color-neutral-variant-70: hsl(var(--color-primary-hue), 8%, 38%);--color-neutral-variant-80: hsl(var(--color-primary-hue), 8%, 28%);--color-neutral-variant-90: hsl(var(--color-primary-hue), 8%, 17%);--color-neutral-variant-95: hsl(var(--color-primary-hue), 8%, 11%);--color-neutral-variant-100: hsl(var(--color-primary-hue), 8%, 0%);--color-analogous-1-hue: calc(var(--color-primary-hue) + var(--color-analogous-offset-1));--color-analogous-1-saturation: 85%;--color-analogous-1-0: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 100%);--color-analogous-1-10: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 95%);--color-analogous-1-20: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 87%);--color-analogous-1-30: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 78%);--color-analogous-1-40: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 69%);--color-analogous-1-50: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 60%);--color-analogous-1-60: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 48%);--color-analogous-1-70: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 39%);--color-analogous-1-80: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 30%);--color-analogous-1-90: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 21%);--color-analogous-1-95: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 12%);--color-analogous-1-100: hsl(var(--color-analogous-1-hue), var(--color-analogous-1-saturation), 0%);--color-analogous-2-hue: calc(var(--color-primary-hue) + var(--color-analogous-offset-2));--color-analogous-2-saturation: 83%;--color-analogous-2-0: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 100%);--color-analogous-2-10: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 95%);--color-analogous-2-20: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 87%);--color-analogous-2-30: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 78%);--color-analogous-2-40: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 69%);--color-analogous-2-50: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 60%);--color-analogous-2-60: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 48%);--color-analogous-2-70: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 39%);--color-analogous-2-80: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 30%);--color-analogous-2-90: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 21%);--color-analogous-2-95: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 12%);--color-analogous-2-100: hsl(var(--color-analogous-2-hue), var(--color-analogous-2-saturation), 0%);--color-analogous-3-hue: calc(var(--color-primary-hue) + var(--color-analogous-offset-3));--color-analogous-3-saturation: 80%;--color-analogous-3-0: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 100%);--color-analogous-3-10: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 95%);--color-analogous-3-20: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 87%);--color-analogous-3-30: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 78%);--color-analogous-3-40: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 69%);--color-analogous-3-50: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 60%);--color-analogous-3-60: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 48%);--color-analogous-3-70: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 39%);--color-analogous-3-80: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 30%);--color-analogous-3-90: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 21%);--color-analogous-3-95: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 12%);--color-analogous-3-100: hsl(var(--color-analogous-3-hue), var(--color-analogous-3-saturation), 0%);--color-analogous-4-hue: calc(var(--color-primary-hue) + var(--color-analogous-offset-4));--color-analogous-4-saturation: 78%;--color-analogous-4-0: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 100%);--color-analogous-4-10: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 95%);--color-analogous-4-20: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 87%);--color-analogous-4-30: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 78%);--color-analogous-4-40: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 69%);--color-analogous-4-50: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 60%);--color-analogous-4-60: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 48%);--color-analogous-4-70: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 39%);--color-analogous-4-80: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 30%);--color-analogous-4-90: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 21%);--color-analogous-4-95: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 12%);--color-analogous-4-100: hsl(var(--color-analogous-4-hue), var(--color-analogous-4-saturation), 0%);--color-success-0: hsl(142, 76%, 100%);--color-success-10: hsl(142, 76%, 95%);--color-success-20: hsl(142, 76%, 87%);--color-success-30: hsl(142, 76%, 78%);--color-success-40: hsl(142, 76%, 69%);--color-success-50: hsl(142, 76%, 60%);--color-success-60: hsl(142, 76%, 48%);--color-success-70: hsl(142, 76%, 39%);--color-success-80: hsl(142, 76%, 30%);--color-success-90: hsl(142, 76%, 21%);--color-success-95: hsl(142, 76%, 12%);--color-success-100: hsl(142, 76%, 0%);--color-warning-0: hsl(45, 93%, 100%);--color-warning-10: hsl(45, 93%, 95%);--color-warning-20: hsl(45, 93%, 87%);--color-warning-30: hsl(45, 93%, 78%);--color-warning-40: hsl(45, 93%, 69%);--color-warning-50: hsl(45, 93%, 60%);--color-warning-60: hsl(45, 93%, 48%);--color-warning-70: hsl(45, 93%, 39%);--color-warning-80: hsl(45, 93%, 30%);--color-warning-90: hsl(45, 93%, 21%);--color-warning-95: hsl(45, 93%, 12%);--color-warning-100: hsl(45, 93%, 0%);--color-error-0: hsl(0, 84%, 100%);--color-error-10: hsl(0, 84%, 95%);--color-error-20: hsl(0, 84%, 87%);--color-error-30: hsl(0, 84%, 78%);--color-error-40: hsl(0, 84%, 69%);--color-error-50: hsl(0, 84%, 60%);--color-error-60: hsl(0, 84%, 48%);--color-error-70: hsl(0, 84%, 39%);--color-error-80: hsl(0, 84%, 30%);--color-error-90: hsl(0, 84%, 21%);--color-error-95: hsl(0, 84%, 12%);--color-error-100: hsl(0, 84%, 0%);--color-primary: var(--color-primary-60);--color-on-primary: var(--color-primary-0);--color-primary-container: var(--color-primary-10);--color-on-primary-container: var(--color-primary-90);--color-secondary: var(--color-secondary-60);--color-on-secondary: var(--color-secondary-0);--color-secondary-container: var(--color-secondary-10);--color-on-secondary-container: var(--color-secondary-90);--color-tertiary: var(--color-tertiary-60);--color-on-tertiary: var(--color-tertiary-0);--color-tertiary-container: var(--color-tertiary-10);--color-on-tertiary-container: var(--color-tertiary-90);--color-surface: var(--color-neutral-0);--color-surface-container-lowest: var(--color-neutral-0);--color-surface-container-low: var(--color-neutral-10);--color-surface-container: var(--color-neutral-10);--color-surface-container-high: var(--color-neutral-20);--color-surface-container-highest: var(--color-neutral-20);--color-on-surface: var(--color-neutral-90);--color-on-surface-variant: var(--color-neutral-variant-70);--color-surface-hover: color-mix(in srgb, var(--color-on-surface) 8%, var(--color-surface));--color-surface-variant: var(--color-neutral-variant-10);--color-background: var(--color-neutral-0);--color-on-background: var(--color-neutral-90);--color-outline: var(--color-neutral-variant-40);--color-outline-variant: var(--color-neutral-variant-20);--color-border: var(--color-outline-variant);--color-scrim: rgba(0, 0, 0, .32);--color-inverse-surface: var(--color-neutral-90);--color-inverse-on-surface: var(--color-neutral-10);--color-inverse-primary: var(--color-primary-20);--color-success: var(--color-success-60);--color-on-success: var(--color-success-0);--color-success-container: var(--color-success-10);--color-on-success-container: var(--color-success-90);--color-warning: var(--color-warning-60);--color-on-warning: var(--color-warning-0);--color-warning-container: var(--color-warning-10);--color-on-warning-container: var(--color-warning-90);--color-error: var(--color-error-60);--color-on-error: var(--color-error-0);--color-error-container: var(--color-error-10);--color-on-error-container: var(--color-error-90);--state-hover-opacity: .08;--state-focus-opacity: .12;--state-pressed-opacity: .12;--state-dragged-opacity: .16;--state-layer-primary-hover: hsla(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness), var(--state-hover-opacity));--state-layer-primary-focus: hsla(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness), var(--state-focus-opacity));--state-layer-primary-pressed: hsla(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness), var(--state-pressed-opacity));--state-layer-surface-hover: hsla(0, 0%, 0%, var(--state-hover-opacity));--state-layer-surface-focus: hsla(0, 0%, 0%, var(--state-focus-opacity));--state-layer-surface-pressed: hsla(0, 0%, 0%, var(--state-pressed-opacity))}}@layer theme{:root{--color-saturation-boost: 1.2;--color-saturation-muted: .8;--color-saturation-subtle: .6;--color-saturation-intense: 1.4;--color-lightness-idle: 35%;--color-lightness-active: 55%;--color-lightness-hover: 60%;--color-lightness-pressed: 45%;--color-lightness-disabled: 25%;--color-lightness-container: 90%;--color-lightness-container-dark: 15%;--color-lightness-surface: 8%;--color-lightness-background: 5%;--color-lightness-on-surface: 90%;--color-lightness-on-surface-variant: 70%;--color-primary-boosted: hsl(var(--color-primary-hue), calc(var(--color-primary-saturation) * var(--color-saturation-boost)), var(--color-primary-lightness));--color-primary-muted: hsl(var(--color-primary-hue), calc(var(--color-primary-saturation) * var(--color-saturation-muted)), var(--color-primary-lightness));--color-primary-subtle: hsl(var(--color-primary-hue), calc(var(--color-primary-saturation) * var(--color-saturation-subtle)), var(--color-primary-lightness));--color-primary-intense: hsl(var(--color-primary-hue), calc(var(--color-primary-saturation) * var(--color-saturation-intense)), var(--color-primary-lightness));--color-primary-idle: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-lightness-idle));--color-primary-active: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-lightness-active));--color-primary-hover: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-lightness-hover));--color-primary-pressed: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-lightness-pressed));--color-primary-disabled: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-lightness-disabled));--color-primary-container-calc: hsl(var(--color-primary-hue), calc(var(--color-primary-saturation) * var(--color-saturation-boost)), var(--color-lightness-container));--color-primary-container-dark-calc: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-lightness-container-dark));--color-opacity-idle: .4;--color-opacity-active: 1;--color-opacity-hover: .8;--color-opacity-pressed: .9;--color-opacity-disabled: .3;--color-opacity-focus: .12;--color-opacity-overlay: .16;--color-triadic-120: calc(var(--color-primary-hue) + 120);--color-triadic-240: calc(var(--color-primary-hue) + 240);--color-split-complementary-60: calc(var(--color-primary-hue) + 60);--color-split-complementary-300: calc(var(--color-primary-hue) + 300);--color-tetradic-90: calc(var(--color-primary-hue) + 90);--color-tetradic-180: calc(var(--color-primary-hue) + 180);--color-tetradic-270: calc(var(--color-primary-hue) + 270)}}@layer theme;@layer reset.reset{:where(*,*:before,*:after){box-sizing:border-box}:where(*){margin:0;padding:0}:where(html){line-height:var(--line-height-normal);-webkit-text-size-adjust:100%;tab-size:4;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){:where(html){scroll-behavior:auto}}:where(body){margin:0;font-family:var(--font-sans);line-height:inherit;min-height:100vh;text-rendering:optimizeSpeed}:where(ul[role=list],ol[role=list]){list-style:none}:where(h1,h2,h3,h4,h5,h6,p,li){overflow-wrap:break-word}:where(a){background-color:transparent;text-decoration-skip-ink:auto}:where(a:not([class])){text-decoration-skip-ink:auto}:where(abbr[title]){text-decoration:underline dotted}:where(b,strong){font-weight:var(--font-weight-bold)}:where(code,kbd,samp,pre){font-family:var(--font-mono);font-size:1em}:where(pre){overflow:auto}:where(small){font-size:.8em}:where(sub,sup){font-size:.75em;line-height:0;position:relative;vertical-align:baseline}:where(sub){bottom:-.25em}:where(sup){top:-.5em}:where(img){border-style:none}:where(img,picture,video,canvas,svg){display:block;max-width:100%;height:auto}:where(embed,iframe,object){max-width:100%}:where(button,input,optgroup,select,textarea){font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0}:where(button,select){text-transform:none}:where(button,[type=button],[type=reset],[type=submit]){-webkit-appearance:button}:where(button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner){border-style:none;padding:0}:where(button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring){outline:1px dotted ButtonText}:where(fieldset){padding:.35em .75em .625em}:where(legend){box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}:where(progress){vertical-align:baseline}:where(textarea){overflow:auto;resize:vertical}:where([type=checkbox],[type=radio]){box-sizing:border-box;padding:0}:where([type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button){height:auto}:where([type=search]){-webkit-appearance:textfield;outline-offset:-2px}:where([type=search]::-webkit-search-decoration){-webkit-appearance:none}:where(::-webkit-file-upload-button){-webkit-appearance:button;font:inherit}:where(details){display:block}:where(summary){display:list-item}:where(template){display:none}:where([hidden]){display:none!important}:where(table){border-collapse:collapse;width:100%}:where(th,td){text-align:inherit}@media(prefers-reduced-motion:reduce){:where(*,*:before,*:after){animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:where(*:focus){outline:2px solid transparent;outline-offset:2px}:where(*:focus:not(:focus-visible)){outline:none}:where(*:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;padding:var(--space-s) var(--space-m);background:var(--color-surface);color:var(--color-on-surface);border:1px solid var(--color-outline);border-radius:var(--radius-s);transition:all var(--transition-fast) var(--transition-ease);z-index:var(--z-maximum)}.skip-to-content:focus{left:50%;top:var(--space-m);width:auto;height:auto;overflow:auto;transform:translate(-50%)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{:where(*,*:before,*:after){background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}:where(a,a:visited){text-decoration:underline}:where(a[href]:after){content:" (" attr(href) ")"}:where(abbr[title]:after){content:" (" attr(title) ")"}:where(a[href^="#"]:after,a[href^="javascript:"]:after){content:""}:where(blockquote,pre){border:1px solid #999;page-break-inside:avoid}:where(thead){display:table-header-group}:where(tr,img){page-break-inside:avoid}:where(img){max-width:100%!important}:where(p,h2,h3){orphans:3;widows:3}:where(h2,h3){page-break-after:avoid}.no-print,[data-print=hidden]{display:none!important}}@media(prefers-contrast:high){:root{--color-primary: var(--color-primary-30);--color-outline: var(--color-neutral-20);--color-outline-variant: var(--color-neutral-30)}:where(button,a[class],input[type=submit],input[type=reset],input[type=button]){border-width:2px!important}}}@layer elements.elements{:where(th,td){padding:calc(var(--spacing) / 2) var(--spacing);border-bottom:var(--border-width) solid var(--table-border-color);background-color:var(--background-color);color:var(--color);font-weight:var(--font-weight);text-align:left;text-align:start}}@layer elements.elements{:where(form){--form-gap: var(--space-m);display:flex;flex-direction:column;gap:var(--form-gap)}:where(fieldset){border:0;padding:0;margin:0;min-inline-size:0;display:flex;flex-direction:column;gap:var(--space-m)}:where(fieldset):disabled{opacity:.6;pointer-events:none}:where(legend){padding:0;margin-bottom:var(--space-s);font-weight:var(--font-weight-semibold);font-size:var(--font-size-l);color:var(--color-on-surface)}:where(fieldset,form)>div:has(>:is(input,textarea,select)+label){--label-color: var(--color-on-surface-variant);--label-focus-color: var(--color-primary);--label-error-color: var(--color-error);position:relative}:where(fieldset,form)>div:has(>:is(input,textarea,select)+label):after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-spring),left var(--transition-spring);pointer-events:none}:where(fieldset,form)>div:has(>:is(input,textarea,select)+label):has(:focus):after{width:100%;left:0}:where(fieldset,form)>div:has(>:is(input,textarea,select)+label):has([aria-invalid=true]):after{background:var(--color-error)}:where(fieldset,form)>div>:where(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=reset]):not([type=button]):not([type=file]):not([type=range]):not([type=color]),select,textarea){--input-background: var(--color-surface-container-highest);--input-color: var(--color-on-surface);--input-border-color: var(--color-outline-variant);--morph-radius: var(--radius-m) var(--radius-m) 0 0;--morph-radius-focus: var(--radius-l) var(--radius-l) 0 0;display:block;width:100%;height:var(--space-xl);padding:var(--space-m) var(--space-m) var(--space-xs);background-color:var(--input-background);color:var(--input-color);border:none;border-bottom:1px solid var(--input-border-color);border-radius:var(--morph-radius);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-tight);transition:border-radius var(--transition-morph-duration) var(--transition-morph-easing),background-color var(--transition-fast),border-color var(--transition-fast)}:where(fieldset,form)>div>:where(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=reset]):not([type=button]):not([type=file]):not([type=range]):not([type=color]),select,textarea)::placeholder{color:transparent}:where(fieldset,form)>div>:where(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=reset]):not([type=button]):not([type=file]):not([type=range]):not([type=color]),select,textarea):hover:not(:disabled):not(:focus){--input-background: color-mix(in srgb, var(--color-on-surface) 4%, var(--color-surface-container-highest))}:where(fieldset,form)>div>:where(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=reset]):not([type=button]):not([type=file]):not([type=range]):not([type=color]),select,textarea):focus{outline:none;border-radius:var(--morph-radius-focus);--input-border-color: var(--color-primary)}:where(fieldset,form)>div>:where(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=reset]):not([type=button]):not([type=file]):not([type=range]):not([type=color]),select,textarea):disabled{opacity:.38;cursor:not-allowed}:where(fieldset,form)>div>:where(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=reset]):not([type=button]):not([type=file]):not([type=range]):not([type=color]),select,textarea)[aria-invalid=true]{--input-border-color: var(--color-error);--input-background: color-mix(in srgb, var(--color-error) 4%, var(--color-surface-container-highest));animation:error-shake .4s var(--easing-spring)}:where(fieldset,form)>div>:where(input,textarea,select)+label{position:absolute;left:var(--space-m);top:50%;transform:translateY(-50%);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--label-color);pointer-events:none;margin:0;white-space:nowrap;transition:top var(--transition-spring-fast),transform var(--transition-spring-fast),font-size var(--transition-spring-fast),color var(--transition-fast);transform-origin:left center}:where(fieldset,form)>div>:where(textarea)+label{top:var(--space-m);transform:translateY(0)}:where(fieldset,form)>div>:where(input:focus,input:not(:placeholder-shown),input[aria-invalid=true],textarea:focus,textarea:not(:placeholder-shown),textarea[aria-invalid=true],select:focus,select[data-selected],select[aria-invalid=true])+label{top:var(--space-2xs);transform:translateY(0);font-size:var(--font-size-xs);color:var(--label-focus-color)}:where(fieldset,form)>div>:where(input:not(:focus):not(:placeholder-shown),textarea:not(:focus):not(:placeholder-shown),select:not(:focus)[data-selected])+label{color:var(--label-color)}:where(fieldset,form)>div>[aria-invalid=true]+label{color:var(--label-error-color)}:where(fieldset,form)>div>textarea{height:auto;min-height:var(--space-3xl);padding-top:var(--space-m);resize:vertical;line-height:var(--line-height-relaxed);field-sizing:content}:where(fieldset,form)>div>select{height:100%;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2349454f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-m) center;background-size:var(--space-l);padding-right:var(--space-2xl);cursor:pointer}:where(fieldset,form)>div>select:not(:focus):not([data-selected]){color:transparent}:where(fieldset,form)>div>select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23e67e00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}:where(label){--label-color: var(--color-on-surface-variant);display:block;font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--label-color);margin-bottom:var(--space-2xs);cursor:pointer}:where(input[type=checkbox],input[type=radio]){--check-size: 1.25rem;--check-color: var(--color-primary);--check-border: var(--color-on-surface-variant);appearance:none;width:var(--check-size);height:var(--check-size);margin:0;border:2px solid var(--check-border);background-color:transparent;cursor:pointer;transition:background-color var(--transition-spring-fast),border-color var(--transition-spring-fast),transform var(--transition-spring-fast)}:where(input[type=checkbox],input[type=radio]):hover{--check-border: var(--check-color);transform:scale(1.05)}:where(input[type=checkbox],input[type=radio]):checked{background-color:var(--check-color);border-color:var(--check-color)}:where(input[type=checkbox],input[type=radio]):focus-visible{outline:2px solid var(--check-color);outline-offset:2px}:where(input[type=checkbox],input[type=radio]):disabled{opacity:.38;cursor:not-allowed}:where(input[type=checkbox]){border-radius:var(--radius-xs)}:where(input[type=checkbox]):checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:.875rem}:where(input[type=radio]){border-radius:var(--radius-full)}:where(input[type=radio]):checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='6' fill='white'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}:where(input[type=file]){--input-background: var(--color-surface-container);display:block;width:100%;padding:var(--space-m);background-color:var(--input-background);border:2px dashed var(--color-outline-variant);border-radius:var(--radius-m);cursor:pointer;transition:border-color var(--transition-spring-fast),background-color var(--transition-fast),transform var(--transition-spring-fast)}:where(input[type=file]):hover{border-color:var(--color-primary);--input-background: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface-container));transform:scale(1.01)}:where(input[type=file]):focus{outline:none;border-color:var(--color-primary);border-style:solid}:where(input[type=file])::file-selector-button{background-color:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-s);padding:var(--space-xs) var(--space-m);margin-right:var(--space-m);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}:is():hover{background-color:var(--color-primary-40)}:where(input[type=range]){--track-height: .25rem;--thumb-size: 1.25rem;appearance:none;width:100%;height:var(--thumb-size);background:transparent;cursor:pointer}:where(input[type=range])::-webkit-slider-runnable-track{height:var(--track-height);background-color:var(--color-surface-container-highest);border-radius:var(--radius-full)}:where(input[type=range])::-webkit-slider-thumb{appearance:none;width:var(--thumb-size);height:var(--thumb-size);margin-top:calc((var(--track-height) - var(--thumb-size)) / 2);background-color:var(--color-primary);border-radius:var(--radius-full);transition:transform var(--transition-spring-fast)}:is():hover{transform:scale(1.15)}:where(input[type=range]):focus-visible{outline:none}:where(input[type=range]):focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 30%,transparent)}:where(input[type=color]){--color-size: 3rem;appearance:none;width:var(--color-size);height:var(--color-size);padding:var(--space-2xs);background-color:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-m);cursor:pointer;transition:transform var(--transition-spring-fast)}:where(input[type=color]):hover{transform:scale(1.05)}:where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}:where(input[type=color])::-webkit-color-swatch{border:none;border-radius:var(--radius-s)}:where(output){display:inline-block;padding:var(--space-xs) var(--space-s);background-color:var(--color-surface-container);border-radius:var(--radius-s);font-family:var(--font-mono);font-size:var(--font-size-s)}:where(progress,meter){--bar-height: .5rem;appearance:none;width:100%;height:var(--bar-height);border:none;border-radius:var(--radius-full);background-color:var(--color-surface-container-highest);overflow:hidden}:where(progress)::-webkit-progress-bar{background-color:var(--color-surface-container-highest);border-radius:var(--radius-full)}:where(progress)::-webkit-progress-value{background-color:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-spring)}:where(progress):indeterminate{animation:progress-indeterminate 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-surface-container-highest) 0%,var(--color-primary) 50%,var(--color-surface-container-highest) 100%);background-size:200% 100%}@keyframes progress-indeterminate{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes error-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}:where(datalist){display:none}:where([data-field-error]){display:block;margin-top:var(--space-2xs);font-size:var(--font-size-xs);color:var(--color-error);font-weight:var(--font-weight-medium)}:where([data-field-help]){display:block;margin-top:var(--space-2xs);font-size:var(--font-size-xs);color:var(--color-on-surface-variant);font-variant-numeric:tabular-nums}:where(fieldset,form)>div>:where(input,textarea,select)+label [data-field-help]{display:inline;margin:0}:where([data-status]){padding:var(--space-m);border-radius:var(--radius-m);font-weight:var(--font-weight-medium)}:where([data-status])[data-status=success]{background-color:var(--color-success-container);color:var(--color-on-success-container)}:where([data-status])[data-status=error]{background-color:var(--color-error-container);color:var(--color-on-error-container)}:where([data-status])[data-status=info]{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}:where([data-status])[data-status=warning]{background-color:var(--color-warning-container);color:var(--color-on-warning-container)}:where([data-form-actions]){display:flex;flex-wrap:wrap;gap:var(--space-s);margin-top:var(--space-m)}:where([data-form-actions])>[type=submit]{order:-1}:where([data-form-row]){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--space-m)}@media(prefers-reduced-motion:reduce){:where(input,select,textarea,progress){transition:none;animation:none}:where(fieldset,form)>div:after{transition:none}:where(fieldset,form)>div>:where(input,textarea,select)+label{transition:color var(--transition-fast)}}}@layer elements.elements{:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-sans);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--color-on-surface);text-wrap:balance}:where(h1,h2,h3,h4,h5,h6):not(:first-child){margin-top:var(--space-l)}:where(h1){--font-size: var(--font-size-3xl);font-size:var(--font-size);margin-bottom:var(--space-l);letter-spacing:-.025em}:where(h2){--font-size: var(--font-size-2xl);font-size:var(--font-size);margin-bottom:var(--space-m);letter-spacing:-.025em}:where(h3){--font-size: var(--font-size-xl);font-size:var(--font-size);margin-bottom:var(--space-s);font-weight:var(--font-weight-semibold);letter-spacing:-.015em}:where(h4){--font-size: var(--font-size-l);font-size:var(--font-size);margin-bottom:var(--space-s);font-weight:var(--font-weight-semibold)}:where(h5){--font-size: var(--font-size-base);font-size:var(--font-size);margin-bottom:var(--space-xs);font-weight:var(--font-weight-medium)}:where(h6){--font-size: var(--font-size-s);font-size:var(--font-size);margin-bottom:var(--space-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant)}:where(p){margin-bottom:var(--space-m);max-width:65ch}:where(p).lead{font-size:var(--font-size-l);font-weight:var(--font-weight-light);line-height:var(--line-height-relaxed);color:var(--color-on-surface-variant)}:where(ul,ol){padding-left:var(--space-l);margin-bottom:var(--space-m)}:where(ul,ol) li{margin-bottom:var(--space-xs)}:where(ul,ol) li>p{margin-bottom:var(--space-xs)}:where(ul,ol) ul,:where(ul,ol) ol{margin-top:var(--space-xs);margin-bottom:0}:where(dl){margin-bottom:var(--space-m)}:where(dl) dt{font-weight:var(--font-weight-semibold);margin-top:var(--space-s)}:where(dl) dd{margin-left:var(--space-m);margin-bottom:var(--space-xs);color:var(--color-on-surface-variant)}:where(a){color:var(--color-primary);text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px;transition:color var(--transition-fast) var(--transition-ease)}:where(a):hover{color:var(--color-primary-5);text-decoration-thickness:2px}:where(a):visited{color:var(--color-primary-7)}:where(strong,b){font-weight:var(--font-weight-bold)}:where(em,i){font-style:italic}:where(small){font-size:var(--font-size-s);color:var(--color-on-surface-variant)}:where(mark){background-color:var(--color-warning-container);color:var(--color-on-warning-container);padding:.125em .25em;border-radius:var(--radius-s)}:where(del){color:var(--color-on-surface-variant);opacity:.8}:where(ins){background-color:var(--color-success-container);color:var(--color-on-success-container);text-decoration:none;padding:.125em .25em;border-radius:var(--radius-s)}:where(abbr[title]){text-decoration:underline dotted;cursor:help}:where(sub,sup){font-size:.75em;line-height:0;position:relative;vertical-align:baseline}:where(sub){bottom:-.25em}:where(sup){top:-.5em}:where(code){font-family:var(--font-mono);font-size:.875em;background-color:var(--color-surface-container);color:var(--color-on-surface);padding:.2em .4em;border-radius:var(--radius-s);border:1px solid var(--color-outline-variant)}:where(pre){font-family:var(--font-mono);font-size:var(--font-size-s);background-color:var(--color-surface-container);color:var(--color-on-surface);padding:var(--space-m);border-radius:var(--radius-m);overflow-x:auto;margin-bottom:var(--space-m);line-height:var(--line-height-relaxed);border:1px solid var(--color-outline-variant)}:where(pre) code{background:none;border:none;padding:0;font-size:inherit}:where(kbd){font-family:var(--font-mono);font-size:.875em;background-color:var(--color-surface-container);color:var(--color-on-surface);padding:.2em .4em;border:1px solid var(--color-outline);border-radius:var(--radius-s);box-shadow:0 1px 0 var(--color-outline)}:where(blockquote){border-left:4px solid var(--color-primary-4);padding-left:var(--space-m);margin-left:0;margin-bottom:var(--space-m);font-style:italic;color:var(--color-on-surface-variant)}:where(blockquote)>:last-child{margin-bottom:0}:where(blockquote) cite{display:block;margin-top:var(--space-s);font-style:normal;font-size:var(--font-size-s);color:var(--color-on-surface-variant)}:where(blockquote) cite:before{content:"— "}:where(hr){border:0;height:1px;background-color:var(--color-outline-variant);margin:var(--space-xl) 0}:where(figure){margin:var(--space-m) 0}:where(figure) figcaption{margin-top:var(--space-xs);font-size:var(--font-size-s);color:var(--color-on-surface-variant)}:where(address){font-style:normal;line-height:var(--line-height-relaxed);margin-bottom:var(--space-m)}:where(details){border-radius:var(--radius-m);margin-bottom:var(--space-m)}:where(details) summary{cursor:pointer;padding:var(--space-s) var(--space-m);background-color:var(--color-surface-container);font-weight:var(--font-weight-medium)}:where(details) summary:hover{background-color:var(--color-surface-container-high)}:where(details)[open] summary{border-bottom:1px solid var(--color-outline-variant);margin-bottom:var(--space-m)}:where(details)>*:not(summary){padding:0 var(--space-m) var(--space-m)}button,input[type=submit],input[type=reset],input[type=button]{--button-background: var(--color-primary);--button-color: var(--color-on-primary);--state-hover-opacity: .08;--state-press-opacity: .12;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-full);padding:var(--space-s) var(--space-l);cursor:pointer;text-decoration:none;position:relative;overflow:hidden;white-space:nowrap;background-color:var(--button-background);color:var(--button-color);transition:transform var(--transition-spring-fast),box-shadow var(--transition-spring),background-color var(--transition-fast),border-color var(--transition-fast)}:is(button,input[type=submit],input[type=reset],input[type=button]):before{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity var(--transition-fast);pointer-events:none}:is(button,input[type=submit],input[type=reset],input[type=button]):hover:not(:disabled):before{opacity:var(--state-hover-opacity)}:is(button,input[type=submit],input[type=reset],input[type=button]):active:not(:disabled):before{opacity:var(--state-press-opacity)}:is(button,input[type=submit],input[type=reset],input[type=button]):hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px -2px color-mix(in srgb,var(--color-shadow) 20%,transparent),0 2px 4px -1px color-mix(in srgb,var(--color-shadow) 10%,transparent)}:is(button,input[type=submit],input[type=reset],input[type=button]):active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:none}:is(button,input[type=submit],input[type=reset],input[type=button]):focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-primary)}:is(button,input[type=submit],input[type=reset],input[type=button]):disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}:is(button,input[type=submit],input[type=reset],input[type=button])[type=submit]{--button-background: var(--color-primary);--button-color: var(--color-on-primary)}:is(button,input[type=submit],input[type=reset],input[type=button])[type=submit]:focus-visible{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-primary)}:is(button,input[type=submit],input[type=reset],input[type=button])[type=reset]{--button-background: var(--color-error);--button-color: var(--color-on-error)}:is(button,input[type=submit],input[type=reset],input[type=button])[type=reset]:focus-visible{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-error)}@media(prefers-reduced-motion:reduce){button,input[type=submit],input[type=reset],input[type=button]{transition:background-color var(--transition-fast),border-color var(--transition-fast)}:is(button,input[type=submit],input[type=reset],input[type=button]):hover:not(:disabled){transform:none}:is(button,input[type=submit],input[type=reset],input[type=button]):active:not(:disabled){transform:none}}}@layer layout.layout{:where(.container){width:100%;margin-inline:auto;padding-inline:var(--space-m)}:where(section){width:100%;margin-inline:auto;padding-inline:var(--space-m)}:where(.container-s){max-width:100%}:where(.container-m){max-width:var(--breakpoint-s)}:where(.container-l){max-width:var(--breakpoint-m)}:where(.container-xl){max-width:var(--breakpoint-l)}:where(.container-2xl){max-width:var(--breakpoint-xl)}:where(.container-fluid){max-width:100%}@media(min-width:640px){:where(.container){max-width:var(--breakpoint-s)}:where(section){max-width:var(--breakpoint-s)}}@media(min-width:768px){:where(.container){max-width:var(--breakpoint-m)}:where(section){max-width:var(--breakpoint-m)}}@media(min-width:1024px){:where(.container){max-width:var(--breakpoint-l)}:where(section){max-width:var(--breakpoint-l)}}@media(min-width:1280px){:where(.container){max-width:var(--breakpoint-xl)}:where(section){max-width:var(--breakpoint-xl)}}@media(min-width:1536px){:where(.container){max-width:var(--breakpoint-2xl)}:where(section){max-width:var(--breakpoint-2xl)}}:where(.stack){display:flex;flex-direction:column}:where(.stack>*+*){margin-top:var(--space-m)}:where(.stack-xs>*+*){margin-top:var(--space-xs)}:where(.stack-s>*+*){margin-top:var(--space-s)}:where(.stack-m>*+*){margin-top:var(--space-m)}:where(.stack-l>*+*){margin-top:var(--space-l)}:where(.stack-xl>*+*){margin-top:var(--space-xl)}:where(.stack-2xl>*+*){margin-top:var(--space-2xl)}:where(.stack-3xl>*+*){margin-top:var(--space-3xl)}:where(.inline-stack){display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-m);align-items:center}:where(.inline-stack-xs){gap:var(--space-xs)}:where(.inline-stack-s){gap:var(--space-s)}:where(.inline-stack-m){gap:var(--space-m)}:where(.inline-stack-l){gap:var(--space-l)}:where(.inline-stack-xl){gap:var(--space-xl)}:where(.center){max-width:var(--space-fluid-3xl);margin-inline:auto}:where(.center-s){max-width:40ch;margin-inline:auto}:where(.center-m){max-width:65ch;margin-inline:auto}:where(.center-l){max-width:80ch;margin-inline:auto}:where(.center-xl){max-width:100ch;margin-inline:auto}:where(.split){display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-l)}:where(.split>*){flex:1 1 var(--space-3xl)}@media(max-width:768px){:where(.split){flex-direction:column}:where(.split>*){flex:1 1 auto;width:100%}}:where(.cluster){display:flex;flex-wrap:wrap;gap:var(--space-m);align-items:center;justify-content:flex-start}:where(.cluster-center){justify-content:center}:where(.cluster-end){justify-content:flex-end}:where(.cluster-between){justify-content:space-between}:where(.cluster-around){justify-content:space-around}:where(.cluster-evenly){justify-content:space-evenly}:where(.box){padding:var(--space-m)}:where(.box-xs){padding:var(--space-xs)}:where(.box-s){padding:var(--space-s)}:where(.box-m){padding:var(--space-m)}:where(.box-l){padding:var(--space-l)}:where(.box-xl){padding:var(--space-xl)}:where(.box-2xl){padding:var(--space-2xl)}:where(.region){padding-top:var(--space-xl);padding-bottom:var(--space-xl)}:where(.region-s){padding-top:var(--space-l);padding-bottom:var(--space-l)}:where(.region-m){padding-top:var(--space-xl);padding-bottom:var(--space-xl)}:where(.region-l){padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}:where(.region-xl){padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}:where(.cover){min-height:100vh;display:flex;flex-direction:column}:where(.cover-75){min-height:75vh}:where(.cover-50){min-height:50vh}:where(.cover-main){flex:1}:where(.aspect-video){aspect-ratio:16 / 9;overflow:hidden}:where(.aspect-square){aspect-ratio:1 / 1;overflow:hidden}:where(.aspect-4-3){aspect-ratio:4 / 3;overflow:hidden}:where(.aspect-3-2){aspect-ratio:3 / 2;overflow:hidden}:where(.hide-xs){display:none}@media(min-width:480px){:where(.hide-xs){display:block}:where(.show-xs){display:none}}@media(min-width:640px){:where(.hide-s){display:none}:where(.show-s){display:block}}@media(min-width:768px){:where(.hide-m){display:none}:where(.show-m){display:block}}@media(min-width:1024px){:where(.hide-l){display:none}:where(.show-l){display:block}}@media(min-width:1280px){:where(.hide-xl){display:none}:where(.show-xl){display:block}}:where(.overflow-auto){overflow:auto}:where(.overflow-hidden){overflow:hidden}:where(.overflow-scroll){overflow:scroll}:where(.overflow-x-auto){overflow-x:auto}:where(.overflow-y-auto){overflow-y:auto}:where(.scrollbar-thin){scrollbar-width:thin}:where(.scrollbar-none){scrollbar-width:none;-ms-overflow-style:none}:where(.scrollbar-none::-webkit-scrollbar){display:none}}@layer layout.layout{:host,:root{--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 1.8;--form-element-spacing-horizontal: .75rem;--form-element-spacing-vertical: .25rem}.margin-none{margin:0}.margin-auto{margin:auto}.margin-xsmall{margin:var(--space-xs)}.margin-small{margin:var(--space-s)}.margin-medium{margin:var(--space-m)}.margin-large{margin:var(--space-l)}.margin-xlarge{margin:var(--space-xl)}.margin-2xlarge{margin:var(--space-2xl)}.margin-3xlarge{margin:var(--space-3xl)}.margin-top-none{margin-top:0}.margin-top-auto{margin-top:auto}.margin-top-xsmall{margin-top:var(--space-xs)}.margin-top-small{margin-top:var(--space-s)}.margin-top-medium{margin-top:var(--space-m)}.margin-top-large{margin-top:var(--space-l)}.margin-top-xlarge{margin-top:var(--space-xl)}.margin-top-2xlarge{margin-top:var(--space-2xl)}.margin-top-3xlarge{margin-top:var(--space-3xl)}.margin-right-none{margin-right:0}.margin-right-auto{margin-right:auto}.margin-right-xsmall{margin-right:var(--space-xs)}.margin-right-small{margin-right:var(--space-s)}.margin-right-medium{margin-right:var(--space-m)}.margin-right-large{margin-right:var(--space-l)}.margin-right-xlarge{margin-right:var(--space-xl)}.margin-right-2xlarge{margin-right:var(--space-2xl)}.margin-right-3xlarge{margin-right:var(--space-3xl)}.margin-bottom-none{margin-bottom:0}.margin-bottom-auto{margin-bottom:auto}.margin-bottom-xsmall{margin-bottom:var(--space-xs)}.margin-bottom-small{margin-bottom:var(--space-s)}.margin-bottom-medium{margin-bottom:var(--space-m)}.margin-bottom-large{margin-bottom:var(--space-l)}.margin-bottom-xlarge{margin-bottom:var(--space-xl)}.margin-bottom-2xlarge{margin-bottom:var(--space-2xl)}.margin-bottom-3xlarge{margin-bottom:var(--space-3xl)}.margin-left-none{margin-left:0}.margin-left-auto{margin-left:auto}.margin-left-xsmall{margin-left:var(--space-xs)}.margin-left-small{margin-left:var(--space-s)}.margin-left-medium{margin-left:var(--space-m)}.margin-left-large{margin-left:var(--space-l)}.margin-left-xlarge{margin-left:var(--space-xl)}.margin-left-2xlarge{margin-left:var(--space-2xl)}.margin-left-3xlarge{margin-left:var(--space-3xl)}.margin-horizontal-none{margin-inline:0}.margin-horizontal-auto{margin-inline:auto}.margin-horizontal-xsmall{margin-inline:var(--space-xs)}.margin-horizontal-small{margin-inline:var(--space-s)}.margin-horizontal-medium{margin-inline:var(--space-m)}.margin-horizontal-large{margin-inline:var(--space-l)}.margin-horizontal-xlarge{margin-inline:var(--space-xl)}.margin-horizontal-2xlarge{margin-inline:var(--space-2xl)}.margin-horizontal-3xlarge{margin-inline:var(--space-3xl)}.margin-vertical-none{margin-block:0}.margin-vertical-auto{margin-block:auto}.margin-vertical-xsmall{margin-block:var(--space-xs)}.margin-vertical-small{margin-block:var(--space-s)}.margin-vertical-medium{margin-block:var(--space-m)}.margin-vertical-large{margin-block:var(--space-l)}.margin-vertical-xlarge{margin-block:var(--space-xl)}.margin-vertical-2xlarge{margin-block:var(--space-2xl)}.margin-vertical-3xlarge{margin-block:var(--space-3xl)}.padding-none{padding:0}.padding-xsmall{padding:var(--space-xs)}.padding-small{padding:var(--space-s)}.padding-medium{padding:var(--space-m)}.padding-large{padding:var(--space-l)}.padding-xlarge{padding:var(--space-xl)}.padding-2xlarge{padding:var(--space-2xl)}.padding-3xlarge{padding:var(--space-3xl)}.padding-top-none{padding-top:0}.padding-top-xsmall{padding-top:var(--space-xs)}.padding-top-small{padding-top:var(--space-s)}.padding-top-medium{padding-top:var(--space-m)}.padding-top-large{padding-top:var(--space-l)}.padding-top-xlarge{padding-top:var(--space-xl)}.padding-top-2xlarge{padding-top:var(--space-2xl)}.padding-top-3xlarge{padding-top:var(--space-3xl)}.padding-right-none{padding-right:0}.padding-right-xsmall{padding-right:var(--space-xs)}.padding-right-small{padding-right:var(--space-s)}.padding-right-medium{padding-right:var(--space-m)}.padding-right-large{padding-right:var(--space-l)}.padding-right-xlarge{padding-right:var(--space-xl)}.padding-right-2xlarge{padding-right:var(--space-2xl)}.padding-right-3xlarge{padding-right:var(--space-3xl)}.padding-bottom-none{padding-bottom:0}.padding-bottom-xsmall{padding-bottom:var(--space-xs)}.padding-bottom-small{padding-bottom:var(--space-s)}.padding-bottom-medium{padding-bottom:var(--space-m)}.padding-bottom-large{padding-bottom:var(--space-l)}.padding-bottom-xlarge{padding-bottom:var(--space-xl)}.padding-bottom-2xlarge{padding-bottom:var(--space-2xl)}.padding-bottom-3xlarge{padding-bottom:var(--space-3xl)}.padding-left-none{padding-left:0}.padding-left-xsmall{padding-left:var(--space-xs)}.padding-left-small{padding-left:var(--space-s)}.padding-left-medium{padding-left:var(--space-m)}.padding-left-large{padding-left:var(--space-l)}.padding-left-xlarge{padding-left:var(--space-xl)}.padding-left-2xlarge{padding-left:var(--space-2xl)}.padding-left-3xlarge{padding-left:var(--space-3xl)}.padding-horizontal-none{padding-inline:0}.padding-horizontal-xsmall{padding-inline:var(--space-xs)}.padding-horizontal-small{padding-inline:var(--space-s)}.padding-horizontal-medium{padding-inline:var(--space-m)}.padding-horizontal-large{padding-inline:var(--space-l)}.padding-horizontal-xlarge{padding-inline:var(--space-xl)}.padding-horizontal-2xlarge{padding-inline:var(--space-2xl)}.padding-horizontal-3xlarge{padding-inline:var(--space-3xl)}.padding-vertical-none{padding-block:0}.padding-vertical-xsmall{padding-block:var(--space-xs)}.padding-vertical-small{padding-block:var(--space-s)}.padding-vertical-medium{padding-block:var(--space-m)}.padding-vertical-large{padding-block:var(--space-l)}.padding-vertical-xlarge{padding-block:var(--space-xl)}.padding-vertical-2xlarge{padding-block:var(--space-2xl)}.padding-vertical-3xlarge{padding-block:var(--space-3xl)}none{gap:0}.gap-xsmall{gap:var(--space-xs)}.gap-small{gap:var(--space-s)}.gap-medium{gap:var(--space-m)}.gap-large{gap:var(--space-l)}.gap-xlarge{gap:var(--space-xl)}.gap-2xlarge{gap:var(--space-2xl)}.gap-3xlarge{gap:var(--space-3xl)}.gap-horizontal-none{column-gap:0}.gap-horizontal-xsmall{column-gap:var(--space-xs)}.gap-horizontal-small{column-gap:var(--space-s)}.gap-horizontal-medium{column-gap:var(--space-m)}.gap-horizontal-large{column-gap:var(--space-l)}.gap-horizontal-xlarge{column-gap:var(--space-xl)}.gap-horizontal-2xlarge{column-gap:var(--space-2xl)}.gap-horizontal-3xlarge{column-gap:var(--space-3xl)}.gap-vertical-none{row-gap:0}.gap-vertical-xsmall{row-gap:var(--space-xs)}.gap-vertical-small{row-gap:var(--space-s)}.gap-vertical-medium{row-gap:var(--space-m)}.gap-vertical-large{row-gap:var(--space-l)}.gap-vertical-xlarge{row-gap:var(--space-xl)}.gap-vertical-2xlarge{row-gap:var(--space-2xl)}.gap-vertical-3xlarge{row-gap:var(--space-3xl)}.space-vertical-none>*+*{margin-top:0}.space-vertical-xsmall>*+*{margin-top:var(--space-xs)}.space-vertical-small>*+*{margin-top:var(--space-s)}.space-vertical-medium>*+*{margin-top:var(--space-m)}.space-vertical-large>*+*{margin-top:var(--space-l)}.space-vertical-xlarge>*+*{margin-top:var(--space-xl)}.space-vertical-2xlarge>*+*{margin-top:var(--space-2xl)}.space-vertical-3xlarge>*+*{margin-top:var(--space-3xl)}.space-horizontal-none>*+*{margin-left:0}.space-horizontal-xsmall>*+*{margin-left:var(--space-xs)}.space-horizontal-small>*+*{margin-left:var(--space-s)}.space-horizontal-medium>*+*{margin-left:var(--space-m)}.space-horizontal-large>*+*{margin-left:var(--space-l)}.space-horizontal-xlarge>*+*{margin-left:var(--space-xl)}.space-horizontal-2xlarge>*+*{margin-left:var(--space-2xl)}.space-horizontal-3xlarge>*+*{margin-left:var(--space-3xl)}.inset-all-none{inset:0}.inset-all-auto{inset:auto}.inset-horizontal-none{left:0;right:0}.inset-horizontal-auto{left:auto;right:auto}.inset-vertical-none{top:0;bottom:0}.inset-vertical-auto{top:auto;bottom:auto}.position-top-none{top:0}.position-top-auto{top:auto}.position-top-half{top:50%}.position-top-full{top:100%}.position-right-none{right:0}.position-right-auto{right:auto}.position-right-half{right:50%}.position-right-full{right:100%}.position-bottom-none{bottom:0}.position-bottom-auto{bottom:auto}.position-bottom-half{bottom:50%}.position-bottom-full{bottom:100%}.position-left-none{left:0}.position-left-auto{left:auto}.position-left-half{left:50%}.position-left-full{left:100%}.margin-inline-start-auto{margin-inline-start:auto}.margin-inline-end-auto{margin-inline-end:auto}.margin-block-start-auto{margin-block-start:auto}.margin-block-end-auto{margin-block-end:auto}.padding-inline-start-none{padding-inline-start:0}.padding-inline-start-small{padding-inline-start:var(--space-s)}.padding-inline-start-medium{padding-inline-start:var(--space-m)}.padding-inline-start-large{padding-inline-start:var(--space-l)}.padding-inline-end-none{padding-inline-end:0}.padding-inline-end-small{padding-inline-end:var(--space-s)}.padding-inline-end-medium{padding-inline-end:var(--space-m)}.padding-inline-end-large{padding-inline-end:var(--space-l)}.padding-block-start-none{padding-block-start:0}.padding-block-start-small{padding-block-start:var(--space-s)}.padding-block-start-medium{padding-block-start:var(--space-m)}.padding-block-start-large{padding-block-start:var(--space-l)}.padding-block-end-none{padding-block-end:0}.padding-block-end-small{padding-block-end:var(--space-s)}.padding-block-end-medium{padding-block-end:var(--space-m)}.padding-block-end-large{padding-block-end:var(--space-l)}}@layer layout.layout{body{display:grid;min-height:100vh;margin:0;width:100%;overflow-x:hidden;grid-template-columns:[full-start margin-start] minmax(var(--space-m),1fr) [content-start main-start column-1] 1fr [column-2] 1fr [column-3] 1fr [column-4] 1fr [column-5] 1fr [column-6] 1fr [column-7] 1fr [column-8] 1fr [column-9] 1fr [column-10] 1fr [column-11] 1fr [column-12] 1fr [main-end aside-start content-end margin-end] minmax(var(--space-m),1fr) [full-end];grid-auto-rows:auto}body>header{grid-column:full;display:grid;grid-template-columns:subgrid}body>nav{grid-column:full;display:grid;grid-template-columns:subgrid}body>main{grid-column:full;display:grid;grid-template-columns:subgrid;min-height:0}body>aside{grid-column:content}:where(body>footer){grid-column:full;display:grid;grid-template-columns:subgrid}@media(min-width:768px){body>header{grid-column:full-start / column-4}body>nav{grid-column:column-4 / full-end}body>aside{grid-column:column-10 / content-end}body:has(>aside)>main{grid-column:content-start / column-10}}@media(min-width:1024px){body>header{grid-column:full-start / column-5}body>nav{grid-column:column-5 / full-end}body>aside{grid-column:content-start / column-3}body:has(>aside)>main{grid-column:column-3 / content-end}}:where(body>header>*,body>nav>*,body>main>*,body>footer>*){grid-column:2 / -2}:where(body>main>header:first-child){padding-block:var(--space-l);display:flex;flex-direction:column;gap:var(--space-s);max-width:65ch}:where(body>main>header:first-child) h1{margin:0}:where(body>main>header:first-child) p{margin:0;color:var(--color-on-surface-variant)}body>main>:where(section,article){padding-block:var(--space-l)}@media(max-width:640px){body>main>:where(section,article,header,div){padding-inline:0}}body>header:before{content:" ";position:absolute;height:100%;left:0;width:100vw;z-index:var(--z-below);border-bottom:1px solid var(--color-outline-variant)}body>aside:empty{display:none}main{display:block}}@layer layout.layout{body>header a{display:flex;align-items:center;height:100%}body>header svg{height:100%;width:auto}@media(max-width:767px){body>header>*{justify-content:space-evenly}}}@layer layout.layout{body>nav{position:relative}body>nav ul{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);display:flex;flex:1;gap:var(--space-xs);list-style:none;padding:var(--space-2xs) var(--space-s);padding-bottom:calc(var(--space-2xs) + env(safe-area-inset-bottom));margin:0;background-color:var(--color-surface);border-top:1px solid var(--color-outline-variant);white-space:nowrap;scroll-behavior:smooth;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}body>nav ul::-webkit-scrollbar{display:none}body>nav li{margin:0;flex-shrink:0}@media(min-width:768px){body>nav ul{position:static;border-top:none;padding:var(--space-xs) var(--space-m);justify-content:flex-end;overflow-x:visible}}body>nav:focus-within{outline:2px solid var(--color-primary);outline-offset:-2px}}@layer layout.layout{body>main>header.hero{container-type:inline-size;container-name:hero;grid-column:1 / -1;display:grid;grid-template-columns:subgrid;column-gap:var(--space-l);row-gap:var(--space-l);padding-block:var(--space-l);position:relative}body>main>header.hero>header{grid-column:2 / -2;display:flex;flex-direction:column;gap:var(--space-m);padding:0;margin-inline:auto;max-width:80ch}body>main>header.hero>header h1{--font-size: var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-wrap:balance;margin:0}body>main>header.hero>header p{--font-size: var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-on-surface-variant);margin:0}body>main>header.hero>footer{grid-column:2 / -2;display:flex;gap:var(--space-m);flex-wrap:wrap}body>main>header.hero>footer a{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-s) var(--space-l);border-radius:var(--radius-full);border:none;background-color:var(--color-surface-container-high);color:var(--color-on-surface);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:transform var(--transition-spring-fast),box-shadow var(--transition-spring-fast),background-color var(--transition-fast)}body>main>header.hero>footer a:hover{background-color:var(--color-surface-container-highest);transform:translateY(-2px);box-shadow:var(--shadow-small)}body>main>header.hero>footer a:active{transform:translateY(0)}body>main>header.hero>footer a:visited{color:var(--color-on-surface)}body>main>header.hero>footer a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}body>main>header.hero>footer a.primary{background-color:var(--color-primary);color:var(--color-on-primary)}body>main>header.hero>footer a.primary:hover{background-color:var(--color-primary-40);box-shadow:var(--shadow-medium)}body>main>header.hero>footer a.primary:visited{color:var(--color-on-primary)}body>main>header.hero>:where(img,picture,video){grid-column:2 / -2;width:100%;height:auto;object-fit:cover}@container hero (min-width: 768px){body>main>header.hero{column-gap:var(--space-xl);row-gap:var(--space-m);grid-template-rows:min-content min-content;align-items:start}body>main>header.hero>header{grid-column:2 / 9;grid-row:1;align-self:start;padding-top:var(--space-2xl)}body>main>header.hero>header h1{--font-size: var(--font-size-3xl)}body>main>header.hero>header p{--font-size: var(--font-size-base)}body>main>header.hero>footer{grid-column:2 / 9;grid-row:2;align-self:start;padding-bottom:var(--space-2xl)}body>main>header.hero>:where(img,picture,video){grid-column:9 / -2;grid-row:1 / 3;align-self:stretch;width:100%;height:100%;object-fit:cover;contain:size}}@container hero (min-width: 1024px){body>main>header.hero{column-gap:var(--space-2xl)}body>main>header.hero>header{grid-column:2 / 8}body>main>header.hero>header h1{--font-size: var(--font-size-4xl)}body>main>header.hero>footer{grid-column:2 / 8}body>main>header.hero>:where(img,picture,video){grid-column:8 / -2}}body>main>header.hero.compact{padding-block:var(--space-l)}body>main>header.hero.compact>header{padding-top:0;padding-bottom:0}body>main>header.hero.compact>footer{padding-bottom:0}@container hero (min-width: 768px){body>main>header.hero.compact>header{padding-top:var(--space-m)}body>main>header.hero.compact>footer{padding-bottom:var(--space-m)}}body>main>header.hero.wide{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);grid-column:1 / -1;display:grid;grid-template-columns:minmax(var(--space-m),1fr) repeat(12,1fr) minmax(var(--space-m),1fr);column-gap:var(--space-xs);row-gap:var(--space-m);padding-block:var(--space-3xl);padding-left:0;padding-right:0;position:relative;overflow:hidden;background:transparent}body>main>header.hero.wide.compact{padding-block:var(--space-xl)}body>main>header.hero.wide:has(.background):before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:calc(var(--z-normal) + 1);background:linear-gradient(135deg,hsla(var(--color-primary-hue),95%,45%,.92),hsla(var(--color-primary-hue),90%,55%,.88),hsla(var(--color-primary-hue),85%,65%,.85));pointer-events:none}body>main>header.hero.wide>img.background,body>main>header.hero.wide>picture.background,body>main>header.hero.wide>video.background,body>main>header.hero.wide>figure.background{position:absolute;inset:0;display:block;grid-row:auto;grid-column:auto;width:100%;height:100%;min-height:100%;aspect-ratio:auto;object-fit:cover;z-index:var(--z-normal);padding:0;margin:0}:is(body>main>header.hero.wide>img.background,body>main>header.hero.wide>picture.background,body>main>header.hero.wide>video.background,body>main>header.hero.wide>figure.background) img{object-fit:cover;width:100%;height:100%}body>main>header.hero.wide:has(.background)>header{position:relative;z-index:calc(var(--z-normal) + 2);align-items:stretch;margin-inline:auto}body>main>header.hero.wide:has(.background)>header h1,body>main>header.hero.wide:has(.background)>header p{text-align:center}body>main>header.hero.wide:has(.background)>header p{color:hsla(var(--color-primary-hue),10%,15%,.95);margin-inline:auto}body>main>header.hero.wide:has(.background)>footer{position:relative;z-index:calc(var(--z-normal) + 2);justify-content:center}body>main>header.hero.wide:has(.background)>footer a{background-color:var(--color-surface);color:var(--color-on-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body>main>header.hero.wide:has(.background)>footer a:hover{background-color:var(--color-surface-container-lowest);box-shadow:var(--shadow-medium)}body>main>header.hero.wide:has(.background)>footer a:visited{color:var(--color-on-surface)}body>main>header.hero.wide:has(.background)>footer a.primary{background-color:var(--color-on-primary);color:var(--color-primary)}body>main>header.hero.wide:has(.background)>footer a.primary:hover{background-color:var(--color-surface-container-lowest)}body>main>header.hero.wide:has(.background)>footer a.primary:visited{color:var(--color-primary)}@container hero (min-width: 768px){body>main>header.hero.wide{column-gap:var(--space-xl);row-gap:var(--space-m)}body>main>header.hero.wide>header,body>main>header.hero.wide>footer{grid-column:2 / -2}body>main>header.hero.wide:has(>:where(img,picture,video,figure):not(.background))>header{grid-column:2 / 9;grid-row:1}body>main>header.hero.wide:has(>:where(img,picture,video,figure):not(.background))>footer{grid-column:2 / 9;grid-row:2}body>main>header.hero.wide:has(>:where(img,picture,video,figure):not(.background))>:where(img,picture,video,figure):not(.background){grid-column:9 / -2;grid-row:1 / 3;align-self:stretch;height:100%}}@container hero (min-width: 1024px){body>main>header.hero.wide{column-gap:var(--space-2xl)}body>main>header.hero.wide>header,body>main>header.hero.wide>footer{grid-column:2 / -2}body>main>header.hero.wide:has(>:where(img,picture,video,figure):not(.background))>header{grid-column:2 / 8}body>main>header.hero.wide:has(>:where(img,picture,video,figure):not(.background))>footer{grid-column:2 / 8}body>main>header.hero.wide:has(>:where(img,picture,video,figure):not(.background))>:where(img,picture,video,figure):not(.background){grid-column:8 / -2}}@container hero (min-width: 1536px){body>main>header.hero.wide>header,body>main>header.hero.wide>footer{grid-column:4 / -4}body>main>header.hero.wide:has(>:where(img,picture,video,figure):not(.background))>header{grid-column:3 / 8}body>main>header.hero.wide:has(>:where(img,picture,video,figure):not(.background))>footer{grid-column:3 / 8}body>main>header.hero.wide:has(>:where(img,picture,video,figure):not(.background))>:where(img,picture,video,figure):not(.background){grid-column:8 / -3}}}@layer layout.layout{:where(body>footer){row-gap:var(--space-l);padding-block-end:calc(var(--space-3xl) + env(safe-area-inset-bottom))}:where(body>footer>header){font-size:var(--font-size-l);font-weight:var(--font-weight-bold);margin-block-end:var(--space-m)}:where(body>footer>nav){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:var(--space-m) var(--space-l)}:where(body>footer>header){padding-inline:0}:where(body>footer>nav section),:where(footer nav section){padding-inline:0}:where(body>footer>nav ul){list-style:none;padding:0;margin:0;display:flex;flex-direction:column}:where(body>footer>nav h3){font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);margin-block-end:var(--space-s);margin-block-start:0}:where(body>footer>nav li){display:block;margin-block-end:var(--space-xs)}:where(body>footer>footer){border-block-start:1px solid var(--color-border);padding-block-start:var(--space-m);margin-block-start:var(--space-m)}:where(body>footer>footer p){font-size:var(--font-size-s);color:var(--color-on-surface-variant);margin:0}@media(min-width:768px){:where(body>footer){padding-block-end:calc(var(--space-s) + env(safe-area-inset-bottom))}}@media(min-width:1024px){:where(body>footer>header){grid-column:2 / 6;grid-row:1;margin-block-end:0}:where(body>footer>nav){grid-column:6 / -2;grid-row:1;grid-template-columns:repeat(3,1fr);gap:var(--space-l)}:where(body>footer>footer){grid-column:2 / -2;grid-row:2;margin-block-start:var(--space-l)}}}@layer layout;@layer components{:root{--shape-circle: circle(50% at 50% 50%);--shape-square: shape( from calc(50% + var(--computed-radius, 45%) * cos(0deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(0deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))), curve to calc(50% + var(--computed-radius, 45%) * cos(0deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(0deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) with calc(50%*(1 + cos(0deg + var(--angle, 0deg)))) calc(50%*(1 + sin(0deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 45%) * cos(90deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(90deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))), curve to calc(50% + var(--computed-radius, 45%) * cos(90deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(90deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) with calc(50%*(1 + cos(90deg + var(--angle, 0deg)))) calc(50%*(1 + sin(90deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 45%) * cos(180deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(180deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))), curve to calc(50% + var(--computed-radius, 45%) * cos(180deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(180deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) with calc(50%*(1 + cos(180deg + var(--angle, 0deg)))) calc(50%*(1 + sin(180deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 45%) * cos(270deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(270deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))), curve to calc(50% + var(--computed-radius, 45%) * cos(270deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(270deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) with calc(50%*(1 + cos(270deg + var(--angle, 0deg)))) calc(50%*(1 + sin(270deg + var(--angle, 0deg)))) );--shape-triangle: shape( from calc(50% + var(--computed-radius, 40%) * cos(0deg + var(--angle, 0deg) - var(--angle-increment, 15deg))) calc(50% + var(--computed-radius, 40%) * sin(0deg + var(--angle, 0deg) - var(--angle-increment, 15deg))), curve to calc(50% + var(--computed-radius, 40%) * cos(0deg + var(--angle, 0deg) + var(--angle-increment, 15deg))) calc(50% + var(--computed-radius, 40%) * sin(0deg + var(--angle, 0deg) + var(--angle-increment, 15deg))) with calc(50%*(1 + cos(0deg + var(--angle, 0deg)))) calc(50%*(1 + sin(0deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 40%) * cos(120deg + var(--angle, 0deg) - var(--angle-increment, 15deg))) calc(50% + var(--computed-radius, 40%) * sin(120deg + var(--angle, 0deg) - var(--angle-increment, 15deg))), curve to calc(50% + var(--computed-radius, 40%) * cos(120deg + var(--angle, 0deg) + var(--angle-increment, 15deg))) calc(50% + var(--computed-radius, 40%) * sin(120deg + var(--angle, 0deg) + var(--angle-increment, 15deg))) with calc(50%*(1 + cos(120deg + var(--angle, 0deg)))) calc(50%*(1 + sin(120deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 40%) * cos(240deg + var(--angle, 0deg) - var(--angle-increment, 15deg))) calc(50% + var(--computed-radius, 40%) * sin(240deg + var(--angle, 0deg) - var(--angle-increment, 15deg))), curve to calc(50% + var(--computed-radius, 40%) * cos(240deg + var(--angle, 0deg) + var(--angle-increment, 15deg))) calc(50% + var(--computed-radius, 40%) * sin(240deg + var(--angle, 0deg) + var(--angle-increment, 15deg))) with calc(50%*(1 + cos(240deg + var(--angle, 0deg)))) calc(50%*(1 + sin(240deg + var(--angle, 0deg)))) );--shape-diamond: shape( from calc(50% + var(--computed-radius, 45%) * cos(0deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(0deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))), curve to calc(50% + var(--computed-radius, 45%) * cos(0deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(0deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) with calc(50%*(1 + cos(0deg + var(--angle, 0deg)))) calc(50%*(1 + sin(0deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 45%) * cos(90deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(90deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))), curve to calc(50% + var(--computed-radius, 45%) * cos(90deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(90deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) with calc(50%*(1 + cos(90deg + var(--angle, 0deg)))) calc(50%*(1 + sin(90deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 45%) * cos(180deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(180deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))), curve to calc(50% + var(--computed-radius, 45%) * cos(180deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(180deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) with calc(50%*(1 + cos(180deg + var(--angle, 0deg)))) calc(50%*(1 + sin(180deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 45%) * cos(270deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(270deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))), curve to calc(50% + var(--computed-radius, 45%) * cos(270deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(270deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) with calc(50%*(1 + cos(270deg + var(--angle, 0deg)))) calc(50%*(1 + sin(270deg + var(--angle, 0deg)))) );--shape-cookie-4-sided: shape( from calc(50% + var(--computed-radius, 45%) * cos(0deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(0deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))), curve to calc(50% + var(--computed-radius, 45%) * cos(0deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(0deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) with calc(50%*(1 + cos(0deg + var(--angle, 0deg)))) calc(50%*(1 + sin(0deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 45%) * cos(90deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(90deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))), curve to calc(50% + var(--computed-radius, 45%) * cos(90deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(90deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) with calc(50%*(1 + cos(90deg + var(--angle, 0deg)))) calc(50%*(1 + sin(90deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 45%) * cos(180deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(180deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))), curve to calc(50% + var(--computed-radius, 45%) * cos(180deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(180deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) with calc(50%*(1 + cos(180deg + var(--angle, 0deg)))) calc(50%*(1 + sin(180deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 45%) * cos(270deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(270deg + var(--angle, 0deg) - var(--angle-increment, 11.25deg))), curve to calc(50% + var(--computed-radius, 45%) * cos(270deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) calc(50% + var(--computed-radius, 45%) * sin(270deg + var(--angle, 0deg) + var(--angle-increment, 11.25deg))) with calc(50%*(1 + cos(270deg + var(--angle, 0deg)))) calc(50%*(1 + sin(270deg + var(--angle, 0deg)))) );--shape-cookie-6-sided: shape( from calc(50% + var(--computed-radius, 47%) * cos(0deg + var(--angle, 0deg) - var(--angle-increment, 7.5deg))) calc(50% + var(--computed-radius, 47%) * sin(0deg + var(--angle, 0deg) - var(--angle-increment, 7.5deg))), curve to calc(50% + var(--computed-radius, 47%) * cos(0deg + var(--angle, 0deg) + var(--angle-increment, 7.5deg))) calc(50% + var(--computed-radius, 47%) * sin(0deg + var(--angle, 0deg) + var(--angle-increment, 7.5deg))) with calc(50%*(1 + cos(0deg + var(--angle, 0deg)))) calc(50%*(1 + sin(0deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 47%) * cos(60deg + var(--angle, 0deg) - var(--angle-increment, 7.5deg))) calc(50% + var(--computed-radius, 47%) * sin(60deg + var(--angle, 0deg) - var(--angle-increment, 7.5deg))), curve to calc(50% + var(--computed-radius, 47%) * cos(60deg + var(--angle, 0deg) + var(--angle-increment, 7.5deg))) calc(50% + var(--computed-radius, 47%) * sin(60deg + var(--angle, 0deg) + var(--angle-increment, 7.5deg))) with calc(50%*(1 + cos(60deg + var(--angle, 0deg)))) calc(50%*(1 + sin(60deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 47%) * cos(120deg + var(--angle, 0deg) - var(--angle-increment, 7.5deg))) calc(50% + var(--computed-radius, 47%) * sin(120deg + var(--angle, 0deg) - var(--angle-increment, 7.5deg))), curve to calc(50% + var(--computed-radius, 47%) * cos(120deg + var(--angle, 0deg) + var(--angle-increment, 7.5deg))) calc(50% + var(--computed-radius, 47%) * sin(120deg + var(--angle, 0deg) + var(--angle-increment, 7.5deg))) with calc(50%*(1 + cos(120deg + var(--angle, 0deg)))) calc(50%*(1 + sin(120deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 47%) * cos(180deg + var(--angle, 0deg) - var(--angle-increment, 7.5deg))) calc(50% + var(--computed-radius, 47%) * sin(180deg + var(--angle, 0deg) - var(--angle-increment, 7.5deg))), curve to calc(50% + var(--computed-radius, 47%) * cos(180deg + var(--angle, 0deg) + var(--angle-increment, 7.5deg))) calc(50% + var(--computed-radius, 47%) * sin(180deg + var(--angle, 0deg) + var(--angle-increment, 7.5deg))) with calc(50%*(1 + cos(180deg + var(--angle, 0deg)))) calc(50%*(1 + sin(180deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 47%) * cos(240deg + var(--angle, 0deg) - var(--angle-increment, 7.5deg))) calc(50% + var(--computed-radius, 47%) * sin(240deg + var(--angle, 0deg) - var(--angle-increment, 7.5deg))), curve to calc(50% + var(--computed-radius, 47%) * cos(240deg + var(--angle, 0deg) + var(--angle-increment, 7.5deg))) calc(50% + var(--computed-radius, 47%) * sin(240deg + var(--angle, 0deg) + var(--angle-increment, 7.5deg))) with calc(50%*(1 + cos(240deg + var(--angle, 0deg)))) calc(50%*(1 + sin(240deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 47%) * cos(300deg + var(--angle, 0deg) - var(--angle-increment, 7.5deg))) calc(50% + var(--computed-radius, 47%) * sin(300deg + var(--angle, 0deg) - var(--angle-increment, 7.5deg))), curve to calc(50% + var(--computed-radius, 47%) * cos(300deg + var(--angle, 0deg) + var(--angle-increment, 7.5deg))) calc(50% + var(--computed-radius, 47%) * sin(300deg + var(--angle, 0deg) + var(--angle-increment, 7.5deg))) with calc(50%*(1 + cos(300deg + var(--angle, 0deg)))) calc(50%*(1 + sin(300deg + var(--angle, 0deg)))) );--shape-cookie-7-sided: shape( from calc(50% + var(--computed-radius, 48%) * cos(0deg + var(--angle, 0deg) - var(--angle-increment, 6.4deg))) calc(50% + var(--computed-radius, 48%) * sin(0deg + var(--angle, 0deg) - var(--angle-increment, 6.4deg))), curve to calc(50% + var(--computed-radius, 48%) * cos(0deg + var(--angle, 0deg) + var(--angle-increment, 6.4deg))) calc(50% + var(--computed-radius, 48%) * sin(0deg + var(--angle, 0deg) + var(--angle-increment, 6.4deg))) with calc(50%*(1 + cos(0deg + var(--angle, 0deg)))) calc(50%*(1 + sin(0deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 48%) * cos(51.4deg + var(--angle, 0deg) - var(--angle-increment, 6.4deg))) calc(50% + var(--computed-radius, 48%) * sin(51.4deg + var(--angle, 0deg) - var(--angle-increment, 6.4deg))), curve to calc(50% + var(--computed-radius, 48%) * cos(51.4deg + var(--angle, 0deg) + var(--angle-increment, 6.4deg))) calc(50% + var(--computed-radius, 48%) * sin(51.4deg + var(--angle, 0deg) + var(--angle-increment, 6.4deg))) with calc(50%*(1 + cos(51.4deg + var(--angle, 0deg)))) calc(50%*(1 + sin(51.4deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 48%) * cos(102.8deg + var(--angle, 0deg) - var(--angle-increment, 6.4deg))) calc(50% + var(--computed-radius, 48%) * sin(102.8deg + var(--angle, 0deg) - var(--angle-increment, 6.4deg))), curve to calc(50% + var(--computed-radius, 48%) * cos(102.8deg + var(--angle, 0deg) + var(--angle-increment, 6.4deg))) calc(50% + var(--computed-radius, 48%) * sin(102.8deg + var(--angle, 0deg) + var(--angle-increment, 6.4deg))) with calc(50%*(1 + cos(102.8deg + var(--angle, 0deg)))) calc(50%*(1 + sin(102.8deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 48%) * cos(154.2deg + var(--angle, 0deg) - var(--angle-increment, 6.4deg))) calc(50% + var(--computed-radius, 48%) * sin(154.2deg + var(--angle, 0deg) - var(--angle-increment, 6.4deg))), curve to calc(50% + var(--computed-radius, 48%) * cos(154.2deg + var(--angle, 0deg) + var(--angle-increment, 6.4deg))) calc(50% + var(--computed-radius, 48%) * sin(154.2deg + var(--angle, 0deg) + var(--angle-increment, 6.4deg))) with calc(50%*(1 + cos(154.2deg + var(--angle, 0deg)))) calc(50%*(1 + sin(154.2deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 48%) * cos(205.6deg + var(--angle, 0deg) - var(--angle-increment, 6.4deg))) calc(50% + var(--computed-radius, 48%) * sin(205.6deg + var(--angle, 0deg) - var(--angle-increment, 6.4deg))), curve to calc(50% + var(--computed-radius, 48%) * cos(205.6deg + var(--angle, 0deg) + var(--angle-increment, 6.4deg))) calc(50% + var(--computed-radius, 48%) * sin(205.6deg + var(--angle, 0deg) + var(--angle-increment, 6.4deg))) with calc(50%*(1 + cos(205.6deg + var(--angle, 0deg)))) calc(50%*(1 + sin(205.6deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 48%) * cos(257deg + var(--angle, 0deg) - var(--angle-increment, 6.4deg))) calc(50% + var(--computed-radius, 48%) * sin(257deg + var(--angle, 0deg) - var(--angle-increment, 6.4deg))), curve to calc(50% + var(--computed-radius, 48%) * cos(257deg + var(--angle, 0deg) + var(--angle-increment, 6.4deg))) calc(50% + var(--computed-radius, 48%) * sin(257deg + var(--angle, 0deg) + var(--angle-increment, 6.4deg))) with calc(50%*(1 + cos(257deg + var(--angle, 0deg)))) calc(50%*(1 + sin(257deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 48%) * cos(308.4deg + var(--angle, 0deg) - var(--angle-increment, 6.4deg))) calc(50% + var(--computed-radius, 48%) * sin(308.4deg + var(--angle, 0deg) - var(--angle-increment, 6.4deg))), curve to calc(50% + var(--computed-radius, 48%) * cos(308.4deg + var(--angle, 0deg) + var(--angle-increment, 6.4deg))) calc(50% + var(--computed-radius, 48%) * sin(308.4deg + var(--angle, 0deg) + var(--angle-increment, 6.4deg))) with calc(50%*(1 + cos(308.4deg + var(--angle, 0deg)))) calc(50%*(1 + sin(308.4deg + var(--angle, 0deg)))) );--shape-cookie-9-sided: shape( from calc(50% + var(--computed-radius, 49%) * cos(0deg + var(--angle, 0deg) - var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(0deg + var(--angle, 0deg) - var(--angle-increment, 5deg))), curve to calc(50% + var(--computed-radius, 49%) * cos(0deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(0deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) with calc(50%*(1 + cos(0deg + var(--angle, 0deg)))) calc(50%*(1 + sin(0deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49%) * cos(40deg + var(--angle, 0deg) - var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(40deg + var(--angle, 0deg) - var(--angle-increment, 5deg))), curve to calc(50% + var(--computed-radius, 49%) * cos(40deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(40deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) with calc(50%*(1 + cos(40deg + var(--angle, 0deg)))) calc(50%*(1 + sin(40deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49%) * cos(80deg + var(--angle, 0deg) - var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(80deg + var(--angle, 0deg) - var(--angle-increment, 5deg))), curve to calc(50% + var(--computed-radius, 49%) * cos(80deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(80deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) with calc(50%*(1 + cos(80deg + var(--angle, 0deg)))) calc(50%*(1 + sin(80deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49%) * cos(120deg + var(--angle, 0deg) - var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(120deg + var(--angle, 0deg) - var(--angle-increment, 5deg))), curve to calc(50% + var(--computed-radius, 49%) * cos(120deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(120deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) with calc(50%*(1 + cos(120deg + var(--angle, 0deg)))) calc(50%*(1 + sin(120deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49%) * cos(160deg + var(--angle, 0deg) - var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(160deg + var(--angle, 0deg) - var(--angle-increment, 5deg))), curve to calc(50% + var(--computed-radius, 49%) * cos(160deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(160deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) with calc(50%*(1 + cos(160deg + var(--angle, 0deg)))) calc(50%*(1 + sin(160deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49%) * cos(200deg + var(--angle, 0deg) - var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(200deg + var(--angle, 0deg) - var(--angle-increment, 5deg))), curve to calc(50% + var(--computed-radius, 49%) * cos(200deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(200deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) with calc(50%*(1 + cos(200deg + var(--angle, 0deg)))) calc(50%*(1 + sin(200deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49%) * cos(240deg + var(--angle, 0deg) - var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(240deg + var(--angle, 0deg) - var(--angle-increment, 5deg))), curve to calc(50% + var(--computed-radius, 49%) * cos(240deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(240deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) with calc(50%*(1 + cos(240deg + var(--angle, 0deg)))) calc(50%*(1 + sin(240deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49%) * cos(280deg + var(--angle, 0deg) - var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(280deg + var(--angle, 0deg) - var(--angle-increment, 5deg))), curve to calc(50% + var(--computed-radius, 49%) * cos(280deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(280deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) with calc(50%*(1 + cos(280deg + var(--angle, 0deg)))) calc(50%*(1 + sin(280deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49%) * cos(320deg + var(--angle, 0deg) - var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(320deg + var(--angle, 0deg) - var(--angle-increment, 5deg))), curve to calc(50% + var(--computed-radius, 49%) * cos(320deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) calc(50% + var(--computed-radius, 49%) * sin(320deg + var(--angle, 0deg) + var(--angle-increment, 5deg))) with calc(50%*(1 + cos(320deg + var(--angle, 0deg)))) calc(50%*(1 + sin(320deg + var(--angle, 0deg)))) );--shape-cookie-12-sided: shape( from calc(50% + var(--computed-radius, 49.5%) * cos(0deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(0deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))), curve to calc(50% + var(--computed-radius, 49.5%) * cos(0deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(0deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) with calc(50%*(1 + cos(0deg + var(--angle, 0deg)))) calc(50%*(1 + sin(0deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49.5%) * cos(30deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(30deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))), curve to calc(50% + var(--computed-radius, 49.5%) * cos(30deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(30deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) with calc(50%*(1 + cos(30deg + var(--angle, 0deg)))) calc(50%*(1 + sin(30deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49.5%) * cos(60deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(60deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))), curve to calc(50% + var(--computed-radius, 49.5%) * cos(60deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(60deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) with calc(50%*(1 + cos(60deg + var(--angle, 0deg)))) calc(50%*(1 + sin(60deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49.5%) * cos(90deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(90deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))), curve to calc(50% + var(--computed-radius, 49.5%) * cos(90deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(90deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) with calc(50%*(1 + cos(90deg + var(--angle, 0deg)))) calc(50%*(1 + sin(90deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49.5%) * cos(120deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(120deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))), curve to calc(50% + var(--computed-radius, 49.5%) * cos(120deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(120deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) with calc(50%*(1 + cos(120deg + var(--angle, 0deg)))) calc(50%*(1 + sin(120deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49.5%) * cos(150deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(150deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))), curve to calc(50% + var(--computed-radius, 49.5%) * cos(150deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(150deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) with calc(50%*(1 + cos(150deg + var(--angle, 0deg)))) calc(50%*(1 + sin(150deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49.5%) * cos(180deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(180deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))), curve to calc(50% + var(--computed-radius, 49.5%) * cos(180deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(180deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) with calc(50%*(1 + cos(180deg + var(--angle, 0deg)))) calc(50%*(1 + sin(180deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49.5%) * cos(210deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(210deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))), curve to calc(50% + var(--computed-radius, 49.5%) * cos(210deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(210deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) with calc(50%*(1 + cos(210deg + var(--angle, 0deg)))) calc(50%*(1 + sin(210deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49.5%) * cos(240deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(240deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))), curve to calc(50% + var(--computed-radius, 49.5%) * cos(240deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(240deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) with calc(50%*(1 + cos(240deg + var(--angle, 0deg)))) calc(50%*(1 + sin(240deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49.5%) * cos(270deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(270deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))), curve to calc(50% + var(--computed-radius, 49.5%) * cos(270deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(270deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) with calc(50%*(1 + cos(270deg + var(--angle, 0deg)))) calc(50%*(1 + sin(270deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49.5%) * cos(300deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(300deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))), curve to calc(50% + var(--computed-radius, 49.5%) * cos(300deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(300deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) with calc(50%*(1 + cos(300deg + var(--angle, 0deg)))) calc(50%*(1 + sin(300deg + var(--angle, 0deg)))) , line to calc(50% + var(--computed-radius, 49.5%) * cos(330deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(330deg + var(--angle, 0deg) - var(--angle-increment, 3.75deg))), curve to calc(50% + var(--computed-radius, 49.5%) * cos(330deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) calc(50% + var(--computed-radius, 49.5%) * sin(330deg + var(--angle, 0deg) + var(--angle-increment, 3.75deg))) with calc(50%*(1 + cos(330deg + var(--angle, 0deg)))) calc(50%*(1 + sin(330deg + var(--angle, 0deg)))) )}}@layer components{.shape{--radius: .25;--angle: 0deg}.shape.circle{clip-path:circle(50% at 50% 50%)}.shape.square{--angle-increment: calc(22.5deg * var(--radius));--computed-radius: calc(50%*cos(22.5deg)/cos(22.5deg * (1 - var(--radius)))) ;clip-path:var(--shape-square)}.shape.triangle{--angle-increment: calc(60deg * var(--radius));--computed-radius: calc(50%*cos(60deg)/cos(60deg * (1 - var(--radius)))) ;clip-path:var(--shape-triangle)}.shape.diamond{--angle-increment: calc(45deg * var(--radius));--computed-radius: calc(50%*cos(45deg)/cos(45deg * (1 - var(--radius)))) ;clip-path:var(--shape-diamond)}.shape.pentagon{--angle-increment: calc(36deg * var(--radius));--computed-radius: calc(50%*cos(36deg)/cos(36deg * (1 - var(--radius)))) ;clip-path:shape(from calc(50% + var(--computed-radius) * cos(0deg + var(--angle) - var(--angle-increment))) calc(50% + var(--computed-radius) * sin(0deg + var(--angle) - var(--angle-increment))),curve to calc(50% + var(--computed-radius) * cos(0deg + var(--angle) + var(--angle-increment))) calc(50% + var(--computed-radius) * sin(0deg + var(--angle) + var(--angle-increment))) with calc(50%*(1 + cos(0deg + var(--angle)))) calc(50%*(1 + sin(0deg + var(--angle)))),line to calc(50% + var(--computed-radius) * cos(72deg + var(--angle) - var(--angle-increment))) calc(50% + var(--computed-radius) * sin(72deg + var(--angle) - var(--angle-increment))),curve to calc(50% + var(--computed-radius) * cos(72deg + var(--angle) + var(--angle-increment))) calc(50% + var(--computed-radius) * sin(72deg + var(--angle) + var(--angle-increment))) with calc(50%*(1 + cos(72deg + var(--angle)))) calc(50%*(1 + sin(72deg + var(--angle)))),line to calc(50% + var(--computed-radius) * cos(144deg + var(--angle) - var(--angle-increment))) calc(50% + var(--computed-radius) * sin(144deg + var(--angle) - var(--angle-increment))),curve to calc(50% + var(--computed-radius) * cos(144deg + var(--angle) + var(--angle-increment))) calc(50% + var(--computed-radius) * sin(144deg + var(--angle) + var(--angle-increment))) with calc(50%*(1 + cos(144deg + var(--angle)))) calc(50%*(1 + sin(144deg + var(--angle)))),line to calc(50% + var(--computed-radius) * cos(216deg + var(--angle) - var(--angle-increment))) calc(50% + var(--computed-radius) * sin(216deg + var(--angle) - var(--angle-increment))),curve to calc(50% + var(--computed-radius) * cos(216deg + var(--angle) + var(--angle-increment))) calc(50% + var(--computed-radius) * sin(216deg + var(--angle) + var(--angle-increment))) with calc(50%*(1 + cos(216deg + var(--angle)))) calc(50%*(1 + sin(216deg + var(--angle)))),line to calc(50% + var(--computed-radius) * cos(288deg + var(--angle) - var(--angle-increment))) calc(50% + var(--computed-radius) * sin(288deg + var(--angle) - var(--angle-increment))),curve to calc(50% + var(--computed-radius) * cos(288deg + var(--angle) + var(--angle-increment))) calc(50% + var(--computed-radius) * sin(288deg + var(--angle) + var(--angle-increment))) with calc(50%*(1 + cos(288deg + var(--angle)))) calc(50%*(1 + sin(288deg + var(--angle)))))}.shape.cookie.\34-sided{--angle-increment: calc(11.25deg * var(--radius, .25));--computed-radius: calc(45%*cos(11.25deg)/cos(11.25deg * (1 - var(--radius, .25)))) ;clip-path:var(--shape-cookie-4-sided)}.shape.cookie.\36-sided{--angle-increment: calc(7.5deg * var(--radius, .25));--computed-radius: calc(47%*cos(7.5deg)/cos(7.5deg * (1 - var(--radius, .25)))) ;clip-path:var(--shape-cookie-6-sided)}.shape.cookie.\37-sided{--angle-increment: calc(6.4deg * var(--radius, .25));--computed-radius: calc(48%*cos(6.4deg)/cos(6.4deg * (1 - var(--radius, .25)))) ;clip-path:var(--shape-cookie-7-sided)}.shape.cookie.\39-sided{--angle-increment: calc(5deg * var(--radius, .25));--computed-radius: calc(49%*cos(5deg)/cos(5deg * (1 - var(--radius, .25)))) ;clip-path:var(--shape-cookie-9-sided)}.shape.cookie.\31 2-sided{--angle-increment: calc(3.75deg * var(--radius, .25));--computed-radius: calc(49.5%*cos(3.75deg)/cos(3.75deg * (1 - var(--radius, .25)))) ;clip-path:var(--shape-cookie-12-sided)}}@layer components;@layer components.components{button,input[type=submit],input[type=reset],input[type=button]{@keyframes button-spin{to{transform:rotate(360deg)}}}:is(button,input[type=submit],input[type=reset],input[type=button])[data-size=compact]{padding:var(--space-xs) var(--space-s);font-size:var(--font-size-s)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-size=large]{padding:var(--space-m) var(--space-l);font-size:var(--font-size-l)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-size=xlarge]{padding:var(--space-l) var(--space-xl);font-size:var(--font-size-xl)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-variant=outlined]{--button-background: transparent;--button-color: var(--color-primary);border-color:var(--color-primary)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-variant=outlined]:hover:not(:disabled){--button-background: var(--color-primary-container);--button-color: var(--color-on-primary-container)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-variant=outlined][type=submit]{--button-color: var(--color-primary);border-color:var(--color-primary)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-variant=outlined][type=submit]:hover:not(:disabled){--button-background: var(--color-primary-container);--button-color: var(--color-on-primary-container)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-variant=outlined][type=reset]{--button-color: var(--color-error);border-color:var(--color-error)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-variant=outlined][type=reset]:hover:not(:disabled){--button-background: var(--color-error-container);--button-color: var(--color-on-error-container)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-variant=text]{--button-background: transparent;--button-color: var(--color-primary);border-color:transparent;padding:var(--space-xs) var(--space-s)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-variant=text]:hover:not(:disabled){--button-background: var(--color-primary-container);--button-color: var(--color-on-primary-container);box-shadow:none;transform:none}:is(button,input[type=submit],input[type=reset],input[type=button])[data-variant=text][type=submit]{--button-color: var(--color-primary)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-variant=text][type=submit]:hover:not(:disabled){--button-background: var(--color-primary-container);--button-color: var(--color-on-primary-container)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-variant=text][type=reset]{--button-color: var(--color-error)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-variant=text][type=reset]:hover:not(:disabled){--button-background: var(--color-error-container);--button-color: var(--color-on-error-container)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-variant=tonal]{--button-background: var(--color-primary-container);--button-color: var(--color-on-primary-container)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-shape=rounded]{border-radius:var(--radius-full)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-shape=square]{width:2.5rem;height:2.5rem;padding:0}:is(button,input[type=submit],input[type=reset],input[type=button])[data-shape=square][data-size=large]{width:3rem;height:3rem}:is(button,input[type=submit],input[type=reset],input[type=button])[data-shape=square][data-size=compact]{width:2rem;height:2rem}:is(button,input[type=submit],input[type=reset],input[type=button])[aria-busy=true]{color:transparent}:is(button,input[type=submit],input[type=reset],input[type=button])[aria-busy=true]:after{content:"";position:absolute;width:1rem;height:1rem;top:50%;left:50%;margin:-.5rem 0 0 -.5rem;border:2px solid var(--button-color);border-right-color:transparent;border-radius:var(--radius-full);animation:button-spin .6s linear infinite}a[role=button]{display:inline-flex;text-decoration:none}div[role=group].button-group{display:inline-flex;isolation:isolate}div[role=group].button-group button,div[role=group].button-group input[type=submit],div[role=group].button-group input[type=reset],div[role=group].button-group input[type=button],div[role=group].button-group a[role=button]{margin:0;border-radius:0}:is(div[role=group].button-group button,div[role=group].button-group input[type=submit],div[role=group].button-group input[type=reset],div[role=group].button-group input[type=button],div[role=group].button-group a[role=button]):not(:first-child){margin-left:-1px}:is(div[role=group].button-group button,div[role=group].button-group input[type=submit],div[role=group].button-group input[type=reset],div[role=group].button-group input[type=button],div[role=group].button-group a[role=button]):first-child{border-radius:var(--radius-m) 0 0 var(--radius-m)}:is(div[role=group].button-group button,div[role=group].button-group input[type=submit],div[role=group].button-group input[type=reset],div[role=group].button-group input[type=button],div[role=group].button-group a[role=button]):last-child{border-radius:0 var(--radius-m) var(--radius-m) 0}:is(div[role=group].button-group button,div[role=group].button-group input[type=submit],div[role=group].button-group input[type=reset],div[role=group].button-group input[type=button],div[role=group].button-group a[role=button]):focus{z-index:1}button[data-icon],input[data-icon]{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:none;--button-background: transparent;--button-color: var(--color-on-surface);padding:0}:is(button[data-icon],input[data-icon]):hover:not(:disabled){box-shadow:none}:is(button[data-icon],input[data-icon])[data-size=large]{width:3rem;height:3rem}:is(button[data-icon],input[data-icon])[data-size=compact]{width:2rem;height:2rem}button[data-role=fab]{position:fixed;bottom:var(--space-l);right:var(--space-l);width:3.5rem;height:3.5rem;border-radius:var(--radius-full);box-shadow:var(--shadow-l);--button-background: var(--color-primary);--button-color: var(--color-on-primary);border:none;z-index:var(--z-fixed);padding:0}button[data-role=fab]:hover:not(:disabled){transform:scale(1.05) translateY(-2px);box-shadow:var(--shadow-xl)}button[data-role=fab]:active:not(:disabled){transform:scale(.98)}button[data-role=fab][data-variant=extended]{width:auto;padding:0 var(--space-l);height:3rem}button[data-role=fab][data-size=mini]{width:2.5rem;height:2.5rem}@media(max-width:640px){button,input[type=submit],input[type=reset],input[type=button]{font-size:var(--font-size-s);padding:var(--space-xs) var(--space-s)}:is(button,input[type=submit],input[type=reset],input[type=button])[data-size=large]{font-size:var(--font-size-base);padding:var(--space-s) var(--space-m)}button[data-role=fab]{bottom:var(--space-m);right:var(--space-m);width:3rem;height:3rem}}@media print{button:not([data-print=visible]),input[type=submit]:not([data-print=visible]),input[type=reset]:not([data-print=visible]),input[type=button]:not([data-print=visible]),button[data-role=fab]{display:none!important}}@media(prefers-reduced-motion:reduce){:is(button,input[type=submit],input[type=reset],input[type=button])[aria-busy=true]:after{animation:none}}}@layer components.components{article.card{background-color:var(--color-surface-container);border-radius:var(--radius-l);box-shadow:var(--shadow-small);overflow:hidden;transition:box-shadow var(--transition-spring),transform var(--transition-spring);position:relative}article.card:before{content:"";position:absolute;inset:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:1;transition:background-color var(--transition-spring-fast)}article.card:hover{box-shadow:var(--shadow-medium)}article.card:hover:before{background-color:var(--state-layer-surface-hover)}article.card:focus-within:before{background-color:var(--state-layer-surface-focus)}article.card.elevated{box-shadow:var(--shadow-m)}article.card.elevated:hover{box-shadow:var(--shadow-l);transform:translateY(-4px)}article.card.outlined{box-shadow:none;border:1px solid var(--color-outline-variant)}article.card.filled{background-color:var(--color-surface-container-high)}article.card.interactive{cursor:pointer}article.card.interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}article.card.interactive:active{transform:translateY(0);box-shadow:var(--shadow-small);transition:transform var(--transition-spring-fast),box-shadow var(--transition-spring-fast)}article.card.interactive:active:before{background-color:var(--state-layer-surface-pressed)}article.card header{padding:var(--space-m) var(--space-m) var(--space-s)}article.card header h1,article.card header h2,article.card header h3,article.card header h4,article.card header h5,article.card header h6{margin:0;line-height:var(--line-height-snug);--font-weight: var(--font-weight-medium)}article.card header h1,article.card header h2,article.card header h3{font-size:var(--font-size-l)}article.card header h4,article.card header h5{font-size:var(--font-size-m)}article.card header h6{font-size:var(--font-size-base)}article.card header p{font-size:var(--font-size-s);color:var(--color-on-surface-variant);margin:var(--space-xs) 0 0}article.card header:last-child{border-bottom:none;padding-bottom:var(--space-m)}article.card main{padding:var(--space-m)}header+:is(article.card main){padding-top:var(--space-s)}article.card footer{padding:var(--space-s) var(--space-m) var(--space-m);background-color:transparent;border-bottom-left-radius:var(--radius-l);border-bottom-right-radius:var(--radius-l)}article.card footer:first-child{border-top:none;padding-top:var(--space-m)}article.card footer a{color:var(--color-primary);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:var(--space-xs)}article.card footer a:before{content:"→";order:1;transition:transform var(--transition-spring-fast)}article.card footer a:after{position:static;content:none}article.card footer a:hover:before{transform:translate(4px)}article.card img,article.card picture,article.card video,article.card canvas{width:100%;height:auto;display:block}:is(article.card img,article.card picture,article.card video,article.card canvas):first-child{border-top-left-radius:var(--radius-l);border-top-right-radius:var(--radius-l)}:is(article.card img,article.card picture,article.card video,article.card canvas):last-child{border-bottom-left-radius:var(--radius-l);border-bottom-right-radius:var(--radius-l)}article.card figure{margin:0}article.card figure.media{position:relative;aspect-ratio:1;overflow:hidden;background-color:var(--color-surface-container-high);display:flex;align-items:center;justify-content:center}article.card figure.media img{width:100%;height:100%;object-fit:cover;border-radius:0}article.card figure.media:empty:before{content:"";width:3rem;height:3rem;background-color:var(--color-primary);border-radius:var(--radius-s);opacity:.3}article.card figure.media.primary{background-color:var(--color-primary-container)}article.card figure.media.primary:empty:before{background-color:var(--color-primary)}article.card figure.media.secondary{background-color:var(--color-secondary-container)}article.card figure.media.secondary:empty:before{background-color:var(--color-secondary)}article.card figure.media.tertiary{background-color:var(--color-tertiary-container)}article.card figure.media.tertiary:empty:before{background-color:var(--color-tertiary)}article.card figure.media figcaption{position:absolute;bottom:0;left:0;right:0;padding:var(--space-m);background:linear-gradient(transparent,#000000b3);color:#fff;margin:0}article.card figure.media figcaption h1,article.card figure.media figcaption h2,article.card figure.media figcaption h3,article.card figure.media figcaption h4,article.card figure.media figcaption h5,article.card figure.media figcaption h6{color:#fff;margin:0}article.card figure.media figcaption p{color:#ffffffe6;margin:var(--space-xs) 0 0}article.card a{text-decoration:none;color:inherit}article.card a:after{content:"";position:absolute;inset:0}article.card ul.actions{display:flex;align-items:center;gap:var(--space-xs);padding:0;margin:0;list-style:none}article.card ul.actions.justify-start{justify-content:flex-start}article.card ul.actions.justify-center{justify-content:center}article.card ul.actions.justify-end{justify-content:flex-end}article.card ul.actions.justify-between{justify-content:space-between}article.card .avatar{display:flex;align-items:center;gap:var(--space-s)}article.card .avatar img{width:3rem;height:3rem;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}article.card .avatar div{flex:1}article.card .avatar div h1,article.card .avatar div h2,article.card .avatar div h3,article.card .avatar div h4,article.card .avatar div h5,article.card .avatar div h6{font-weight:var(--font-weight-medium);font-size:inherit;margin:0}article.card .avatar div p{font-size:var(--font-size-s);color:var(--color-on-surface-variant);margin:0}article.card section.timeline{position:relative}article.card section.timeline:before{content:"";position:absolute;left:var(--space-m);top:var(--space-m);bottom:var(--space-m);width:2px;background-color:var(--color-outline-variant)}article.card section.timeline article{position:relative;padding-left:calc(var(--space-m) * 2);padding-bottom:var(--space-m)}article.card section.timeline article:last-child{padding-bottom:0}article.card section.timeline article:before{content:"";position:absolute;left:calc(var(--space-m) - .25rem);top:.5rem;width:.5rem;height:.5rem;background-color:var(--color-primary);border-radius:var(--radius-full)}article.card section.timeline article main{background-color:var(--color-surface-container-low);border-radius:var(--radius-m);padding:var(--space-s)}article.card section.timeline article time{font-size:var(--font-size-xs);color:var(--color-on-surface-variant);display:block;margin-top:var(--space-xs)}.card:not(article).content{border-bottom-left-radius:var(--radius-l);border-bottom-right-radius:var(--radius-l)}@media(max-width:640px){.card header,.card main,.card footer{padding:var(--space-s)}.card section.stats{grid-template-columns:repeat(auto-fit,minmax(4rem,1fr));gap:var(--space-s)}.card section.pricing .price{font-size:var(--font-size-2xl)}}}@layer components.minttu.components{ul.chip,.chip.list{display:flex;flex-wrap:wrap;gap:var(--space-3xs);list-style:none;margin:0;padding:0}.chip:not(ul,.list){display:inline-flex;align-items:center;gap:var(--space-3xs);background-color:var(--color-surface-container-low);color:var(--color-on-surface);border:1px solid var(--color-outline-variant);padding:var(--space-3xs) var(--space-xs);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);border-radius:var(--radius-s);cursor:pointer;transition:all .15s ease;min-height:2.75rem}.chip:not(ul,.list):hover{background-color:var(--color-surface);border-color:var(--color-primary)}.chip:not(ul,.list):focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.chip:not(ul,.list).selected{background-color:var(--color-primary-container);color:var(--color-primary);border-color:var(--color-primary)}.chip:not(ul,.list).disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.chip:not(ul,.list) .content{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip:not(ul,.list) .icon{width:var(--space-s);height:var(--space-s);display:flex;align-items:center;justify-content:center;flex-shrink:0}.chip:not(ul,.list) .remove{width:var(--space-s);height:var(--space-s);border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-on-surface-variant);flex-shrink:0}.chip:not(ul,.list) .remove:hover{background-color:var(--color-surface);color:var(--color-on-surface)}.chip:not(ul,.list).filter{background-color:var(--color-surface)}.chip:not(ul,.list).filter.selected{background-color:var(--color-secondary);color:var(--color-surface);border-color:var(--color-secondary)}.chip:not(ul,.list).input{background-color:var(--color-surface);border-color:var(--color-outline-variant)}.chip:not(ul,.list).input .remove{color:var(--color-on-surface-variant)}.chip:not(ul,.list).suggestion{background-color:var(--color-surface-variant);border-color:transparent}.chip:not(ul,.list).suggestion:hover{background-color:var(--color-surface);border-color:var(--color-primary)}.chip:not(ul,.list).action{background-color:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary)}.chip:not(ul,.list).action:hover{background-color:var(--color-secondary);border-color:var(--color-secondary)}.chip:not(ul,.list).small{padding:var(--space-3xs) var(--space-2xs);font-size:var(--font-size-xs);min-height:2rem}.chip:not(ul,.list).small .icon,.chip:not(ul,.list).small .remove{width:var(--space-2xs);height:var(--space-2xs)}.chip:not(ul,.list).large{padding:var(--space-xs) var(--space-s);font-size:var(--font-size-base);min-height:3rem}.chip:not(ul,.list).large .icon,.chip:not(ul,.list).large .remove{width:var(--space-m);height:var(--space-m)}@media(prefers-contrast:high){.chip{border-width:2px}}@media(prefers-reduced-motion:reduce){.chip{transition:none}}}@layer components.components{:where(nav:not(body>nav)),:where(.nav){container-type:inline-size;container-name:nav}:where(nav ul),:where(.nav ul){list-style:none;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2xs, .5rem)}:where(nav li),:where(.nav li){margin:0;padding:0}:where(nav a),:where(.nav a){display:flex;align-items:center;min-height:44px;padding:var(--space-2xs, .5rem) var(--space-xs, .75rem);text-decoration:none;color:currentColor;transition:opacity .15s ease}:where(nav a:hover),:where(.nav a:hover){opacity:.8}:where(body>footer nav a),:where(footer nav a){padding:0;min-height:auto}:where(nav a:focus-visible),:where(.nav a:focus-visible){outline:2px solid currentColor;outline-offset:2px;opacity:1}:where(nav a[aria-current=page]),:where(.nav a[aria-current=page]),:where(nav a[data-current]),:where(.nav a[data-current]),:where(nav a[data-ancestor]:not([href="/"])),:where(.nav a[data-ancestor]:not([href="/"])){font-weight:600}@media(prefers-reduced-motion:reduce){:where(nav a),:where(.nav a){transition:none}}@media(prefers-contrast:high){:where(nav a:focus-visible),:where(.nav a:focus-visible){outline-width:3px;outline-offset:3px}}body>nav a{text-transform:uppercase;font-size:.8125rem;font-weight:600;letter-spacing:.05em}body>nav a[aria-current=page],body>nav a[data-current],body>nav a[data-ancestor]:not([href="/"]){font-weight:700;border-bottom:3px solid currentColor;padding-bottom:calc(var(--space-2xs, .5rem) - 3px)}}@layer components{.prose{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);max-width:65ch}.prose :is(h1,h2,h3,h4,h5,h6) a.anchor{display:none}.prose h2{font-family:var(--font-header);--font-size: var(--font-size-2xl);font-size:var(--font-size);line-height:var(--line-height-tight);margin-block:2.5rem 1rem;letter-spacing:var(--letter-spacing-tight)}.prose h3{font-family:var(--font-header);--font-size: var(--font-size-xl);font-size:var(--font-size);line-height:var(--line-height-snug);margin-block:2rem .75rem}.prose h4{font-family:var(--font-header);--font-size: var(--font-size-l);font-size:var(--font-size);line-height:var(--line-height-snug);margin-block:1.5rem .5rem}.prose h5{font-family:var(--font-header);--font-size: var(--font-size-base);font-size:var(--font-size);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin-block:1.25rem .5rem}.prose h6{font-family:var(--font-header);--font-size: var(--font-size-s);font-size:var(--font-size);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin-block:1rem .5rem;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.prose p{margin-block:1.25em}.prose ul,.prose ol{padding-inline-start:1.5em;margin-block:1.25em}.prose li{margin-block:.5em}.prose li>ul,.prose li>ol{margin-block:.5em}.prose blockquote{border-inline-start:4px solid var(--color-primary);padding-inline-start:1.5rem;margin-inline:0;margin-block:1.5rem;font-style:italic;color:var(--color-on-surface-variant)}.prose blockquote p{margin-block:.75em}.prose pre{background:var(--color-surface-container);border-radius:12px;padding:1.25rem;overflow-x:auto;margin-block:1.5rem}.prose code{font-family:var(--font-mono);font-size:.9em}.prose :not(pre)>code{background:var(--color-surface-container);padding:.2em .4em;border-radius:4px}.prose a:not(.anchor){color:var(--color-primary);text-decoration:underline;text-underline-offset:.15em}.prose a:not(.anchor):hover{text-decoration-thickness:2px}.prose img{max-width:100%;height:auto;border-radius:12px;margin-block:1.5rem}.prose figure{margin-inline:0;margin-block:1.5rem}.prose figcaption{font-size:var(--font-size-s);color:var(--color-on-surface-variant);margin-block-start:.5rem;text-align:center}.prose table{width:100%;border-collapse:collapse;margin-block:1.5rem}.prose th,.prose td{padding:.75rem 1rem;text-align:start;border-block-end:1px solid var(--color-outline-variant)}.prose th{font-weight:var(--font-weight-semibold);background:var(--color-surface-container)}.prose hr{border:none;border-block-start:1px solid var(--color-outline-variant);margin-block:2.5rem}.prose dl{margin-block:1.25em}.prose dt{font-weight:var(--font-weight-semibold);margin-block-start:1em}.prose dd{margin-inline-start:1.5em;margin-block:.25em}.prose abbr[title]{text-decoration:underline dotted;cursor:help}.prose kbd{font-family:var(--font-mono);font-size:.85em;padding:.15em .4em;background:var(--color-surface-container-high);border-radius:4px;border:1px solid var(--color-outline-variant)}.prose sup,.prose sub{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}.prose sup{top:-.5em}.prose sub{bottom:-.25em}.prose mark{background:var(--color-tertiary-20, hsl(45, 100%, 85%));padding:.1em .2em;border-radius:2px}.prose>p:first-child{font-size:var(--font-size-l);line-height:var(--line-height-relaxed)}}@layer components.components{.collection{--collection-columns-s: var(--collection-default-columns-s, 1);--collection-columns-m: var(--collection-default-columns-m, 2);--collection-columns-l: var(--collection-default-columns-l, 3);--collection-columns-xl: var(--collection-default-columns-xl, 4);--collection-gap: var(--collection-default-gap, var(--space-m));--collection-item-min-width: var(--collection-default-item-min-width, 20rem);padding-block:var(--space-s)}ul.collection,ol.collection,.collection.list{display:grid;gap:var(--collection-gap);grid-template-columns:1fr;align-items:stretch;list-style:none;margin:0;padding:0;padding-inline:var(--space-m);@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}}:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card{display:flex;flex-direction:row}:is(:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card) figure,:is(:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card) img,:is(:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card) picture,:is(:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card) video{width:auto;height:100%;max-width:200px;flex-shrink:0}:is(:is(:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card) figure,:is(:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card) img,:is(:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card) picture,:is(:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card) video):first-child{border-radius:var(--radius-l) 0 0 var(--radius-l)}:is(:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card) header,:is(:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card) main,:is(:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card) footer{flex:1}:is(ul.collection,ol.collection,.collection.list).gallery{padding-inline:0;grid-template-columns:repeat(var(--collection-columns-s),1fr)}@media(min-width:768px){:is(ul.collection,ol.collection,.collection.list).gallery{grid-template-columns:repeat(var(--collection-columns-m),1fr)}}@media(min-width:1024px){:is(ul.collection,ol.collection,.collection.list).gallery{grid-template-columns:repeat(var(--collection-columns-l),1fr)}}@media(min-width:1200px){:is(ul.collection,ol.collection,.collection.list).gallery{grid-template-columns:repeat(var(--collection-columns-xl),1fr)}}:is(ul.collection,ol.collection,.collection.list).gallery>.card,:is(ul.collection,ol.collection,.collection.list).gallery>li>.card{display:flex;flex-direction:column;height:100%}:is(:is(ul.collection,ol.collection,.collection.list).gallery>.card,:is(ul.collection,ol.collection,.collection.list).gallery>li>.card) figure,:is(:is(ul.collection,ol.collection,.collection.list).gallery>.card,:is(ul.collection,ol.collection,.collection.list).gallery>li>.card) img,:is(:is(ul.collection,ol.collection,.collection.list).gallery>.card,:is(ul.collection,ol.collection,.collection.list).gallery>li>.card) picture,:is(:is(ul.collection,ol.collection,.collection.list).gallery>.card,:is(ul.collection,ol.collection,.collection.list).gallery>li>.card) video{width:100%;height:auto;max-width:none;flex-shrink:0}:is(:is(:is(ul.collection,ol.collection,.collection.list).gallery>.card,:is(ul.collection,ol.collection,.collection.list).gallery>li>.card) figure,:is(:is(ul.collection,ol.collection,.collection.list).gallery>.card,:is(ul.collection,ol.collection,.collection.list).gallery>li>.card) img,:is(:is(ul.collection,ol.collection,.collection.list).gallery>.card,:is(ul.collection,ol.collection,.collection.list).gallery>li>.card) picture,:is(:is(ul.collection,ol.collection,.collection.list).gallery>.card,:is(ul.collection,ol.collection,.collection.list).gallery>li>.card) video):first-child{border-radius:var(--radius-l) var(--radius-l) 0 0}:is(:is(ul.collection,ol.collection,.collection.list).gallery>.card,:is(ul.collection,ol.collection,.collection.list).gallery>li>.card) header{flex-shrink:0}:is(:is(ul.collection,ol.collection,.collection.list).gallery>.card,:is(ul.collection,ol.collection,.collection.list).gallery>li>.card) main{flex:1}:is(:is(ul.collection,ol.collection,.collection.list).gallery>.card,:is(ul.collection,ol.collection,.collection.list).gallery>li>.card) footer{flex-shrink:0;margin-top:auto}:is(ul.collection,ol.collection,.collection.list).compact{--collection-gap: var(--space-s)}:is(ul.collection,ol.collection,.collection.list).spacious{--collection-gap: var(--space-l)}:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card{display:flex;flex-direction:column;height:100%}:is(:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card) header{flex-shrink:0}:is(:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card) main{flex:1}:is(:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card) footer{flex-shrink:0;margin-top:auto}:is(ul.collection,ol.collection,.collection.list).auto-fit{grid-template-columns:repeat(auto-fit,minmax(var(--collection-item-min-width),1fr))}:is(ul.collection,ol.collection,.collection.list).auto-fill{grid-template-columns:repeat(auto-fill,minmax(var(--collection-item-min-width),1fr))}:is(ul.collection,ol.collection,.collection.list).fluid{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--collection-item-min-width)),1fr));grid-auto-rows:1fr}:is(ul.collection,ol.collection,.collection.list).columns-2{grid-template-columns:repeat(2,1fr)}:is(ul.collection,ol.collection,.collection.list).columns-3{grid-template-columns:repeat(3,1fr)}:is(ul.collection,ol.collection,.collection.list).columns-4{grid-template-columns:repeat(4,1fr)}:is(ul.collection,ol.collection,.collection.list).columns-5{grid-template-columns:repeat(5,1fr)}:is(ul.collection,ol.collection,.collection.list).columns-6{grid-template-columns:repeat(6,1fr)}:is(ul.collection,ol.collection,.collection.list).responsive{grid-template-columns:1fr}@media(min-width:480px){:is(ul.collection,ol.collection,.collection.list).responsive{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){:is(ul.collection,ol.collection,.collection.list).responsive{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){:is(ul.collection,ol.collection,.collection.list).responsive{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){:is(ul.collection,ol.collection,.collection.list).responsive{grid-template-columns:repeat(5,1fr)}}@media(min-width:1536px){:is(ul.collection,ol.collection,.collection.list).responsive{grid-template-columns:repeat(6,1fr)}}:is(ul.collection,ol.collection,.collection.list).masonry{grid-template-rows:masonry;align-items:start}:is(ul.collection,ol.collection,.collection.list).list{grid-template-columns:1fr}:is(ul.collection,ol.collection,.collection.list).list>.card,:is(ul.collection,ol.collection,.collection.list).list>li>.card{display:flex;flex-direction:row}:is(:is(ul.collection,ol.collection,.collection.list).list>.card,:is(ul.collection,ol.collection,.collection.list).list>li>.card) figure,:is(:is(ul.collection,ol.collection,.collection.list).list>.card,:is(ul.collection,ol.collection,.collection.list).list>li>.card) img,:is(:is(ul.collection,ol.collection,.collection.list).list>.card,:is(ul.collection,ol.collection,.collection.list).list>li>.card) picture,:is(:is(ul.collection,ol.collection,.collection.list).list>.card,:is(ul.collection,ol.collection,.collection.list).list>li>.card) video{width:auto;height:100%;max-width:200px;flex-shrink:0}:is(:is(:is(ul.collection,ol.collection,.collection.list).list>.card,:is(ul.collection,ol.collection,.collection.list).list>li>.card) figure,:is(:is(ul.collection,ol.collection,.collection.list).list>.card,:is(ul.collection,ol.collection,.collection.list).list>li>.card) img,:is(:is(ul.collection,ol.collection,.collection.list).list>.card,:is(ul.collection,ol.collection,.collection.list).list>li>.card) picture,:is(:is(ul.collection,ol.collection,.collection.list).list>.card,:is(ul.collection,ol.collection,.collection.list).list>li>.card) video):first-child{border-radius:var(--radius-l) 0 0 var(--radius-l)}:is(:is(ul.collection,ol.collection,.collection.list).list>.card,:is(ul.collection,ol.collection,.collection.list).list>li>.card) header,:is(:is(ul.collection,ol.collection,.collection.list).list>.card,:is(ul.collection,ol.collection,.collection.list).list>li>.card) main,:is(:is(ul.collection,ol.collection,.collection.list).list>.card,:is(ul.collection,ol.collection,.collection.list).list>li>.card) footer{flex:1}:is(ul.collection,ol.collection,.collection.list)>.card.featured,:is(ul.collection,ol.collection,.collection.list)>li>.card.featured{grid-column:span 2;grid-row:span 2}.collection.auto-fit :is(:is(ul.collection,ol.collection,.collection.list)>.card.featured,:is(ul.collection,ol.collection,.collection.list)>li>.card.featured),.collection.auto-fill :is(:is(ul.collection,ol.collection,.collection.list)>.card.featured,:is(ul.collection,ol.collection,.collection.list)>li>.card.featured){grid-column:1 / -1;grid-row:auto}:is(ul.collection,ol.collection,.collection.list)>.card.spotlight,:is(ul.collection,ol.collection,.collection.list)>li>.card.spotlight{grid-column:1 / -1}:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card{transition:transform var(--transition-fast) var(--transition-ease),opacity var(--transition-fast) var(--transition-ease)}:is(:is(ul.collection,ol.collection,.collection.list)>.card,:is(ul.collection,ol.collection,.collection.list)>li>.card):hover{transform:translateY(-2px)}:is(ul.collection,ol.collection,.collection.list).loading>.card,:is(ul.collection,ol.collection,.collection.list).loading>li>.card{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(110deg,var(--color-surface-container) 8%,var(--color-surface-container-high) 18%,var(--color-surface-container) 33%);background-size:200% 100%}:is(ul.collection,ol.collection,.collection.list):empty:before{content:attr(data-empty-message);grid-column:1 / -1;text-align:center;color:var(--color-on-surface-variant);padding:var(--space-2xl);font-style:italic}:is(ul.collection,ol.collection,.collection.list):empty:not([data-empty-message]):before{content:"No items to display"}.collection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-l);gap:var(--space-m)}.collection-header h1,.collection-header h2,.collection-header h3,.collection-header h4,.collection-header h5,.collection-header h6{margin:0}.collection-header p{color:var(--color-on-surface-variant);margin:0}.collection-header ul.actions{display:flex;align-items:center;gap:var(--space-s);list-style:none;margin:0;padding:0}.collection-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-l);padding-top:var(--space-m);border-top:1px solid var(--color-outline-variant)}.collection-footer .pagination{display:flex;align-items:center;gap:var(--space-s)}.collection-footer .pagination a,.collection-footer .pagination button{padding:var(--space-xs) var(--space-s)}:is(.collection-footer .pagination a,.collection-footer .pagination button)[aria-current=page]{background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:var(--radius-s)}.collection.gallery{--collection-item-min-width: 15rem}:is(.collection.gallery>.card,.collection.gallery>li>.card) figure,:is(.collection.gallery>.card,.collection.gallery>li>.card) img{aspect-ratio:1;object-fit:cover}.collection.portfolio{--collection-item-min-width: 18rem}.collection.portfolio>.card,.collection.portfolio>li>.card{overflow:hidden}:is(.collection.portfolio>.card,.collection.portfolio>li>.card) figure,:is(.collection.portfolio>.card,.collection.portfolio>li>.card) img{aspect-ratio:4 / 3;object-fit:cover;transition:transform var(--transition-normal) var(--transition-ease)}:is(.collection.portfolio>.card,.collection.portfolio>li>.card):hover figure,:is(.collection.portfolio>.card,.collection.portfolio>li>.card):hover img{transform:scale(1.05)}.collection.articles{--collection-item-min-width: 22rem}:is(.collection.articles>.card,.collection.articles>li>.card) header h1,:is(.collection.articles>.card,.collection.articles>li>.card) header h2,:is(.collection.articles>.card,.collection.articles>li>.card) header h3{font-size:var(--font-size-l)}:is(.collection.articles>.card,.collection.articles>li>.card) header time{display:block;font-size:var(--font-size-s);color:var(--color-on-surface-variant);margin-top:var(--space-xs)}:is(.collection.articles>.card,.collection.articles>li>.card) figure,:is(.collection.articles>.card,.collection.articles>li>.card) img{aspect-ratio:16 / 9;object-fit:cover}.collection.products{--collection-item-min-width: 16rem}:is(.collection.products>.card,.collection.products>li>.card) figure,:is(.collection.products>.card,.collection.products>li>.card) img{aspect-ratio:1;object-fit:cover}:is(.collection.products>.card,.collection.products>li>.card) .price{font-size:var(--font-size-l);font-weight:var(--font-weight-bold);color:var(--color-primary)}:is(.collection.products>.card,.collection.products>li>.card) .price del{font-size:var(--font-size-base);color:var(--color-on-surface-variant);opacity:.8}:is(.collection.products>.card,.collection.products>li>.card) .badge{position:absolute;top:var(--space-s);right:var(--space-s);padding:var(--space-xs) var(--space-s);border-radius:var(--radius-s);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}:is(.collection.products>.card,.collection.products>li>.card) .badge.sale{background-color:var(--color-error);color:var(--color-on-error)}:is(.collection.products>.card,.collection.products>li>.card) .badge.new{background-color:var(--color-success);color:var(--color-on-success)}:is(.collection.products>.card,.collection.products>li>.card) .badge.featured{background-color:var(--color-warning);color:var(--color-on-warning)}.collection.team{--collection-item-min-width: 14rem}.collection.team>.card,.collection.team>li>.card{text-align:center}:is(.collection.team>.card,.collection.team>li>.card) figure,:is(.collection.team>.card,.collection.team>li>.card) img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-l);margin-bottom:var(--space-s)}:is(.collection.team>.card,.collection.team>li>.card) header{border:none;padding:0}:is(.collection.team>.card,.collection.team>li>.card) header h1,:is(.collection.team>.card,.collection.team>li>.card) header h2,:is(.collection.team>.card,.collection.team>li>.card) header h3,:is(.collection.team>.card,.collection.team>li>.card) header h4,:is(.collection.team>.card,.collection.team>li>.card) header h5,:is(.collection.team>.card,.collection.team>li>.card) header h6{font-size:var(--font-size-m)}:is(.collection.team>.card,.collection.team>li>.card) header p{font-size:var(--font-size-s);color:var(--color-primary);margin-top:var(--space-xs)}:is(.collection.team>.card,.collection.team>li>.card) ul.social{display:flex;justify-content:center;gap:var(--space-s);list-style:none;margin:var(--space-s) 0 0;padding:0}:is(.collection.team>.card,.collection.team>li>.card) ul.social a{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--color-surface-container-high);transition:background-color var(--transition-fast) var(--transition-ease)}:is(.collection.team>.card,.collection.team>li>.card) ul.social a:hover{background-color:var(--color-primary);color:var(--color-on-primary)}@media(max-width:768px){.collection.columns-2,.collection.columns-3,.collection.columns-4,.collection.columns-5,.collection.columns-6{grid-template-columns:1fr}.collection.auto-fit,.collection.auto-fill{--collection-item-min-width: 100%}.collection>.card.featured,.collection>li>.card.featured{grid-column:auto;grid-row:auto}.collection.list>.card,.collection.list>li>.card{flex-direction:column}:is(.collection.list>.card,.collection.list>li>.card) figure,:is(.collection.list>.card,.collection.list>li>.card) img,:is(.collection.list>.card,.collection.list>li>.card) picture,:is(.collection.list>.card,.collection.list>li>.card) video{max-width:none}:is(:is(.collection.list>.card,.collection.list>li>.card) figure,:is(.collection.list>.card,.collection.list>li>.card) img,:is(.collection.list>.card,.collection.list>li>.card) picture,:is(.collection.list>.card,.collection.list>li>.card) video):first-child{border-radius:var(--radius-l) var(--radius-l) 0 0}.collection-header,.collection-footer{flex-direction:column;align-items:flex-start;gap:var(--space-s)}}@media print{.collection{display:block}.collection>.card,.collection>li>.card{break-inside:avoid;margin-bottom:var(--space-l)}.collection-footer{display:none}}}