:root{--breakpoint-md: 768px;--breakpoint-lg: 1440px}:root{color-scheme:light dark;--white: oklch(100% 0 0);--black: oklch(0% 0 0);--gray-50: oklch(98% 0 0);--gray-100: oklch(97% 0 0);--gray-150: oklch(94% 0 0);--gray-200: oklch(92% 0 0);--gray-300: oklch(87% 0 0);--gray-400: oklch(70% 0 0);--gray-500: oklch(55% 0 0);--gray-550: oklch(50% 0 0);--gray-600: oklch(45% 0 0);--gray-700: oklch(35% 0 0);--gray-800: oklch(25% 0 0);--gray-900: oklch(19% 0 1);--gray-950: oklch(13% 0 0);--green-50: oklch(97% .02 155);--green-100: oklch(94% .04 155);--green-200: oklch(89% .08 155);--green-300: oklch(81% .13 155);--green-400: oklch(70% .17 155);--green-500: oklch(62% .19 155);--green-600: oklch(53% .17 155);--green-700: oklch(46% .14 155);--green-800: oklch(39% .11 155);--green-900: oklch(34% .09 155);--green-950: oklch(20% .06 155);--blue-50: oklch(97% .01 250);--blue-100: oklch(94% .03 250);--blue-200: oklch(88% .06 250);--blue-300: oklch(79% .11 250);--blue-400: oklch(69% .15 250);--blue-500: oklch(60% .18 250);--blue-600: oklch(53% .2 250);--blue-700: oklch(47% .19 250);--blue-800: oklch(41% .16 250);--blue-900: oklch(37% .13 250);--blue-950: oklch(26% .1 250);--blue-975: oklch(18% .06 250);--sky-500: oklch(71% .16 237);--sky-700: oklch(48% .22 237);--amber-50: oklch(98% .03 85);--amber-100: oklch(94% .07 85);--amber-200: oklch(89% .12 85);--amber-300: oklch(83% .16 80);--amber-400: oklch(78% .17 70);--amber-500: oklch(73% .17 60);--amber-600: oklch(64% .17 50);--amber-700: oklch(53% .15 50);--amber-800: oklch(45% .12 50);--amber-900: oklch(39% .1 50);--amber-950: oklch(25% .07 50);--red-50: oklch(97% .01 25);--red-100: oklch(94% .03 25);--red-200: oklch(89% .06 25);--red-300: oklch(81% .11 25);--red-400: oklch(70% .17 25);--red-500: oklch(62% .21 25);--red-600: oklch(54% .22 25);--red-700: oklch(47% .19 25);--red-800: oklch(40% .16 25);--red-900: oklch(36% .13 25);--red-950: oklch(22% .09 25);--color-bg-primary: light-dark(var(--white), var(--black));--color-bg-secondary: light-dark(var(--gray-50), var(--gray-900));--color-bg-tertiary: light-dark(var(--gray-150), var(--gray-800));--color-bg-inverse: light-dark(var(--gray-900), var(--gray-100));--color-bg-inverse-secondary: light-dark(var(--gray-800), var(--gray-200));--color-bg-mute: light-dark(var(--gray-200), var(--gray-600));--color-bg-info: light-dark(var(--blue-50), var(--blue-975));--color-bg-success: light-dark(var(--green-50), var(--green-950));--color-bg-warning: light-dark(var(--amber-50), var(--amber-950));--color-bg-error: light-dark(var(--red-50), var(--red-950));--color-border-primary: light-dark(var(--gray-300), var(--gray-500));--color-border-secondary: light-dark(var(--gray-200), var(--gray-800));--color-border-tertiary: light-dark(var(--gray-400), var(--gray-400));--color-border-mute: light-dark(var(--gray-300), var(--gray-700));--color-border-inverse: light-dark(var(--gray-700), var(--gray-200));--color-border-info: light-dark(var(--blue-200), var(--blue-950));--color-border-success: light-dark(var(--green-200), var(--green-800));--color-border-warning: light-dark(var(--amber-200), var(--amber-800));--color-border-error: light-dark(var(--red-200), var(--red-800));--color-text-primary: light-dark(var(--gray-900), var(--gray-100));--color-text-secondary: light-dark(var(--gray-600), var(--gray-150));--color-text-tertiary: var(--gray-500, var(--gray-550));--color-text-inverse: light-dark(var(--gray-100), var(--gray-900));--color-text-mute: var(--gray-500, var(--gray-550));--color-text-info: light-dark(var(--blue-700), var(--blue-400));--color-text-success: light-dark(var(--green-700), var(--green-400));--color-text-warning: light-dark(var(--amber-700), var(--amber-400));--color-text-error: light-dark(var(--red-700), var(--red-400));--color-icon-primary: light-dark(var(--gray-900), var(--gray-50));--color-icon-secondary: light-dark(var(--gray-500), var(--gray-400));--color-button-primary-bg: light-dark(var(--gray-900), var(--white));--color-button-primary-text: light-dark(var(--white), var(--black));--color-button-primary-bg-hover: light-dark(var(--gray-800), var(--gray-200));--color-link: light-dark(var(--sky-500), var(--sky-500));--color-link-hover: light-dark(var(--sky-500), var(--sky-700));--color-link-visited: light-dark(var(--sky-700), var(--sky-700));--color-focus-ring: light-dark(var(--gray-900), var(--white))}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}:root{--font-family-sans: "Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-size-xxs: 1rem;--font-size-xs: 1.2rem;--font-size-sm: 1.4rem;--font-size-base: 1.6rem;--font-size-lg: 1.8rem;--font-size-xl: 2rem;--font-size-2xl: 2.4rem;--font-size-3xl: 3rem;--font-size-4xl: 3.6rem;--font-size-5xl: 4.5rem;--font-size-6xl: 5.4rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0em;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--font-family-body: var(--font-family-sans);--font-size-body: var(--font-size-base);--line-height-body: var(--line-height-normal);--letter-spacing-body: var(--letter-spacing-tight);--font-family-heading: var(--font-family-sans);--font-weight-heading: var(--font-weight-bold);--font-line-height-heading: var(--line-height-tight);--font-size-h1: var(--font-size-4xl);--font-size-h2: var(--font-size-2xl);--font-size-h3: var(--font-size-lg);--font-size-h4: var(--font-size-base);--font-family-code: var(--font-family-mono);--font-size-code: .9em}@media(768px<=width<1440px){:root{--font-size-h1: var(--font-size-5xl);--font-size-h2: var(--font-size-5xl);--font-size-h3: var(--font-size-lg);--font-size-h4: var(--font-size-lg) }}@media(width>=1440px){:root{--font-size-h1: var(--font-size-6xl);--font-size-h2: var(--font-size-5xl);--font-size-h3: var(--font-size-2xl);--font-size-h4: var(--font-size-xl) }}:root{--space-0: 0;--space-px: 1px;--space-0-5: .2rem;--space-1: .4rem;--space-1-5: .6rem;--space-2: .8rem;--space-2-5: 1rem;--space-3: 1.2rem;--space-3-5: 1.4rem;--space-4: 1.6rem;--space-5: 2rem;--space-6: 2.4rem;--space-7: 2.8rem;--space-8: 3.2rem;--space-9: 3.6rem;--space-10: 4rem;--space-11: 4.4rem;--space-12: 4.8rem;--space-14: 5.6rem;--space-16: 6.4rem;--space-18: 7.2rem;--space-20: 8rem;--space-24: 9.6rem;--space-28: 11.2rem;--space-32: 12.8rem;--space-36: 14.4rem;--space-40: 16rem;--space-44: 17.6rem;--space-48: 19.2rem;--space-52: 20.8rem;--space-56: 22.4rem;--space-60: 24rem;--space-64: 25.6rem;--space-h1: var(--space-12);--space-h2: var(--space-6);--space-h3: var(--space-6);--space-h4: var(--space-6);--space-body: var(--space-5)}:root{--size-0: 0;--size-px: 1px;--size-0-5: .2rem;--size-1: .4rem;--size-1-5: .6rem;--size-2: .8rem;--size-2-5: 1rem;--size-3: 1.2rem;--size-3-5: 1.4rem;--size-4: 1.6rem;--size-5: 2rem;--size-6: 2.4rem;--size-7: 2.8rem;--size-8: 3.2rem;--size-9: 3.6rem;--size-10: 4rem;--size-11: 4.4rem;--size-12: 4.8rem;--size-14: 5.6rem;--size-16: 6.4rem;--size-20: 8rem;--size-24: 9.6rem;--size-28: 11.2rem;--size-32: 12.8rem;--size-36: 14.4rem;--size-40: 16rem;--size-44: 17.6rem;--size-48: 19.2rem;--size-52: 20.8rem;--size-56: 22.4rem;--size-60: 24rem;--size-64: 25.6rem;--size-68: 27.2rem;--size-72: 28.8rem;--size-76: 30.4rem;--size-80: 32rem;--size-84: 33.6rem;--size-88: 35.2rem;--size-92: 36.8rem;--size-96: 38.4rem;--size-100: 40rem}:root{--z-index-sidebar-backdrop: 10;--z-index-header: 20;--z-index-sidebar: 30}:root{--border-width-0: 0px;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px;--radius-none: 0;--radius-sm: .2rem;--radius-base: .4rem;--radius-md: .6rem;--radius-lg: .8rem;--radius-xl: 1.2rem;--radius-2xl: 1.6rem;--radius-3xl: 2.4rem;--radius-full: 9999px;--radius-button: var(--radius-md);--radius-input: var(--radius-md);--radius-card: var(--radius-lg);--radius-badge: var(--radius-full)}:root{--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-fast: var(--duration-150) var(--ease-out);--transition-base: var(--duration-200) var(--ease-out);--transition-slow: var(--duration-300) var(--ease-out);--transition-colors: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);--transition-transform: transform var(--transition-base);--transition-opacity: opacity var(--transition-base);--transition-shadow: box-shadow var(--transition-base)}@media(prefers-reduced-motion:reduce){:root{--duration-75: 0ms;--duration-100: 0ms;--duration-150: 0ms;--duration-200: 0ms;--duration-300: 0ms;--duration-500: 0ms;--duration-700: 0ms;--duration-1000: 0ms}}@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{min-height:100vh;-webkit-font-smoothing:antialiased}ul[role=list],ol[role=list]{list-style:none}button,input,label{line-height:1.1}h1,h2,h3,h4,h5,h6{text-wrap:balance}a{text-decoration-skip-ink:auto}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}}@layer base{@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-LightItalic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}}@layer base{html{font-family:var(--font-family-body);font-size:62.5%;color:var(--color-text-primary);background-color:var(--color-bg-primary);scroll-behavior:smooth;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box}html *,html *:before,html *:after{box-sizing:inherit}body{font-family:var(--font-family-body);font-size:var(--font-size-body);line-height:var(--line-height-body);background-color:var(--color-bg-primary);text-rendering:optimizeLegibility}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin:0}h1,.h1{font-size:var(--font-size-h1);margin:var(--space-h1) 0}h2,.h2{font-size:var(--font-size-h2);margin:var(--space-h2) 0}h3,.h3{font-size:var(--font-size-h3);margin:var(--space-h3) 0}h4,.h4{font-size:var(--font-size-h4);margin:var(--space-h4) 0}h5,.h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);margin:var(--space-body) 0}h6,.h6{font-size:var(--font-size-base);margin:var(--space-body) 0}p,.body{font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);margin:var(--space-body) 0}span,.body-md{font-family:var(--font-family-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);margin:var(--space-body) 0}.body-md{font-size:var(--font-size-sm)}small,.body-sm{font-family:var(--font-family-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);margin:var(--space-body) 0}.body-sm{font-size:var(--font-size-xs)}.body-xs{font-family:var(--font-family-body);font-size:var(--font-size-xxs);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);margin:var(--space-body) 0}a{color:var(--color-link);text-decoration:underline;text-underline-offset:.15em;transition:var(--transition-colors)}a:hover{color:var(--color-link-hover)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--color-focus-ring);outline-offset:-2px}code,kbd,samp,pre{font-family:var(--font-family-code);font-size:var(--font-size-code)}code *,code *:before,code *:after,kbd *,kbd *:before,kbd *:after,samp *,samp *:before,samp *:after,pre *,pre *:before,pre *:after{font-family:inherit}code,.code{font-family:var(--font-family-code);font-size:var(--font-size-code);font-weight:var(--font-weight-normal);line-height:var(--line-height-snug);background-color:var(--color-bg-tertiary);padding:var(--space-0-5) var(--space-1);border-radius:var(--radius-base);letter-spacing:var(--letter-spacing-normal)}pre{padding:var(--space-4);background-color:var(--color-pre-bg);color:var(--color-pre-fg);border-radius:var(--radius-lg);overflow-x:auto}pre code{padding:0;background:none;border-radius:0}blockquote{padding-left:var(--space-4);border-left:var(--border-width-4) solid var(--color-border-primary);font-style:italic}hr{border:none;border-top:var(--border-width-1) solid var(--color-border-primary);margin:var(--space-8) 0}table{width:100%;border-collapse:collapse}th,td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:var(--border-width-1) solid var(--color-border-primary)}th{font-weight:var(--font-weight-semibold)}ul,ol{margin:var(--space-body) 0;padding-left:var(--space-6)}main{flex-grow:1;padding-bottom:var(--space-16)}@media(width>=768px){main{padding-top:var(--space-16);padding-bottom:var(--space-32)}}}@layer base{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.h-full{height:100%}.max-w-prose{max-width:var(--content-width)}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.p-0{padding:var(--space-0)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-0{margin:var(--space-0)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}}.expressive-code.expressive-code .copy{top:var(--space-3);right:var(--space-3);height:var(--size-5)}.expressive-code.expressive-code figcaption:not(:empty)~.copy{top:var(--space-10)}.expressive-code.expressive-code .feedback{line-height:var(--line-height-snug);font-family:var(--font-family-body)}@layer primitives{.text--color-primary{color:var(--color-text-primary)}.text--color-secondary{color:var(--color-text-secondary)}.text--color-tertiary{color:var(--color-text-tertiary)}.text--color-inverse{color:var(--color-text-inverse)}.text--color-mute{color:var(--color-text-mute)}.text--color-success{color:var(--color-text-success)}.text--color-warning{color:var(--color-text-warning)}.text--color-error{color:var(--color-text-error)}.text--color-inherit{color:inherit}.text--weight-light{font-weight:var(--font-weight-light)}.text--weight-normal{font-weight:var(--font-weight-normal)}.text--weight-medium{font-weight:var(--font-weight-medium)}.text--weight-semibold{font-weight:var(--font-weight-semibold)}.text--weight-bold{font-weight:var(--font-weight-bold)}.text--no-v-margin{margin-top:0;margin-bottom:0}}@layer primitives{.container{width:85%;max-width:1440px;margin-inline:auto}@media(width>=1440px){.container{width:90%}}}@layer primitives{.grid{display:grid;grid-template-columns:repeat(12,1fr)}.grid--gap-0{gap:0}.grid--gap-1{gap:var(--space-1)}.grid--gap-2{gap:var(--space-2)}.grid--gap-3{gap:var(--space-3)}.grid--gap-4{gap:var(--space-4)}.grid--gap-6{gap:var(--space-6)}.grid--gap-8{gap:var(--space-8)}.grid--gap-12{gap:var(--space-12)}.grid--gap-16{gap:var(--space-16)}.grid--row-gap-0{row-gap:0}.grid--row-gap-1{row-gap:var(--space-1)}.grid--row-gap-2{row-gap:var(--space-2)}.grid--row-gap-3{row-gap:var(--space-3)}.grid--row-gap-4{row-gap:var(--space-4)}.grid--row-gap-6{row-gap:var(--space-6)}.grid--row-gap-8{row-gap:var(--space-8)}.grid--row-gap-12{row-gap:var(--space-12)}.grid--row-gap-16{row-gap:var(--space-16)}.grid--col-gap-0{column-gap:0}.grid--col-gap-1{column-gap:var(--space-1)}.grid--col-gap-2{column-gap:var(--space-2)}.grid--col-gap-3{column-gap:var(--space-3)}.grid--col-gap-4{column-gap:var(--space-4)}.grid--col-gap-6{column-gap:var(--space-6)}.grid--col-gap-8{column-gap:var(--space-8)}.grid--col-gap-12{column-gap:var(--space-12)}.grid--col-gap-16{column-gap:var(--space-16)}.grid--align-start{align-items:start}.grid--align-center{align-items:center}.grid--align-end{align-items:end}.grid--align-stretch{align-items:stretch}.grid--align-baseline{align-items:baseline}.grid--justify-start{justify-items:start}.grid--justify-center{justify-items:center}.grid--justify-end{justify-items:end}.grid--justify-between,.grid--justify-around,.grid--justify-evenly{justify-items:stretch}.col-xs-1{grid-column:span 1}.col-xs-2{grid-column:span 2}.col-xs-3{grid-column:span 3}.col-xs-4{grid-column:span 4}.col-xs-5{grid-column:span 5}.col-xs-6{grid-column:span 6}.col-xs-7{grid-column:span 7}.col-xs-8{grid-column:span 8}.col-xs-9{grid-column:span 9}.col-xs-10{grid-column:span 10}.col-xs-11{grid-column:span 11}.col-xs-12{grid-column:span 12}@media(768px<=width<1440px){.col-md-1{grid-column:span 1}.col-md-2{grid-column:span 2}.col-md-3{grid-column:span 3}.col-md-4{grid-column:span 4}.col-md-5{grid-column:span 5}.col-md-6{grid-column:span 6}.col-md-7{grid-column:span 7}.col-md-8{grid-column:span 8}.col-md-9{grid-column:span 9}.col-md-10{grid-column:span 10}.col-md-11{grid-column:span 11}.col-md-12{grid-column:span 12}}@media(width>=1440px){.col-lg-1{grid-column:span 1}.col-lg-2{grid-column:span 2}.col-lg-3{grid-column:span 3}.col-lg-4{grid-column:span 4}.col-lg-5{grid-column:span 5}.col-lg-6{grid-column:span 6}.col-lg-7{grid-column:span 7}.col-lg-8{grid-column:span 8}.col-lg-9{grid-column:span 9}.col-lg-10{grid-column:span 10}.col-lg-11{grid-column:span 11}.col-lg-12{grid-column:span 12}}.flex--row{flex-direction:row}.flex--column{flex-direction:column}.flex--row-reverse{flex-direction:row-reverse}.flex--column-reverse{flex-direction:column-reverse}.flex--align-start{align-items:flex-start}.flex--align-center{align-items:center}.flex--align-end{align-items:flex-end}.flex--align-stretch{align-items:stretch}.flex--align-baseline{align-items:baseline}.flex--justify-start{justify-content:flex-start}.flex--justify-center{justify-content:center}.flex--justify-end{justify-content:flex-end}.flex--justify-between{justify-content:space-between}.flex--justify-around{justify-content:space-around}.flex--justify-evenly{justify-content:space-evenly}.flex--nowrap{flex-wrap:nowrap}.flex--wrap{flex-wrap:wrap}.flex--wrap-reverse{flex-wrap:wrap-reverse}.flex--gap-0{gap:0}.flex--gap-1{gap:var(--space-1)}.flex--gap-2{gap:var(--space-2)}.flex--gap-3{gap:var(--space-3)}.flex--gap-4{gap:var(--space-4)}.flex--gap-6{gap:var(--space-6)}.flex--gap-8{gap:var(--space-8)}.flex--gap-12{gap:var(--space-12)}.flex--gap-16{gap:var(--space-16)}.flex-item--grow-0{flex-grow:0}.flex-item--grow-1{flex-grow:1}.flex-item--shrink-0{flex-shrink:0}.flex-item--shrink-1{flex-shrink:1}.flex-item--basis-0{flex-basis:0}.flex-item--basis-auto{flex-basis:auto}.flex-item--basis-full{flex-basis:100%}.flex-item--basis-1\/2{flex-basis:50%}.flex-item--basis-1\/3{flex-basis:33.333333%}.flex-item--basis-2\/3{flex-basis:66.666667%}.flex-item--basis-1\/4{flex-basis:25%}.flex-item--basis-3\/4{flex-basis:75%}.flex-item--flex-1{flex:1 1 0%}.flex-item--flex-auto{flex:1 1 auto}.flex-item--flex-initial{flex:0 1 auto}.flex-item--flex-none{flex:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}@media(768px<=width<1440px){.md-grid-cols-1{grid-template-columns:repeat(1,1fr)}.md-grid-cols-2{grid-template-columns:repeat(2,1fr)}.md-grid-cols-3{grid-template-columns:repeat(3,1fr)}.md-grid-cols-4{grid-template-columns:repeat(4,1fr)}.md-grid-cols-6{grid-template-columns:repeat(6,1fr)}.md-grid-cols-12{grid-template-columns:repeat(12,1fr)}}@media(width>=1440px){.lg-grid-cols-1{grid-template-columns:repeat(1,1fr)}.lg-grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg-grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg-grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg-grid-cols-6{grid-template-columns:repeat(6,1fr)}.lg-grid-cols-12{grid-template-columns:repeat(12,1fr)}}.col-span-full{grid-column:1 / -1}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}.col-span-12{grid-column:span 12}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}}@layer primitives{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);line-height:var(--line-height-normal);border:1px solid;border-radius:var(--radius-base);cursor:pointer;transition:all .2s ease;white-space:nowrap;text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.6}.btn--size-md{padding:var(--space-3);font-size:var(--font-size-sm)}.btn--size-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.btn--size-xs{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xxs)}.btn--variant-primary{background-color:var(--color-bg-inverse);color:var(--color-text-inverse);border-color:var(--color-border-inverse)}.btn--variant-primary:hover:not(:disabled){background-color:var(--color-bg-inverse-secondary);color:var(--color-text-inverse)}.btn--variant-secondary{background-color:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-primary)}.btn--variant-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-secondary);color:var(--color-text-primary)}.btn--ghost:not(:hover):not(:disabled){border-color:transparent;background-color:transparent}}@layer primitives{.select-container{position:relative;display:inline-flex;align-items:center}.select-container--full-width{width:100%}.select-button{cursor:pointer;position:relative;display:inline-flex;align-items:center;gap:var(--space-2);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-mute);border-radius:var(--radius-base);transition:border-color .2s ease,background-color .2s ease;font-family:inherit;color:var(--color-text-primary);width:100%}.select-button--size-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.select-button--size-md{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.select-button--size-lg{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base)}.select-button--variant-default{background-color:var(--color-bg-secondary);border-color:var(--color-border-mute)}.select-button--variant-ghost{background-color:transparent;border-color:transparent}.select-button--variant-ghost:hover{background-color:var(--color-bg-hover)}.select-button--variant-minimal{background-color:transparent;border:none;padding-left:0}.select-button--variant-icon{background-color:transparent;border:none;padding:0;width:auto}.select-icon{padding:var(--space-2);border-radius:var(--radius-base);background-color:var(--color-bg-secondary);transition:background-color var(--duration-200) var(--ease-in-out);flex-shrink:0;display:flex;align-items:center;justify-content:center}.select-button--variant-icon:hover .select-icon{background-color:var(--color-bg-mute)}.select-button:hover:not(:disabled){border-color:var(--color-border-primary)}.select-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.select-button:disabled{opacity:.5;cursor:not-allowed}.select-caret{margin-left:auto;color:var(--color-icon-secondary);width:16px;height:16px;flex-shrink:0;transition:transform .2s ease}.select-container[data-open=true] .select-caret{transform:rotate(180deg)}.select-dropdown{position:absolute;top:calc(100% + var(--space-1));width:100%;min-width:var(--size-24);background-color:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);z-index:100;padding:0;opacity:0;visibility:hidden;transform:translateY(calc(-1 * var(--space-2)));transition:opacity .2s,transform .2s,visibility .2s;max-height:var(--size-96);overflow-y:auto}.select-dropdown--align-left{left:0;right:auto}.select-dropdown--align-right{right:0;left:auto}.select-container[data-open=true] .select-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.select-option{display:flex;align-items:center;width:100%;padding:var(--space-2) var(--space-3);background-color:transparent;border:none;cursor:pointer;font:inherit;color:var(--color-text-primary);text-align:left;transition:background-color .2s}.select-option:first-child{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.select-option:last-child{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.select-option:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px;background-color:var(--color-bg-tertiary)}.select-option:hover{background-color:var(--color-bg-tertiary)}.select-option[aria-selected=true]{background:var(--color-bg-secondary)}.select-option:disabled{opacity:.5;cursor:not-allowed}.select-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer primitives{.card{border:var(--border-width-1) solid var(--color-border-secondary);border-radius:var(--radius-card);padding:var(--space-6)}}@layer patterns{.banner{width:100%;padding:var(--space-4) 0;border-bottom:var(--border-width-1) solid;position:relative}.banner--info{background-color:var(--color-bg-info);border-color:var(--color-border-info);color:var(--color-text-info)}.banner--warning{background-color:var(--color-bg-warning);border-color:var(--color-border-warning);color:var(--color-text-warning)}.banner__icon{margin:0}.banner__dismiss{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--space-1);color:inherit;border-radius:var(--radius-base);flex-shrink:0;position:absolute;top:var(--space-4);right:var(--space-4)}.banner__dismiss:hover{background-color:light-dark(oklch(0% 0 0 / .08),oklch(100% 0 0 / .08))}.banner__dismiss:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}}@layer patterns{.header{background-color:var(--color-bg-secondary);position:sticky;top:0;padding:var(--space-3) var(--space-4);z-index:var(--z-index-header);border-bottom:1px solid var(--color-border-secondary)}@media(width>=768px){.header{background-color:var(--color-bg-primary);position:fixed;top:0;left:0;right:0}.header .logo-link{display:none}}.skip-link{color:var(--color-text-primary)}.skip-link:focus{position:relative;padding:var(--space-2) var(--space-4);background-color:var(--color-bg-tertiary);text-decoration:none;border-radius:var(--radius-md);outline:1px solid var(--color-focus-ring);outline-offset:-2px;border:0;margin:0;overflow:visible;clip:auto;white-space:nowrap;width:auto;height:auto;font-size:var(--font-size-sm);line-height:var(--line-height-snug)}.logo-link{display:flex;align-items:center;text-decoration:none;border-radius:var(--radius-sm)}.logo{height:var(--size-5);width:auto}@media(width>=768px){.logo{height:var(--size-6)}}:root[data-theme=light] .logo-light,:root:not([data-theme]) .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:none}.hamburger{width:var(--size-9);height:var(--size-9);background:none;border:none;cursor:pointer;position:relative}@media(width>=768px){.hamburger{display:none}}.hamburger-line{width:50%;height:var(--size-0-5);margin:0;background-color:var(--color-icon-primary);border-radius:var(--radius-full);transition:transform var(--duration-300) var(--ease-in-out),opacity var(--duration-200) var(--ease-in-out);position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}.hamburger-line:nth-child(1){transform:translate(-50%) translateY(-.6rem)}.hamburger-line:nth-child(2){transform:translate(-50%) translateY(0)}.hamburger-line:nth-child(3){transform:translate(-50%) translateY(.6rem)}.hamburger.active .hamburger-line:nth-child(1){transform:translate(-50%) translateY(0) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0;transform:translate(-50%) translate(-1rem);display:none}.hamburger.active .hamburger-line:nth-child(3){transform:translate(-50%) translateY(0) rotate(-45deg)}@media(prefers-reduced-motion:reduce){.hamburger-line,.logo-link{transition:none}}}@layer patterns{.hero{position:relative;padding:var(--space-12) 0;background-color:var(--color-bg-primary);overflow:hidden}@media(width>=768px){.hero{padding:var(--space-14) 0 var(--space-20) 0}}@media(width>=1440px){.hero{padding:var(--space-20) 0}}.hero__video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.hero__video-poster,.hero__video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover}.hero__video{opacity:0;transition:opacity .5s ease-in}.hero__video[data-loaded=true]{opacity:1}.hero__video-poster--dark{display:none}[data-theme=dark] .hero__video-poster--dark{display:block}[data-theme=dark] .hero__video-poster--light{display:none}@media(prefers-color-scheme:dark){.hero__video-poster--dark{display:block}.hero__video-poster--light,[data-theme=light] .hero__video-poster--dark{display:none}[data-theme=light] .hero__video-poster--light{display:block}}.hero__video--dark{display:none}[data-theme=dark] .hero__video--dark{display:block}[data-theme=dark] .hero__video--light{display:none}@media(prefers-color-scheme:dark){.hero__video--dark{display:block}.hero__video--light,[data-theme=light] .hero__video--dark{display:none}[data-theme=light] .hero__video--light{display:block}}.hero__video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.15) 40%,rgba(255,255,255,.3) 70%,var(--color-bg-primary) 100%);z-index:1}.hero__video-control{position:absolute;bottom:var(--space-4);right:var(--space-12);z-index:2;width:var(--size-8);height:var(--size-8);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-secondary);border-radius:var(--radius-full);color:var(--color-text-tertiary);cursor:pointer;transition:all .2s ease;background-color:transparent}.hero__video-control:hover{border-color:var(--color-border-primary);color:var(--color-text-primary);transform:scale(1.05)}.hero__video-control:focus-visible{outline:2px solid var(--color-focus);color:var(--color-text-primary);outline-offset:2px}.hero__video-control:active{transform:scale(.98)}.hero__video-control svg{width:var(--size-3-5);height:var(--size-3-5)}.hero__video-control[data-state=playing] .hero__video-control-play,.hero__video-control[data-state=paused] .hero__video-control-pause{display:none}@media(width<768px){.hero__video-control{display:none}}@media(width>=768px){.hero__video-control{bottom:var(--space-6);right:var(--space-6)}}[data-theme=dark] .hero__video-overlay{background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.7) 70%,var(--color-bg-primary) 100%)}@media(prefers-color-scheme:dark){.hero__video-overlay{background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.7) 70%,var(--color-bg-primary) 100%)}[data-theme=light] .hero__video-overlay{background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.15) 40%,rgba(255,255,255,.3) 70%,var(--color-bg-primary) 100%)}}.hero__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-8)}@media(width>=768px){.hero__content{gap:var(--space-12)}}@media(width>=1440px){.hero__text-content{padding-right:var(--space-10)}}.hero__logo{width:var(--size-36)}.hero__logo svg{width:100%;height:auto}@media(width>=768px){.hero__logo{width:var(--size-52)}}.hero__logo-icon--dark{display:block}.hero__logo-icon--light,[data-theme=dark] .hero__logo-icon--dark{display:none}[data-theme=dark] .hero__logo-icon--light{display:block}@media(prefers-color-scheme:dark){.hero__logo-icon--dark{display:none}.hero__logo-icon--light,[data-theme=light] .hero__logo-icon--dark{display:block}[data-theme=light] .hero__logo-icon--light{display:none}}.hero__cta{width:100%;display:flex;margin:var(--space-8) 0;flex-direction:column;gap:var(--space-4)}@media(width>=768px){.hero__cta{margin:var(--space-12) 0;max-width:var(--size-96)}}}.hero__code .expressive-code .frame pre{backdrop-filter:blur(21px)}.hero__code .expressive-code figure{box-shadow:none}[data-theme=dark] .hero__code .expressive-code .frame pre{background-color:#0000009e}[data-theme=light] .hero__code .expressive-code .frame pre{background-color:color-mix(in srgb,var(--gray-950) 85%,transparent)}@media(prefers-color-scheme:dark){.hero__code .expressive-code .frame pre{background-color:#0000009e}[data-theme=light] .hero__code .expressive-code .frame pre{background-color:color-mix(in srgb,var(--gray-950) 85%,transparent)}}.hero__example-code .expressive-code .frame pre{padding:var(--space-3)}@layer patterns{.sidebar-backdrop{position:fixed;inset:0;background:color-mix(in oklch,var(--color-bg-primary) 50%,transparent);opacity:0;visibility:hidden;transition:opacity var(--duration-300) var(--ease-in-out),visibility var(--duration-300) var(--ease-in-out);z-index:var(--z-index-sidebar-backdrop)}@media(width>=768px){.sidebar-backdrop{display:none}}.sidebar-backdrop--visible{opacity:1;visibility:visible}.sidebar{background-color:var(--color-bg-secondary);transition:transform var(--duration-300) var(--ease-in-out);z-index:var(--z-index-sidebar);top:var(--space-14);overscroll-behavior:contain}@media(width<768px){.sidebar{visibility:hidden;transform:translate(-100%);overflow:hidden;top:var(--space-14);position:fixed;left:0;bottom:0;width:80%;max-width:var(--size-80)}.sidebar .sidebar-logo-item{display:none}}@media(width>=768px){.sidebar{position:sticky;align-self:flex-start;height:100vh;top:0;flex:0 0 auto}}.sidebar--open{transform:translate(0);visibility:visible}.sidebar-toggle-nested{position:absolute;top:var(--space-4);right:0;transform:translate3d(100%,0,0);z-index:30;display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);padding:0;background-color:var(--color-bg-tertiary);border:0;border-radius:0;cursor:pointer;color:var(--color-text-primary);border-radius:0 var(--radius-base) var(--radius-base) 0;opacity:1;visibility:visible;transition:background-color var(--duration-200) var(--ease-in-out),transform var(--duration-200) var(--ease-in-out),opacity var(--duration-200) var(--ease-in-out),visibility var(--duration-200) var(--ease-in-out)}.sidebar-toggle-nested:hover{color:var(--color-text-primary)}.sidebar-toggle-nested:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.sidebar-toggle-nested[aria-expanded=false]{transform:translate3d(100%,0,0) scale(-1);background-color:var(--color-bg-secondary);border-radius:var(--radius-base) 0 0 var(--radius-base) 0}.sidebar-toggle-nested[data-visible=false]{opacity:0;visibility:hidden;pointer-events:none}@media(width<768px){.sidebar-toggle-nested{display:none}}.sidebar-container{display:flex;flex-direction:row;position:relative;flex-grow:1;height:100%;transform:translate(0);transition:transform var(--duration-300) var(--ease-in-out)}.sidebar-container.sidebar-container--interactive{transition:transform var(--duration-300) var(--ease-in-out)}@media(width<768px){.sidebar-container:not([data-current-nav-level="0"]){transform:translate(-100%)}.sidebar-container[data-current-nav-level="2"] .sidebar-nested{transform:translate(-100%)}.sidebar-container[data-current-nav-level="3"] .sidebar-nested{transform:translate(-200%)}.sidebar-container[data-current-nav-level="4"] .sidebar-nested{transform:translate(-300%)}.sidebar-container[data-current-nav-level="5"] .sidebar-nested{transform:translate(-400%)}}@media(width>=768px){.sidebar-container[data-current-nav-level="0"] .sidebar-nested{width:0;overflow:hidden}.sidebar-container[data-current-nav-level="0"] .sidebar-nested-inner,.sidebar-container[data-current-nav-level="2"] .sidebar-nested-inner{transform:translate(-100%)}.sidebar-container[data-current-nav-level="3"] .sidebar-nested-inner{transform:translate(-200%)}.sidebar-container[data-current-nav-level="4"] .sidebar-nested-inner{transform:translate(-300%)}.sidebar-container[data-current-nav-level="5"] .sidebar-nested-inner{transform:translate(-400%)}}.sidebar-nested{display:flex;flex:1 0 100%;transition:transform var(--duration-300) var(--ease-in-out)}.sidebar-container--interactive .sidebar-nested{transition:transform var(--duration-300) var(--ease-in-out)}@media(width>=768px){.sidebar-nested{flex-basis:auto;overflow:hidden;width:var(--size-64);z-index:10;position:relative}.sidebar-container--interactive .sidebar-nested{transition:width var(--duration-300) var(--ease-in-out)}}.sidebar-nested-inner{display:flex;flex:1 0 100%}.sidebar-container--interactive .sidebar-nested-inner{transition:transform var(--duration-300) var(--ease-in-out)}@media(width>=768px){.sidebar-nested-inner{position:absolute;width:var(--size-64);height:100%;left:0;top:0}}.sidebar-column{display:flex;flex-direction:column;flex:1 0 100%;background-color:var(--color-bg-secondary);padding:var(--space-4);transition:transform var(--duration-300) var(--ease-in-out);overflow:auto}@media(width>=768px){.sidebar-root-column{flex:0 0 auto;padding:var(--space-5) var(--space-3) var(--space-4) var(--space-3);z-index:20}.sidebar-root-column .sidebar-nav-item{flex-direction:column}.sidebar-root-column .sidebar-nav-item--root-submenu .sidebar-nav-arrow{display:none}.sidebar-root-column .sidebar-nav-item--selected .sidebar-nav-icon{background-color:var(--color-bg-tertiary)}}.sidebar-nav{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-primary) transparent;scrollbar-gutter:stable;flex-grow:1;display:flex;flex-direction:column}.sidebar-nav-list{list-style:none;margin:0;padding:0;flex:1}.sidebar-nav-list li{margin:0}.sidebar-nav-content{overflow-y:auto;padding-right:var(--space-2)}.sidebar-nav-back{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;padding-bottom:var(--space-4);margin-bottom:var(--space-2);background:none;border:none;border-bottom:1px solid var(--color-border-mute);cursor:pointer;color:var(--color-text-primary);transition:color var(--duration-200) var(--ease-in-out);width:100%;text-align:left}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-section:last-child{margin-bottom:0}.sidebar-section-list{list-style:none;margin:0;margin-top:var(--space-3);padding:0}.sidebar-section-list li{margin:0}.sidebar-nav-content .sidebar-section-list{margin-left:var(--space-3);border-left:1px solid var(--color-border-mute)}h3+.sidebar-section-list{margin-top:0}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) 0;text-decoration:none;border:0;cursor:pointer;position:relative;transition:background-color var(--duration-200) var(--ease-in-out);background-color:transparent;border-radius:0 var(--radius-base) var(--radius-base) 0}@media(width>=768px){.sidebar-nav-item{gap:var(--space-1-5)}}.sidebar-nav-label{flex-grow:1;text-align:left}.sidebar-nav-item--nested{padding:var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);border-radius:var(--radius-base)}.sidebar-nav-item--nested:hover,.sidebar-nav-item--nested.sidebar-nav-item--active{background-color:var(--color-bg-secondary)}.sidebar-nav-item--nested:hover{color:var(--color-text-primary)}.sidebar-nav-item--nested:focus-visible{outline-offset:-2px;background-color:var(--color-bg-secondary)}.sidebar-nav-item--nested.sidebar-nav-item--active{font-weight:var(--font-weight-semibold);position:relative}.sidebar-nav-item--nested.sidebar-nav-item--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--size-0-5);background-color:var(--color-bg-inverse)}.sidebar-nav-icon{padding:var(--space-2);border-radius:var(--radius-base);background-color:var(--color-bg-secondary);transition:background-color var(--duration-200) var(--ease-in-out);flex-shrink:0}.sidebar-nav-item:hover .sidebar-nav-icon,.sidebar-nav-item--active .sidebar-nav-icon,.sidebar-nav-item--active.sidebar-nav-item--selected .sidebar-nav-icon{background-color:var(--color-bg-mute)}.sidebar-nav-arrow{flex-shrink:0;opacity:.6;transform:translate(0);transition:opacity var(--duration-200) var(--ease-in-out)}.sidebar-nav-item:hover .sidebar-nav-arrow{opacity:1}.sidebar-nav-item--submenu{display:flex;align-items:center;justify-content:space-between;text-align:left}.sidebar-nested-column{background-color:var(--color-bg-tertiary);position:relative}.sidebar-nav-panel{position:absolute;top:0;left:0;width:100%;z-index:0;opacity:0;padding:var(--space-4) var(--space-4) var(--space-8) var(--space-4)}@media(width>=768px){.sidebar-nav-panel{padding-top:var(--space-3)}}.sidebar-nav-panel:not(.sidebar-nav-panel--active){width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);border:0;white-space:nowrap}.sidebar-nav-panel--active{z-index:10;opacity:1;height:100%;display:flex;flex-direction:column}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar-backdrop,.sidebar-nav,.sidebar-nav-item{transition:none}}}@layer patterns{.toggle{border:0;background:none;cursor:pointer;display:flex;align-items:center;border-radius:var(--radius-base);transition:var(--transition-colors);gap:var(--space-3)}.toggle:hover .toggle-icon{background-color:var(--color-bg-mute)}.toggle-icon{padding:var(--space-2);border-radius:var(--radius-base);background-color:var(--color-bg-secondary);transition:background-color var(--duration-200) var(--ease-in-out);flex-shrink:0}:root[data-theme=light] .sun,:root:not([data-theme]) .sun{display:none}:root[data-theme=light] .label-dark,:root:not([data-theme]) .label-dark{display:none}:root[data-theme=dark] .label-light{display:none}:root[data-theme=dark] .moon{display:none}}@layer patterns{.version-switcher{gap:var(--space-2);padding-bottom:var(--space-3);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border-mute)}@media(width>=768px){.version-switcher{border-bottom:0;margin-bottom:0;padding-top:var(--space-3)}}}@layer patterns{.search-trigger{display:flex;align-items:center;gap:var(--space-6);background-color:transparent;border-radius:var(--radius-base);border:0;color:var(--color-text-tertiary);cursor:pointer;transition:background-color .2s,border-color .2s}.search-trigger:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-secondary);outline:none}.search-trigger:focus-visible{outline:1px solid var(--color-focus-ring)}.search-trigger span{line-height:var(--line-height-snug)}@media(width<768px){.search-trigger span{display:none}}.search-trigger svg{color:var(--color-icon-primary)}@media(width>=768px){.search-trigger{border:1px solid var(--color-border-secondary);padding:var(--space-1-5) var(--space-1-5) var(--space-1-5) var(--space-2)}}.search-trigger-icon{border-radius:var(--radius-base);transition:background-color var(--duration-200) var(--ease-in-out);flex-shrink:0}@media(width<768px){.search-trigger-icon{background-color:var(--color-bg-secondary);padding:var(--space-2)}.search-trigger-icon:hover{background-color:var(--color-bg-mute)}}.search-trigger-shortcut{margin-left:auto;font-size:var(--font-size-xs);color:var(--color-text-secondary);background-color:var(--color-bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base)}@media(width<768px){.search-trigger-shortcut{display:none}}}@layer patterns{.footer{background-color:var(--color-bg-primary);text-align:center;color:var(--color-text-secondary);border-top:1px solid var(--color-border-secondary)}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.footer__links{list-style:none;padding:0;margin:var(--space-4) 0}.footer__links li{display:inline;margin:0 var(--space-2)}.footer__links a{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.footer-top{padding:var(--space-6) 0}.footer-bottom{background-color:var(--color-bg-secondary);padding:var(--space-6) 0}.footer__logo{list-style:none;padding:0;margin:0}@media(width<768px){.footer__logo li{display:block;text-align:center}.footer__logo li a{display:inline-block;padding:var(--space-4) 0}}@media(width>=768px){.footer__logo{display:flex;align-items:center;gap:var(--space-8)}}.footer__socials{list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.footer__socials li{display:inline}.footer__socials svg{color:var(--color-icon-primary)}.footer__socials svg path{fill:currentColor}@media(width<768px){.footer__socials{padding:var(--space-4) 0 var(--space-6)}}@media(width>=768px){.footer__socials{justify-content:right;gap:var(--space-10)}}.footer-logo-dark{display:none}@media(prefers-color-scheme:dark){.footer-logo-light{display:none}.footer-logo-dark{display:block}}[data-theme=dark] .footer-logo-light{display:none}[data-theme=dark] .footer-logo-dark,[data-theme=light] .footer-logo-light{display:block}[data-theme=light] .footer-logo-dark{display:none}}@layer patterns{.features{padding:var(--space-8) 0}@media(width>=768px){.features{padding:var(--space-12) 0}}.features__header{padding-bottom:var(--space-8)}@media(width>=1440px){.features__header{align-self:start;padding-bottom:0;padding-right:var(--space-8)}}.features__cards{overflow:hidden;align-items:stretch;border-radius:var(--radius-card);border:var(--border-width-1) solid var(--color-border-secondary)}.features__card-col .card{flex:1;height:100%;border-radius:0;border-top:0;border-right:0;border-left:0}.features__card-col:last-child .card{border-bottom:0}@media(width>=768px){.features__card-col:nth-child(2n) .card{border-left:var(--border-width-1) solid var(--color-border-secondary)}.features__card-col:nth-last-child(-n+2) .card{border-bottom:0}}}