@layer config,base,components,utilities;@layer config{*,*:before,*:after{box-sizing:border-box;min-width:0}html{interpolate-size:allow-keywords;overflow-wrap:break-word;-webkit-text-size-adjust:none;text-size-adjust:none;hanging-punctuation:first allow-end last}body{min-height:100dvh;margin:0;font-family:system-ui,sans-serif;line-height:1.5;text-rendering:optimizespeed}:focus{outline:none}:focus-visible{outline:2px solid;outline-color:light-dark(#4285f4,#8ab4f8);outline-color:-webkit-focus-ring-color;outline-color:-moz-focusring;outline-offset:2px}:target{scroll-margin-block:1rem}a:not([class]){text-decoration-skip-ink:auto}h1,h2,h3,h4,h5,h6,button,input,label{line-height:1.1}h1,h2,h3,h4,h5,h6,blockquote{text-wrap:balance}p,li,figcaption{text-wrap:pretty}q{quotes:"« "" »"}ul,ol{margin:0;padding-inline-start:1em;list-style-position:outside}:is(ul,ol)[role=list]{padding-inline-start:0;list-style:none}:is(ul,ol) li{margin-block:.1em}img,picture,table,td,blockquote,pre,code,input,textarea,select,video,svg,iframe{max-width:100%}img,picture,svg,video,canvas,audio,iframe,embed,object{display:block}:where(img,picture):where(:not([src$=".svg"])){height:auto}figure{margin:0}input,button,textarea,select{margin:0;background-color:transparent;color:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;vertical-align:middle}form,fieldset{border:none}fieldset{margin:0;padding:1em 0}legend{max-width:100%;border:0;color:inherit;white-space:normal}label{display:inline-block;cursor:pointer;-webkit-tap-highlight-color:transparent}button{cursor:pointer;-webkit-tap-highlight-color:transparent}textarea{overflow:auto;vertical-align:top;white-space:pre-wrap;resize:vertical}pre,code,kbd,samp{font-family:ui-monospace,monospace;font-size:1em}pre{overflow:auto;line-height:normal;white-space:pre-wrap;tab-size:2}:where(:not(pre))>code{padding:2px 6px;border-radius:6px;background-color:#63636333;font-size:.9em}svg:not([fill]){fill:currentcolor}svg{overflow:visible}svg *{transform-box:fill-box}svg:has(symbol){display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;white-space:nowrap!important;clip-path:inset(50%)!important}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}@media print{@page{size:a4 portrait;margin:2cm 1.5cm}*{box-sizing:border-box}img{max-width:100%}input,textarea,select{all:revert}body{width:auto;margin:0;background-color:#fff!important;color:#000!important;font-family:Georgia,serif;font-size:12pt;line-height:1.5}p,blockquote,label,ul,ol{margin-block:0 15pt;color:#000!important}p:last-child{margin-bottom:0}h1{margin-block:0 24pt;color:#000!important;font-size:18pt;font-weight:700;line-height:1.1}h2{margin-block:0 18pt;color:#000!important;font-size:16pt;font-weight:700;line-height:1.1}h3{margin-block:0 15pt;color:#000!important;font-size:14pt;font-weight:700}h4{margin-block:0 12pt;color:#000!important;font-size:12pt;font-weight:700}.print{display:revert}.no-print{display:none}p,blockquote{orphans:3;widows:3}ul,blockquote,ol,figure,table{break-inside:avoid}h1,h2,h3,h4,caption{break-after:avoid}a,a:link,a:visited{background:transparent!important;color:#000!important;font-weight:700;text-decoration:underline!important}video,object,iframe{display:none!important;width:0!important;height:0!important;overflow:hidden!important}}}@layer config{@custom-media --md (width >= 48rem);@custom-media --lg (width >= 64rem);@custom-media --xl (width >= 80rem);@custom-media --xxl (width >= 96rem);@custom-media --until-md (width < 48rem);@custom-media --until-lg (width < 64rem);@custom-media --until-xl (width < 80rem);@custom-media --until-xxl (width < 96rem);:root{--md: 48rem;--lg: 64rem;--xl: 80rem;--xxl: 96rem;--transition-duration: .25s;--z-under-page-level: -1;--z-above-page-level: 1;--z-header-level: 1000;--z-above-header-level: 2000;--z-above-all-level: 3000;--spacing-0: 0;--spacing-1: 1px;--spacing-2: .125rem;--spacing-4: .25rem;--spacing-8: .5rem;--spacing-12: .75rem;--spacing-16: 1rem;--spacing-20: 1.25rem;--spacing-24: 1.5rem;--spacing-32: 2rem;--spacing-40: 2.5rem;--spacing-48: 3rem;--spacing-64: 4rem;--spacing-80: 5rem;--font-base: system-ui, sans-serif;--font-mono: ui-monospace, monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--text-14: .875rem;--text-16: 1rem;--text-18: 1.125rem;--text-20: 1.25rem;--text-24: 1.5rem;--text-28: 1.75rem;--text-32: 2rem;--text-36: 2.25rem;--text-40: 2.5rem;--text-48: 3rem;--text-64: 4rem;--text-80: 5rem;--line-height-20: 1.25rem;--line-height-24: 1.5rem;--line-height-28: 1.75rem;--line-height-32: 2rem;--line-height-36: 2.25rem;--line-height-40: 2.5rem;--line-height-48: 3rem;--line-height-56: 3.5rem;--line-height-80: 5rem;--line-height-100: 6.25rem;--radius-none: 0;--radius-4: .25rem;--radius-8: .5rem;--radius-12: .75rem;--radius-16: 1rem;--radius-24: 1.5rem;--radius-full: 9999px;--color-white: oklch(1 0 0);--color-black: oklch(0 0 0);--color-gray-50: oklch(.97 0 0);--color-gray-100: oklch(.922 0 0);--color-gray-200: oklch(.87 0 0);--color-gray-300: oklch(.708 0 0);--color-gray-400: oklch(.556 0 0);--color-gray-500: oklch(.439 0 0);--color-gray-600: oklch(.371 0 0);--color-gray-700: oklch(.269 0 0);--color-gray-800: oklch(.205 0 0);--color-gray-900: oklch(.145 0 0);--color-error-100: oklch(.97 .1 27.52);--color-error-300: oklch(.7054 .19 27.52);--color-error-500: oklch(.5054 .19 27.52);--color-error-700: oklch(.3554 .19 27.52);--color-error-900: oklch(.2054 .11 27.52);--color-success-100: oklch(.9446 .13 150.685);--color-success-300: oklch(.7166 .13 150.73);--color-success-500: oklch(.5166 .13 150.73);--color-success-700: oklch(.3666 .13 150.73);--color-success-900: oklch(.2166 .13 150.73);--color-warning-100: oklch(.97 .08 49.95);--color-warning-300: oklch(.8315 .17 49.95);--color-warning-500: oklch(.6315 .17 49.95);--color-warning-700: oklch(.4815 .17 49.95);--color-warning-900: oklch(.3315 .11 49.95);--color-info-100: oklch(.97 .09 256.37);--color-info-300: oklch(.7133 .18 256.37);--color-info-500: oklch(.5133 .18 256.37);--color-info-700: oklch(.3633 .18 256.37);--color-info-900: oklch(.2133 .11 256.37)}}@layer config{:root{color-scheme:light;--primary: oklch(.55 .25 260);--on-primary: var(--color-white);--primary-lighten: oklch(from var(--primary) calc(l*1.1) c h);--primary-darken: oklch(from var(--primary) calc(l*.9) c h);--accent: light-dark(var(--primary), var(--primary-lighten));--accent-invert: light-dark(var(--primary-lighten), var(--primary));--surface: light-dark(var(--color-white), var(--color-gray-900));--on-surface: light-dark(var(--color-gray-900), var(--color-gray-100));--layer-1: light-dark(var(--color-gray-50), var(--color-gray-800));--layer-2: light-dark(var(--color-gray-100), var(--color-gray-700));--layer-3: light-dark(var(--color-gray-200), var(--color-gray-600));--link: light-dark(var(--primary), var(--primary-lighten));--link-hover: light-dark(var(--primary-darken), var(--primary));--link-active: light-dark(var(--primary-darken), var(--primary));--selection: light-dark(var(--primary-lighten), var(--primary-darken));--warning: light-dark(var(--color-warning-500), var(--color-warning-300));--error: light-dark(var(--color-error-500), var(--color-error-300));--success: light-dark(var(--color-success-500), var(--color-success-300));--info: light-dark(var(--color-info-500), var(--color-info-300));--border-light: var(--color-gray-200);--border-medium: var(--color-gray-400);--text-s: var(--text-14);--text-m: clamp(var(--text-16), .9565rem + .2174vw, var(--text-18));--text-l: clamp(var(--text-18), 1.0761rem + .2174vw, var(--text-20));--text-xl: clamp(var(--text-20), .957rem + 1.3043vw, var(--text-32));--text-2xl: clamp(var(--text-24), 1.2065rem + 1.3043vw, var(--text-36));--text-3xl: clamp(var(--text-32), 1.609rem + 1.7391vw, var(--text-48));--text-4xl: clamp(var(--text-48), 2.1818rem + 3.6364vw, var(--text-80));--line-height-s: clamp( var(--line-height-20), 1.1522rem + .4348vw, var(--line-height-24) );--line-height-m: clamp( var(--line-height-24), 1.4022rem + .4348vw, var(--line-height-28) );--line-height-2xl: clamp( var(--line-height-32), 1.9022rem + .4348vw, var(--line-height-36) );--line-height-5xl: clamp( var(--line-height-40), 1.8152rem + 3.0435vw, var(--line-height-68) );--line-height-4xl: clamp( var(--line-height-40), 2.1087rem + 1.7391vw, var(--line-height-56) );--line-height-6xl: clamp( var(--line-height-80), 4.5109rem + 2.1739vw, var(--line-height-100) );--spacing-xs: var(--spacing-4);--spacing-s: clamp(var(--spacing-8), .2955rem + .9091vw, var(--spacing-16));--spacing-m: clamp( var(--spacing-16), .5909rem + 1.8182vw, var(--spacing-32) );--spacing-l: clamp( var(--spacing-24), .8864rem + 2.2727vw, var(--spacing-48) );--spacing-xl: clamp( var(--spacing-32), .7727rem + 5.4545vw, var(--spacing-80) );--form-background: light-dark(var(--color-gray-50), var(--color-gray-800));--on-form: light-dark(var(--color-gray-900), var(--color-gray-100));--form-spacing: var(--spacing-12) var(--spacing-16);--form-border-width: 1px;--form-border-color: var(--color-gray-400);--form-border-radius: var(--radius-4);--checkables-border-color: var(--color-gray-400);--checkable-size: 1.25em}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}}@layer config{[data-layout]>*{margin-block:0}[data-layout*=stack]{display:grid;row-gap:var(--spacing-s, .5rem)}[data-layout*=cluster]{display:flex;flex-wrap:wrap;gap:var(--spacing-s, .5rem);align-items:start}[data-layout*=autogrid]{--col-min-size: 20rem;--grid-fill: auto-fit;display:grid;grid-template-columns:repeat(var(--grid-fill),minmax(min(var(--col-min-size),100%),1fr));gap:var(--spacing-s, .5rem)}[data-layout*=switcher]{--switcher-min-size: 30rem;display:flex;flex-wrap:wrap;gap:var(--spacing-s, .5rem)}[data-layout*=switcher]>*{flex-basis:calc((var(--switcher-min-size) - 100%) * 999);flex-grow:1}[data-layout*=repel]{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:var(--spacing-s, .5rem)}[data-layout*=reel]{--item-size: 35%;display:flex;max-width:100%;height:auto;margin-inline:auto;overflow-x:auto;gap:var(--spacing-s, .5rem);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}:where([data-layout*=reel]>*){flex-basis:var(--item-size);flex-shrink:0}[data-layout*=reel][data-scroll=start]>*{scroll-snap-align:start}[data-layout*=reel][data-scroll=center]>*{scroll-snap-align:center}[data-layout*=reel][data-scroll=end]>*{scroll-snap-align:end}[data-layout*=reel][data-scrollbar=hidden]{scrollbar-width:none}[data-layout*=reel][data-scrollbar=hidden]::-webkit-scrollbar{display:none}[data-layout*=duo]{display:grid;align-content:start;gap:var(--spacing-s, .5rem)}@media(min-width:48rem){[data-layout*=duo]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-layout*=duo][data-split*=reverse]>*:first-child{order:1}[data-layout*=duo][data-split*="1-1"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-layout*=duo][data-split*="2-1"]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}[data-layout*=duo][data-split*="1-2"]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}[data-layout*=duo][data-split*="3-1"]{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}[data-layout*=duo][data-split*="1-3"]{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}[data-layout*=duo][data-split*="4-1"]{grid-template-columns:minmax(0,4fr) minmax(0,1fr)}[data-layout*=duo][data-split*="1-4"]{grid-template-columns:minmax(0,1fr) minmax(0,4fr)}[data-layout*=duo][data-split*=auto-1]{grid-template-columns:auto minmax(0,1fr)}[data-layout*=duo][data-split*="1-auto"]{grid-template-columns:minmax(0,1fr) auto}}[data-layout*=boxed]{--boxed-max: 80rem;width:100%;max-width:var(--boxed-max, 80rem);margin-inline:auto}[data-layout*=boxed][data-boxed=small]{--boxed-max: 64rem}[data-layout*=liquid]{--liquid-min-margin: var(--spacing-16, 1rem);--liquid-content: var(--spacing-2xl, 98rem);display:grid;grid-template-columns:[liquid-start] minmax(var(--liquid-min-margin),1fr) [content-start] minmax(0,calc(var(--liquid-content) / 2)) [half] minmax(0,calc(var(--liquid-content) / 2)) [content-end] minmax(var(--liquid-min-margin),1fr) [liquid-end]}:where([data-layout*=liquid]>*){grid-column:content}[data-layout*=splash]{display:grid;grid-column:liquid;grid-template-columns:inherit}:where([data-layout*=splash]>*){grid-column:content}[data-layout*=splash-start]{display:grid;grid-column:liquid-start / content-end;grid-template-columns:subgrid}:where([data-layout*=splash-start]>*){grid-column:content}[data-layout*=splash-end]{display:grid;grid-column:content-start / liquid-end;grid-template-columns:subgrid}:where([data-layout*=splash-end]>*){grid-column:content}[data-layout*=splash-half-start]{display:grid;grid-column:liquid-start / half;grid-template-columns:subgrid}:where([data-layout*=splash-half-start]>*){grid-column:content-start / half}@media not (min-width:48rem){[data-layout*=splash-half-start]{grid-column:liquid}[data-layout*=splash-half-start]>*{grid-column:content}}[data-layout*=splash-half-end]{display:grid;grid-column:half / liquid-end;grid-template-columns:subgrid}:where([data-layout*=splash-half-end]>*){grid-column:half / content-end}@media not (min-width:48rem){[data-layout*=splash-half-end]{grid-column:liquid}[data-layout*=splash-half-end]>*{grid-column:content}}[data-gap=xs]{gap:var(--spacing-xs, .25rem)}[data-gap=s],[data-gap=m]{gap:var(--spacing-s, .5rem)}[data-gap=l]{gap:var(--spacing-l, 2rem)}[data-gap=xl]{gap:var(--spacing-xl, 3rem)}[data-gap=none]{gap:0}[data-justify=start]{justify-content:start}[data-justify=end]{justify-content:end}[data-justify=center]{justify-content:center}[data-justify=space]{justify-content:space-between}[data-align=start]{align-content:start;align-items:start}[data-align=end]{align-content:end;align-items:end}[data-align=center]{align-content:center;align-items:center}[data-align=stretch]{align-content:stretch;align-items:stretch}}@layer config{button,a:where(.btn),input:where([type=button],[type=reset],[type=submit]){--button-background-color: var(--form-background, Field);--button-background-color-hover: oklch( from var(--button-background-color) calc(l*.9) c h );--button-background-color-active: oklch( from var(--button-background-color) calc(l*.8) c h );--button-border-color: var(--form-border-color, ButtonBorder);--button-border-color-hover: var(--button-border-color);--button-border-color-active: var(--button-border-color);--button-border-radius: var(--form-border-radius, 0);--button-border-width: var(--form-border-width, 1px);--button-text-color: var(--on-form, ButtonText);--button-text-color-hover: var(--button-text-color);--button-text-color-active: var(--button-text-color);--button-font-weight: var(--font-weight-regular, 400);display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:var(--form-spacing, 12px 16px);transition-property:background,border,box-shadow,color;transition-duration:var(--transition-duration, .25s);border:0;border-radius:var(--button-border-radius);background-color:var(--button-background-color);box-shadow:inset 0 0 0 var(--button-border-width) var(--button-border-color);color:var(--button-text-color);font:inherit;font-weight:var(--button-font-weight);line-height:1;text-decoration:none;vertical-align:middle;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}:is(button,a:where(.btn),input:where([type=button],[type=reset],[type=submit])):is(:not(:disabled,[disabled])):hover,:is(button,a:where(.btn),input:where([type=button],[type=reset],[type=submit])):is(:not(:disabled,[disabled])):focus-visible{background-color:var(--button-background-color-hover);box-shadow:inset 0 0 0 var(--button-border-width) var(--button-border-color-hover);color:var(--button-text-color-hover)}:is(button,a:where(.btn),input:where([type=button],[type=reset],[type=submit])):is(:not(:disabled,[disabled])):active{background-color:var(--button-background-color-active);box-shadow:inset 0 0 0 var(--button-border-width) var(--button-border-color-active);color:var(--button-text-color-active)}:is(button,a:where(.btn),input:where([type=button],[type=reset],[type=submit])).btn-primary:where(:not(:disabled,[disabled])){--button-background-color: var(--primary, AccentColor);--button-border-color: transparent;--button-text-color: var(--on-primary, #ffffff)}:is(button,a:where(.btn),input:where([type=button],[type=reset],[type=submit])).btn-secondary:where(:not(:disabled,[disabled])){--button-background-color: var(--color-gray-200, GrayText);--button-border-color: transparent;--button-text-color: var(--primary, #000000)}:is(button,a:where(.btn),input:where([type=button],[type=reset],[type=submit])).btn-reset:where(:not(:disabled,[disabled])){--button-background-color: transparent;--button-border-color: transparent;--button-text-color: currentcolor}:is(button,a:where(.btn),input:where([type=button],[type=reset],[type=submit])):is(:disabled,[disabled]){opacity:50%;cursor:not-allowed}:is(button,a:where(.btn),input:where([type=button],[type=reset],[type=submit])):is(:disabled,[disabled]) *{pointer-events:none}[type=checkbox]:not([role=switch]){--checkbox-background-color: var(--form-background, Field);--checkbox-checked-color: var(--primary, AccentColor);--checkbox-border-color: var(--checkables-border-color, ButtonBorder);--checkbox-border-color-hover: var(--checkbox-border-color);--checkbox-border-radius: var(--form-border-radius, 0);--checkbox-border-width: var(--form-border-width, 1px);display:inline-grid;position:relative;flex:0 0 auto;align-items:center;justify-content:center;width:var(--checkable-size, 1.25rem);height:var(--checkable-size, 1.25rem);margin:0;transition-property:background,border,box-shadow,color;transition-duration:var(--transition-duration, .25s);border:0;border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-background-color);box-shadow:inset 0 0 0 var(--checkbox-border-width) var(--checkbox-border-color);font:inherit;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none}[type=checkbox]:not([role=switch]):is(:checked,:indeterminate){background-color:var(--checkbox-checked-color);box-shadow:inset 0 0 0 var(--checkbox-border-width) transparent}[type=checkbox]:not([role=switch]):hover,[type=checkbox]:not([role=switch]):focus-visible{box-shadow:inset 0 0 0 var(--checkbox-border-width) var(--checkbox-border-color-hover)}[type=checkbox]:not([role=switch]):checked:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--on-primary, #ffffff);-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>') center no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>') center no-repeat}[type=checkbox]:not([role=switch]):indeterminate:after{content:"";position:absolute;width:100%;height:100%;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><path d="M431 256c0 17.7-14.3 32-32 32H49c-17.7 0-32-14.3-32-32s14.3-32 32-32h350c17.7 0 32 14.3 32 32z"/></svg>') center no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><path d="M431 256c0 17.7-14.3 32-32 32H49c-17.7 0-32-14.3-32-32s14.3-32 32-32h350c17.7 0 32 14.3 32 32z"/></svg>') center no-repeat}[type=checkbox]:not([role=switch]):is(:disabled,[disabled]){opacity:50%;cursor:not-allowed}.form-group:has([type=checkbox]:disabled) label{opacity:50%;cursor:not-allowed}details{--details-padding: var(--form-spacing, 12px 16px);--details-border-color: var(--form-border-color, ButtonBorder);--details-border-color-hover: var(--details-border-color);--details-border-width: var(--form-border-width, 1px);--details-border-radius: var(--form-border-radius, 0);--details-background-color: var(--layer-1, Canvas);--details-content-border-radius: 0;--details-title-color: var(--on-form, FieldText);--details-title-color-hover: var(--details-title-color);border:var(--details-border-width) solid var(--details-border-color);border-radius:var(--details-border-radius);background-color:var(--details-background-color)}details:hover,details:focus-visible{border-color:var(--details-border-color-hover)}:is(details:hover,details:focus-visible) summary{color:var(--details-title-color-hover)}details summary{display:flex;align-items:center;justify-content:space-between;padding:var(--details-padding);transition:background-color;transition-duration:var(--transition-duration, .25s);border-radius:var(--details-border-radius);color:var(--details-title-color, currentcolor);font-weight:var(--font-weight-semibold, 600);list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}details summary::-webkit-details-marker{display:none}details summary:after{content:"";width:1rem;height:1rem;transition:rotate var(--transition-duration, .25s);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:center;background-size:contain;rotate:0deg}details[open] summary:after{rotate:180deg}[data-theme=dark] details summary:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>")}details::details-content{padding:var(--form-spacing, 12px 16px);padding-top:0;border-top:none}:is()>:first-child{margin-top:0}:is()>:last-child{margin-bottom:0}@supports (interpolate-size: allow-keywords){details::details-content{display:none;height:0;transition:var(--transition-duration, .25s) allow-discrete;transition-property:opacity,height,display;interpolate-size:allow-keywords}details[open]::details-content{display:grid;height:auto}@starting-style{details[open]::details-content{height:0}}}@media(prefers-reduced-motion:reduce){details summary:after{transition:none}details::details-content{transition:none}}dialog{--dialog-background-color: var(--surface, Field);--dialog-text-color: var(--on-surface, CanvasText);--dialog-border-color: var(--form-border-color, ButtonBorder);--dialog-border-radius: var(--form-border-radius, 0);--dialog-border-width: var(--form-border-width, 1px);--dialog-backdrop-color: oklch(0% 0 0 / 50%);--dialog-padding: var(--spacing-24, 1.5rem);--dialog-header-padding: var(--spacing-16, 1rem) var(--spacing-24, 1.5rem);--dialog-footer-padding: var(--spacing-16, 1rem) var(--spacing-24, 1.5rem);--dialog-max-width: 32rem;--dialog-max-height: calc(100vh - var(--spacing-32, 2rem));max-width:var(--dialog-max-width);padding:0;overflow:visible;border:none;background-color:transparent;color:var(--dialog-text-color)}dialog:not([open]){display:none}dialog::backdrop{background-color:var(--dialog-backdrop-color);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog[open]{animation:dialog-show var(--transition-duration, .25s) ease-out}dialog.dialog-sm{--dialog-max-width: 24rem}dialog.dialog-lg{--dialog-max-width: 48rem}dialog.dialog-fullwidth{--dialog-max-width: calc(100vw - var(--spacing-32, 2rem))}.dialog-content{display:grid;border:var(--dialog-border-width) solid var(--dialog-border-color);border-radius:var(--dialog-border-radius);background-color:var(--dialog-background-color)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--dialog-header-padding);border-bottom:1px solid var(--dialog-border-color);border-radius:var(--dialog-border-radius) var(--dialog-border-radius) 0 0;background-color:var(--layer-1, Canvas);gap:var(--spacing-16, 1rem)}.dialog-title{margin:0;color:var(--dialog-text-color);font-size:var(--text-xl, 1.25rem);font-weight:var(--font-weight-semibold, 600)}.dialog-close{display:inline-grid;box-sizing:content-box;flex-shrink:0;width:2rem;height:2rem;padding:2px;transition:background-color var(--transition-duration, .25s);border-radius:var(--radius-full, 9999px);font-size:2rem;place-content:center;place-self:center;aspect-ratio:1}.dialog-close:hover,.dialog-close:focus-visible{background-color:var(--layer-2, GrayText)}.dialog-body{padding:var(--dialog-padding);overflow-y:auto}.dialog-body>:first-child{margin-top:0}.dialog-body>:last-child{margin-bottom:0}.dialog-footer{padding:var(--dialog-footer-padding);border-top:1px solid var(--dialog-border-color);border-radius:0 0 var(--dialog-border-radius) var(--dialog-border-radius);background-color:var(--layer-1, Canvas)}@keyframes dialog-show{0%{scale:.95;opacity:0%}to{scale:1;opacity:100%}}@media(prefers-reduced-motion:reduce){dialog{animation:none}dialog::backdrop{animation:none}}@media not (min-width:48rem){dialog{--dialog-max-width: calc(100vw - var(--spacing-16, 1rem));--dialog-max-height: calc(100vh - var(--spacing-16, 1rem))}.dialog-header,.dialog-footer,.dialog-body{padding:var(--spacing-16, 1rem)}}input:not([type=button],[type=reset],[type=submit],[type=checkbox],[type=radio],[type=range]){--input-background-color: var(--form-background, Field);--input-border-color: var(--form-border-color, ButtonBorder);--input-border-color-hover: var(--form-border-color);--input-border-radius: var(--form-border-radius, 0);--input-border-width: var(--form-border-width, 1px);--input-text-color: var(--on-form, ButtonText);--input-placeholder-color: GrayText;display:block;width:100%;padding:var(--input-spacing, 12px 16px);transition-property:background,border,box-shadow,color;transition-duration:var(--transition-duration, .25s);border:0;border-radius:var(--input-border-radius);background-color:var(--input-background-color);box-shadow:inset 0 0 0 var(--input-border-width) var(--input-border-color);color:var(--input-text-color);font:inherit;line-height:1.5}input:not([type=button],[type=reset],[type=submit],[type=checkbox],[type=radio],[type=range]):hover,input:not([type=button],[type=reset],[type=submit],[type=checkbox],[type=radio],[type=range]):focus-visible{box-shadow:inset 0 0 0 var(--input-border-width) var(--input-border-color-hover)}input:not([type=button],[type=reset],[type=submit],[type=checkbox],[type=radio],[type=range]):disabled{opacity:50%;cursor:not-allowed}input:not([type=button],[type=reset],[type=submit],[type=checkbox],[type=radio],[type=range]):user-invalid{--input-border-color: var(--error);--input-border-width: 2px}input:not([type=button],[type=reset],[type=submit],[type=checkbox],[type=radio],[type=range])::placeholder{opacity:100%;color:var(--input-placeholder-color)}:where(input[type=search]){appearance:textfield}:where(input[type=search])::-webkit-search-decoration,:where(input[type=search])::-webkit-search-cancel-button,:where(input[type=search])::-webkit-search-results-button,:where(input[type=search])::-webkit-search-results-decoration{appearance:none}:where(input[type=number]){appearance:textfield}:where(input[type=number])::-webkit-outer-spin-button,:where(input[type=number])::-webkit-inner-spin-button{appearance:none;margin:0}:where(input[type=date],input[type=time],input[type=datetime-local]){cursor:pointer}:where(input[type=date],input[type=time],input[type=datetime-local])::-webkit-calendar-picker-indicator{transition:opacity var(--transition-duration, .25s);opacity:60%;cursor:pointer}:is():hover,:is():focus-visible{opacity:100%}:where(input[type=file]){padding:var(--spacing-8, .5rem) var(--spacing-12, .75rem);cursor:pointer}:where(input[type=file])::file-selector-button{margin-right:var(--spacing-12, .75rem);padding:var(--spacing-8, .5rem) var(--spacing-12, .75rem);transition:background-color var(--transition-duration, .25s);border:0;border-radius:var(--input-border-radius);background-color:var(--primary, AccentColor);color:var(--on-primary, #ffffff);font:inherit;cursor:pointer}:is():hover,:is():focus-visible{background-color:oklch(from var(--primary, AccentColor) calc(l*.9) c h)}:where(input[type=file])::-webkit-file-upload-button{margin-right:var(--spacing-12, .75rem);padding:var(--spacing-8, .5rem) var(--spacing-12, .75rem);transition:background-color var(--transition-duration, .25s);border:0;border-radius:var(--input-border-radius);background-color:var(--primary, AccentColor);color:var(--on-primary, #ffffff);font:inherit;cursor:pointer}:is():hover,:is():focus-visible{background-color:oklch(from var(--primary, AccentColor) calc(l*.9) c h)}.form-group:has(input:disabled) label{opacity:50%;cursor:not-allowed}[type=radio]{--radio-background-color: var(--form-background, Field);--radio-border-color: var(--checkables-border-color, ButtonBorder);--radio-border-color-hover: var(--radio-border-color);--radio-border-radius: var(--radius-full, 9999px);--radio-border-width: var(--form-border-width, 1px);--radio-checked-color: var(--primary, AccentColor);--radio-checked-border-color: var(--color-white, #ffffff);display:inline-grid;width:var(--checkable-size, 1.25em);height:var(--checkable-size, 1.25em);margin:0;padding:0;transition-property:background,border,box-shadow,color;transition-duration:var(--transition-duration, .25s);border:0;border-radius:var(--radio-border-radius);background-color:var(--radio-background-color);box-shadow:inset 0 0 0 var(--radio-border-width) var(--radio-border-color);cursor:pointer;appearance:none;place-content:center}[type=radio]:before{content:"";width:calc(var(--checkable-size, 1.25em) / 1);height:calc(var(--checkable-size, 1.25em) / 1);transition-property:scale;transition-duration:var(--transition-duration, .25s);border:2px solid var(--radio-checked-border-color);border-radius:var(--radius-full, 9999px);background-color:var(--radio-checked-color);scale:0}[type=radio]:hover,[type=radio]:focus-visible{box-shadow:inset 0 0 0 var(--radio-border-width) var(--radio-border-color-hover)}[type=radio]:checked:before{scale:.9}[type=radio]:is(:disabled,[disabled]){opacity:50%;cursor:not-allowed}.form-group:has([type=radio]:disabled) label{opacity:50%;cursor:not-allowed}.range{position:relative;padding-bottom:2rem}[type=range]{--range-thumb-size: 24px;--range-thumb-border-width: 4px;--range-thumb-border-color: var(--color-white, #ffffff);--range-color: var(--primary, AccentColor);--range-track-color: var(--form-border-color, ButtonBorder);--range-track-height: calc(var(--form-border-width, 1px) + 2px);width:100%;overflow:hidden;background:#fff0;color:var(--range-color)}[type=range],[type=range]::-webkit-slider-runnable-track,[type=range]::-webkit-slider-thumb{height:var(--range-thumb-size);transition:all ease .1s;appearance:none}[type=range]::-webkit-slider-runnable-track,[type=range]::-webkit-slider-thumb{position:relative}[type=range]::-webkit-slider-thumb{--thumb-radius: calc((var(--range-thumb-size) * .5) - 1px);--clip-top: calc( (var(--range-thumb-size) - var(--range-track-height)) * .5 - .5px );--clip-bottom: calc(var(--range-thumb-size) - var(--clip-top));--clip-further: calc(100% + 1px) ;--box-fill: calc(-100vmax - var(--thumb-width, var(--range-thumb-size))) 0 0 100vmax currentcolor;width:var(--thumb-width, var(--range-thumb-size));border:var(--range-thumb-border-width) solid var(--range-thumb-border-color);border-radius:var(--thumb-width, var(--range-thumb-size));background:linear-gradient(currentcolor 0 0) scroll no-repeat left center / 50% calc(var(--range-track-height) + 1px);background-color:currentcolor;box-shadow:var(--box-fill);filter:brightness(100%);clip-path:polygon(100% -1px,var(--range-track-height) -1px,0 var(--clip-top),-100vmax var(--clip-top),-100vmax var(--clip-bottom),0 var(--clip-bottom),var(--range-track-height) 100%,var(--clip-further) var(--clip-further))}[type=range]:hover::-webkit-slider-thumb{cursor:ew-resize}[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--range-track-color) 0 0) scroll no-repeat center / 100% calc(var(--range-track-height) + 1px)}[type=range]:disabled::-webkit-slider-thumb{opacity:50%;cursor:not-allowed}[type=range],[type=range]::-moz-range-track,[type=range]::-moz-range-thumb{height:var(--range-thumb-size);transition:all ease .1s;appearance:none}[type=range]::-moz-range-track,[type=range]::-moz-range-thumb,[type=range]::-moz-range-progress{background:#fff0}[type=range]::-moz-range-thumb{box-sizing:border-box;width:var(--thumb-width, var(--range-thumb-size));border:var(--range-thumb-border-width) solid var(--range-thumb-border-color);border-radius:var(--thumb-width, var(--range-thumb-size));background:currentcolor;cursor:ew-resize}[type=range]::-moz-range-track{width:100%;background:var(--range-track-color)}[type=range]::-moz-range-progress{transition-delay:30ms;background:currentcolor;appearance:none}[type=range]::-moz-range-track,[type=range]::-moz-range-progress{height:calc(var(--range-track-height) + 1px);border-radius:var(--range-track-height)}[type=range]:disabled::-moz-range-thumb{opacity:50%;cursor:not-allowed}.range-value{position:absolute;left:0;padding:4px 8px;border-radius:var(--form-border-radius, 4px);background-color:var(--form-background, ButtonFace);font-size:var(--text-14, .875rem);translate:0 1.4rem}@supports (position-anchor: initial){[data-range-output=anchor] ::-webkit-slider-thumb{anchor-name:--thumb}[data-range-output=anchor] ::-moz-range-thumb{anchor-name:--thumb}[data-range-output=anchor] .range-value{position-anchor:--thumb;position-area:bottom;translate:0 .5rem}}select{--select-background-color: var(--form-background, Field);--select-border-color: var(--form-border-color, ButtonBorder);--select-border-color-hover: var(--select-border-color);--select-border-radius: var(--form-border-radius, 0);--select-border-width: var(--form-border-width, 1px);--select-text-color: var(--on-form, FieldText);--select-optgroup-color: GrayText;display:block;width:100%;padding:var(--form-spacing, 12px 16px);padding-right:calc(var(--spacing-32, 2rem) + var(--spacing-12, .75rem));transition-property:background-color,border,box-shadow,color;transition-duration:var(--transition-duration, .25s);border:0;border-radius:var(--select-border-radius);background-color:var(--select-background-color);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right var(--spacing-16, 1rem) center;background-size:1rem;box-shadow:inset 0 0 0 var(--select-border-width) var(--select-border-color);color:var(--select-text-color);font:inherit;line-height:1.5;cursor:pointer;appearance:none;-webkit-user-select:none;user-select:none}select:hover,select:focus-visible{box-shadow:inset 0 0 0 var(--select-border-width) var(--select-border-color-hover)}select:disabled{opacity:50%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");cursor:not-allowed}[data-theme=dark] select:not(:disabled){background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>")}[data-theme=dark] select:disabled{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23777777' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>")}select[multiple]{padding-right:var(--spacing-16, 1rem);background-image:none;cursor:default}:where(optgroup){color:var(--select-optgroup-color);font-weight:var(--font-weight-bold, 700)}[role=switch]{--switch-width: 2.5rem;--switch-height: 1.5rem;--switch-track-color: var(--form-background, ButtonFace);--switch-track-color-checked: var(--primary, AccentColor);--switch-thumb-color: ButtonBorder;--switch-border-radius: var(--radius-full, 9999px);--switch-border-color: var(--checkables-border-color, ButtonBorder);--switch-border-width: 1px;display:inline-flex;align-items:center;justify-content:start;width:var(--switch-width);height:var(--switch-height);margin:0;padding:0;transition-property:background;transition-duration:var(--transition-duration, .25s);border:var(--switch-border-color) solid var(--switch-border-width);border-radius:var(--switch-border-radius);background-color:var(--switch-track-color);cursor:pointer;appearance:none}[role=switch]:before{content:"";transition-property:flex-grow;transition-duration:var(--transition-duration, .25s)}[role=switch]:after{content:"";flex-shrink:0;width:var(--switch-height);height:var(--switch-height);transition-property:background,scale;transition-duration:var(--transition-duration, .25s);border-radius:var(--switch-border-radius);background-color:ButtonBorder;scale:.6;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><path fill="currentcolor" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>');background-repeat:no-repeat;background-position:center;background-size:0%}[role=switch]:checked:before{flex-grow:1}[role=switch][data-variant=check]:checked{border-color:var(--switch-track-color-checked);background-color:var(--switch-track-color-checked)}[role=switch][data-variant=check]:checked:before{flex-grow:1}[role=switch][data-variant=check]:checked:after{scale:.8;background-color:var(--on-primary, #ffffff);background-size:70%}[role=switch]:disabled{opacity:50%;cursor:not-allowed}[role=switch]:disabled:after{box-shadow:none}.form-group:has([type=checkbox][role=switch]:disabled) label{opacity:50%;cursor:not-allowed}textarea{--textarea-background-color: var(--form-background, Field);--textarea-border-color: var(--form-border-color, ButtonBorder);--textarea-border-color-hover: var(--textarea-border-color);--textarea-border-radius: var(--form-border-radius, 0);--textarea-border-width: var(--form-border-width, 1px);--textarea-text-color: var(--on-form, ButtonText);--textarea-counter-color: GrayText;display:block;width:100%;min-height:5lh;padding:var(--form-spacing, 12px 16px);transition-property:background,border,box-shadow,color;transition-duration:var(--transition-duration, .25s);border:0;border-radius:var(--textarea-border-radius);background-color:var(--textarea-background-color);box-shadow:inset 0 0 0 var(--textarea-border-width) var(--textarea-border-color);color:var(--textarea-text-color);font:inherit;line-height:1.5;resize:vertical;field-sizing:content}textarea:hover,textarea:focus-visible{box-shadow:inset 0 0 0 var(--textarea-border-width) var(--textarea-border-color-hover)}textarea:disabled{opacity:50%;resize:none;cursor:not-allowed}textarea:user-invalid{--textarea-border-color: var(--error);--textarea-border-width: 2px}textarea::placeholder{opacity:100%;color:var(--on-surface)}.form-group:has(textarea:disabled) label{opacity:50%;cursor:not-allowed}.character-counter{min-width:max-content;margin-left:auto;color:var(--textarea-counter-color);font-size:var(--text-14, .875rem);font-weight:var(--font-weight-medium, 500);text-align:right}.character-counter.warning{color:var(--warning, #f97316)}.character-counter.danger{color:var(--error, #ef4444);font-weight:var(--font-weight-semibold, 600)}@media not (min-width:48rem){.form-group-footer{flex-direction:column;align-items:stretch}.character-counter{margin-left:0;text-align:left}}hr{--hr-border-color: var(--form-border-color, ButtonBorder);--hr-border-width: var(--form-border-width, 1px);margin-block:var(--spacing-16, 1rem);border:0;border-top:var(--hr-border-width) solid var(--hr-border-color)}hr.hr-primary{--hr-border-color: var(--primary, AccentColor)}hr.hr-medium{--hr-border-width: calc(var(--form-border-width, 1px) * 2)}hr.hr-wavy{--hr-wave-length: 16px;--hr-wave-height: 8px;height:var(--hr-wave-height);margin-block:var(--spacing-16, 1rem);border:0;background-color:var(--hr-border-color, currentcolor);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'><path d='M0,4 C4,0 12,8 16,4' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") left center / var(--hr-wave-length) 100% repeat-x;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'><path d='M0,4 C4,0 12,8 16,4' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") left center / var(--hr-wave-length) 100% repeat-x}table{--table-border-color: var(--form-border-color, ButtonBorder);--table-border-width: var(--form-border-width, 1px);--table-layout: fixed;--table-border-collapse: collapse;--table-border-spacing: 0;--table-zebra: 95%;--table-caption-color: GrayText;width:100%;table-layout:var(--table-layout, fixed);border-spacing:var(--table-border-spacing, 0);border-collapse:var(--table-border-collapse, collapse);color:var(--on-surface, CanvasText)}table caption{margin-block:var(--spacing-8, .5rem);color:var(--table-caption-color);text-align:left}table th,table td{padding:var(--spacing-8, .5rem) var(--spacing-12, .75rem);border:var(--table-border-width) solid var(--table-border-color);text-align:left;vertical-align:top}table thead th{background-color:var(--layer-1, Canvas);font-weight:var(--font-weight-semibold, 600)}table tfoot th,table tfoot td{background-color:var(--layer-1, Canvas);font-weight:var(--font-weight-medium, 500)}table tbody tr:nth-child(odd){background-color:color-mix(in oklch,var(--surface, Field) var(--table-zebra, 95%),transparent)}.table-responsive{--table-min-width: 30rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges}.table-responsive>table{min-width:var(--table-min-width, 30rem)}.table-rounded{--table-border-color: var(--form-border-color, ButtonBorder);--table-border-width: var(--form-border-width, 1px);--table-border-radius: var(--form-border-radius, .5rem);padding:var(--spacing-8, .5rem);border:var(--table-border-width) solid var(--table-border-color);border-radius:var(--table-border-radius)}.table-rounded :is(th,td){border:none;background-color:transparent}.table-rounded thead :is(th,td),.table-rounded tr:not(:last-child) :is(th,td){border-bottom:var(--table-border-width) solid var(--table-border-color)}.table-rounded tbody tr:nth-child(odd){background-color:transparent}}@layer base{@font-face{font-family:dynapuff;src:url(./dynapuff-B_K6xnLx.woff2) format("woff2") tech("variations"),url(./dynapuff-B_K6xnLx.woff2) format("woff2-variations");font-weight:400 700;font-display:swap}[data-layout*=boxed]{--boxed-max: 96rem}body{padding:var(--spacing-s);background-color:var(--surface);color:var(--on-surface);font-family:var(--font-base);font-size:var(--text-m);font-weight:var(--font-weight-regular);line-height:var(--line-height-m)}.hidden{display:none!important}.hidden-aria[aria-hidden=true]{display:none}.title-l{font-family:dynapuff,system-ui,sans-serif;font-size:var(--text-4xl);font-variation-settings:"wght" 700,"wdth" 100;line-height:1.1}.title-m{font-size:var(--text-l);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.title-s{margin-top:0;font-size:var(--text-s);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.discrete{font-size:var(--text-s);color:var(--color-gray-500)}.header{padding-block:var(--spacing-xl) var(--spacing-l);text-align:center;max-width:60ch;margin-inline:auto}.header p{font-size:var(--text-l);color:var(--color-gray-600)}main{padding-block:var(--spacing-l)}footer{padding-block:var(--spacing-l);text-align:center;margin-top:var(--spacing-l)}.section-import{display:grid;margin-bottom:var(--spacing-l)}.section-card{background:var(--surface);border-radius:var(--radius-16)}.section-card-light{background:var(--layer-1);padding:var(--spacing-s);border-radius:var(--radius-12)}.section-title{margin-block:0 var(--spacing-s);display:flex;align-items:center;gap:var(--spacing-s)}h4.section-title{font-weight:var(--font-weight-regular)}.section-description{font-size:var(--text-s);color:var(--color-gray-600);margin-bottom:var(--spacing-s);line-height:1.5}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);padding:var(--spacing-24);border-radius:var(--radius-16);border:2px dashed var(--border-medium);transition:all .2s ease;cursor:pointer;min-height:200px}.drop-zone:hover,.drop-zone.drag-over{background:var(--layer-1);border-color:var(--primary);transform:scale(1.01)}.drop-zone-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--on-surface)}.drop-zone-hint{font-size:var(--text-m);color:var(--color-gray-500)}.preview-container{position:sticky;top:0;background:#fff;padding-block:var(--spacing-s);z-index:10}.preview-header{display:flex;justify-content:space-between;align-items:center}.preview-box{background:var(--layer-1);padding:var(--spacing-m);border-radius:var(--radius-12);overflow:hidden;min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center}.preview-controls{display:flex;gap:var(--spacing-m);align-items:center;padding-top:var(--spacing-s)}.control-group{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.control-label{font-size:var(--text-s);font-weight:var(--font-weight-semibold);color:var(--color-gray-600)}.export-title{color:var(--on-surface);margin-bottom:var(--spacing-s)}.export-description{font-size:var(--text-s);color:var(--color-gray-600);margin-bottom:var(--spacing-s)}.export-button{margin-top:var(--spacing-s)}.btn{border-radius:var(--radius-12)}.width-100{width:100%}.axis-control-container{display:grid;gap:var(--spacing-xs);background:var(--layer-1);padding:var(--spacing-s);border-radius:var(--radius-12)}.axis-control{display:grid;gap:var(--spacing-xs)}.axis-label{display:flex;justify-content:space-between;font-size:var(--text-s);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.axis-name{text-transform:uppercase;letter-spacing:.05em}.checkbox-card{background:var(--surface);border:1px solid var(--border-light);padding:var(--spacing-8);border-radius:var(--radius-12);display:flex;align-items:center;gap:var(--spacing-s);cursor:pointer;transition:var(--transition-duration);transition-property:border-color,background;font-weight:var(--font-weight-regular);font-size:var(--text-s)}.stats-card{background:var(--layer-1);padding:var(--spacing-m);border-radius:var(--radius-12);font-size:var(--text-16)}.unicode-grid{--col-min-size: 150px}.text-primary{color:var(--primary)}.text-muted{color:var(--color-gray-600)}.text-error{color:var(--error)}.text-success{color:var(--success)}.font-info-list{display:grid;gap:var(--spacing-xs);margin:0}.font-info-item{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:var(--spacing-xs);border-bottom:1px dashed var(--border-light)}.font-info-item:last-child{border-bottom:none}.font-info-item dt{font-size:var(--text-s);color:var(--color-gray-600)}.font-info-item dd{margin:0;font-size:var(--text-s);font-weight:var(--font-weight-semibold);color:var(--on-surface)}.css-rule{display:block;font-family:var(--font-mono, "Courier New", monospace);font-size:var(--text-s);background:var(--layer-1);padding:var(--spacing-s);border-radius:var(--radius-12);word-break:break-all}.css-code-block{background:var(--color-gray-700);padding:var(--spacing-m);border-radius:var(--radius-12);overflow-x:auto;margin:0;border:1px solid var(--color-black)}.css-code-block code{font-family:var(--font-mono, "Courier New", monospace);font-size:var(--text-s);line-height:1.6;color:var(--color-gray-100);white-space:pre}.text-success{color:var(--success);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-s)}.footer{padding-block:var(--spacing-l)}.logo-alsacreations-pepins-inner{fill:var(--surface)}.footer-alsa{text-align:center}.footer-alsa p{margin:0}.footer-alsa .logo-alsacreations{width:150px}.logo-link{display:inline-block;margin:auto;color:var(--accent)}@media(min-width:48rem){.logo-link:focus,.logo-link:hover{animation:spaceboots 2s linear infinite alternate}}.btn-github{gap:var(--spacing-xs);--button-background-color: oklch(51.33% .18 256.37);--button-background-color-hover: oklch( from oklch(51.33% .18 256.37) calc(l*.9) c h );--button-border-color: transparent;--button-text-color: var(--color-white);color:var(--color-white)}.btn-github:hover,.btn-github:focus-visible{color:var(--color-white)}[id=btn-load-example]{background:none;border:none;color:var(--primary);box-shadow:none;text-decoration:underline;cursor:pointer;font-size:var(--text-s)}}@layer utilities{@supports (view-transition-name: none){@view-transition{navigation:auto}[data-anime*=view]::view-transition-group(root){animation-duration:.3s;animation-timing-function:ease-in;animation-fill-mode:both}@keyframes view-down-old{0%{translate:0 0}to{translate:0 30px}}@keyframes view-down-new{0%{translate:0 -30px}to{translate:0 0}}[data-anime*=view-down]::view-transition-old(root){animation-name:view-down-old}[data-anime*=view-down]::view-transition-new(root){animation-name:view-down-new}}@supports (animation-timeline: view()){[data-anime]:where(:not([data-anime*=hover])){--anime-offset: 40px;animation-duration:auto;animation-timing-function:linear;animation-timeline:view(block);animation-fill-mode:both}[data-anime*=bounce]{animation-timing-function:cubic-bezier(.15,1.12,.26,1.46)}[data-anime*=offset],[data-anime*=offset-s]{--anime-offset: 80px}[data-anime*=offset-m]{--anime-offset: 50%}[data-anime*=offset-l]{--anime-offset: 100%}[data-anime]:where(:not([data-anime*=hover])){--animation-range-entry: cover 10% cover 30%;--animation-direction-entry: normal;animation-name:var(--animation-name-entry);animation-range:var(--animation-range-entry);animation-direction:var(--animation-direction-entry)}[data-anime]:where(:not([data-anime*=hover]))[data-anime*=delay],[data-anime]:where(:not([data-anime*=hover]))[data-anime*=delay-s]{--animation-range-entry: cover 14% cover 34%}[data-anime]:where(:not([data-anime*=hover]))[data-anime*=delay-m]{--animation-range-entry: cover 18% cover 38%}[data-anime]:where(:not([data-anime*=hover]))[data-anime*=delay-l]{--animation-range-entry: cover 22% cover 42%}[data-anime*=exit]{--animation-range-exit: cover 70% cover 90%;--animation-direction-exit: reverse;animation-name:var(--animation-name-exit);animation-range:var(--animation-range-exit);animation-direction:var(--animation-direction-exit)}[data-anime*=exit][data-anime*=delay],[data-anime*=exit][data-anime*=delay-s]{--animation-range-exit: cover 66% cover 86%}[data-anime*=exit][data-anime*=delay-m]{--animation-range-exit: cover 62% cover 82%}[data-anime*=exit][data-anime*=delay-l]{--animation-range-exit: cover 58% cover 78%}[data-anime*=entry][data-anime*=exit]{animation-name:var(--animation-name-entry),var(--animation-name-exit);animation-range:var(--animation-range-entry),var(--animation-range-exit);animation-direction:var(--animation-direction-entry),var(--animation-direction-exit);animation-fill-mode:both,forwards}[data-anime*=slide-left]{--animation-name-entry: slide-left;--animation-name-exit: slide-left}[data-anime*=slide-right]{--animation-name-entry: slide-right;--animation-name-exit: slide-right}[data-anime*=slide-up]{--animation-name-entry: slide-up;--animation-name-exit: slide-up-exit;--animation-direction-exit: normal}[data-anime*=fade-left]{--animation-name-entry: fade-left;--animation-name-exit: fade-left}[data-anime*=fade-right]{--animation-name-entry: fade-right;--animation-name-exit: fade-right}[data-anime*=fade-up]{--animation-name-entry: fade-up;--animation-name-exit: fade-up-exit;--animation-direction-exit: normal}[data-anime*=pulse]:where(:not([data-anime*=hover])){--animation-name-entry: pulse;--animation-name-exit: pulse}[data-anime*=reveal]{--animation-name-entry: reveal;--animation-name-exit: reveal}[data-anime*=flip-y]{--animation-name-entry: flip-y;--animation-name-exit: flip-y}[data-anime*=flip-x]{--animation-name-entry: flip-x;--animation-name-exit: flip-x}}[data-anime*=shake]:where(:hover,:focus-visible){animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}[data-anime*=spaceboots]:where(:hover,:focus-visible){animation:spaceboots 2s linear infinite alternate}[data-anime*=pulse][data-anime*=hover]:where(:hover,:focus-visible){animation:pulse var(--transition-duration, .25s) 1 forwards}[data-anime*=slide-up][data-anime*=hover]{transition:translate var(--transition-duration, .25s)}[data-anime*=slide-up][data-anime*=hover]:where(:hover,:focus-visible){translate:0 -2px}[data-anime*=slide-up][data-anime*=hover][data-anime*=offset-s]:where(:hover,:focus-visible){translate:0 -4px}[data-anime*=slide-up][data-anime*=hover][data-anime*=offset-m]:where(:hover,:focus-visible){translate:0 -12px}[data-anime*=slide-up][data-anime*=hover][data-anime*=offset-l]:where(:hover,:focus-visible){translate:0 -24px}[data-anime*=slide-left][data-anime*=hover]{transition:translate var(--transition-duration, .25s)}[data-anime*=slide-left][data-anime*=hover]:where(:hover,:focus-visible){translate:-2px 0}[data-anime*=slide-left][data-anime*=hover][data-anime*=offset-s]:where(:hover,:focus-visible){translate:-4px 0}[data-anime*=slide-left][data-anime*=hover][data-anime*=offset-m]:where(:hover,:focus-visible){translate:-12px 0}[data-anime*=slide-left][data-anime*=hover][data-anime*=offset-l]:where(:hover,:focus-visible){translate:-24px 0}[data-anime*=slide-right][data-anime*=hover]{transition:translate var(--transition-duration, .25s)}[data-anime*=slide-right][data-anime*=hover]:where(:hover,:focus-visible){translate:2px 0}[data-anime*=slide-right][data-anime*=hover][data-anime*=offset-s]:where(:hover,:focus-visible){translate:4px 0}[data-anime*=slide-right][data-anime*=hover][data-anime*=offset-m]:where(:hover,:focus-visible){translate:12px 0}[data-anime*=slide-right][data-anime*=hover][data-anime*=offset-l]:where(:hover,:focus-visible){translate:24px 0}@media(prefers-reduced-motion:reduce){[data-anime]{transform:none!important;transition:none!important;animation:none!important;opacity:100%!important}}@keyframes spaceboots{0%{transform:translate(2px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translateY(2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(2px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(2px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{10%,90%{translate:-1px}20%,80%{translate:2px}30%,50%,70%{translate:-2px}40%,60%{translate:2px}}@keyframes slide-left{0%{translate:calc(-1 * var(--anime-offset, 40px))}to{translate:0}}@keyframes slide-right{0%{translate:var(--anime-offset, 40px)}to{translate:0}}@keyframes slide-up{0%{translate:0 var(--anime-offset, 40px)}to{translate:0}}@keyframes slide-up-exit{0%{translate:0}to{translate:0 calc(-1 * var(--anime-offset, 40px))}}@keyframes fade-left{0%{translate:calc(-1 * var(--anime-offset, 40px));opacity:0%}to{translate:0;opacity:100%}}@keyframes fade-right{0%{translate:var(--anime-offset, 40px);opacity:0%}to{translate:0;opacity:100%}}@keyframes fade-up{0%{translate:0 var(--anime-offset, 40px);opacity:0%}to{translate:0;opacity:100%}}@keyframes fade-up-exit{0%{translate:0;opacity:100%}to{translate:0 calc(-1 * var(--anime-offset, 40px));opacity:0%}}@keyframes pulse{0%{scale:.8}50%{scale:1.05}to{scale:1}}@keyframes reveal{0%{opacity:0%}to{opacity:100%}}@keyframes flip-x{0%{transform:perspective(400px) rotateY(90deg);opacity:0%}to{transform:perspective(400px) rotateY(0);opacity:100%}}@keyframes flip-y{0%{transform:perspective(400px) rotateX(90deg);opacity:0%}to{transform:perspective(400px) rotateX(0);opacity:100%}}}