@layer config,base,components,utilities;@layer config{:root{color-scheme:light dark}*,*:before,*:after{box-sizing:border-box;min-width:0}html{interpolate-size:allow-keywords;overflow-wrap:break-word;text-size-adjust:none}body{min-height:100dvh;margin:0;font-family:system-ui,sans-serif;line-height:1.5;text-rendering:optimizespeed}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid light-dark(#4285f4,#8ab4f8);outline-offset:2px}@supports (outline-color: AccentColor){:focus-visible{outline-color:AccentColor}}:target{scroll-margin-block:1rem}a:not([class]){text-decoration-skip-ink:auto}h1,h2,h3,h4,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;&[role=list]{padding-inline-start:0;list-style:none}& 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}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: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}[aria-hidden=false][hidden]{display:revert}[aria-hidden=false][hidden]:not(:focus){position:absolute;clip:rect(0,0,0,0)}.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}*{display:revert;box-sizing:border-box;all:unset}img{max-width:100%}input,textarea,select{all:revert}body{width:auto;margin:0;background-color:#fff!important;color:#000!important;font-family:serif;font-family:Georgia,serif;font-size:12pt;line-height:1.5}p,blockquote,label,ul,ol{margin-block:0 15pt}p:last-child{margin-bottom:0}h1{margin-block:0 24pt;font-size:18pt;font-weight:700;line-height:1.1}h2{margin-block:0 18pt;font-size:16pt;font-weight:700;line-height:1.1}h3{margin-block:0 15pt;font-size:14pt;font-weight:700}h4{margin-block:0 12pt;font-size:12pt;font-weight:700}.print{display:revert}.no-print{display:none}p,blockquote{orphans:3;widows:3}blockquote,ul,ol,figure,table{break-inside:avoid;page-break-inside:avoid}h1,h2,h3,h4,caption{break-after:avoid;page-break-after:avoid}a,a:link,a:visited{background:transparent!important;color:unset;font-weight:700;text-decoration:underline!important}a[href^=http]:after,a[href^=https]:after{content:" (" attr(href) ")"}video,object,iframe{display:none!important;width:0!important;height:0!important;overflow:hidden!important}}}@layer config{:root{--breakpoint-md: 48rem;--breakpoint-lg: 64rem;--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-56: 3.5rem;--spacing-64: 4rem;--spacing-80: 5rem;--spacing-128: 8rem;--spacing-160: 10rem;--spacing-180: 11.25rem;--spacing-260: 16.25rem;--font-base: system-ui, sans-serif;--font-poppins: poppins, sans-serif;--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-30: 1.875rem;--text-36: 2.25rem;--text-48: 3rem;--text-60: 3.75rem;--text-80: 5rem;--leading-20: 1.25rem;--leading-24: 1.5rem;--leading-28: 1.75rem;--leading-32: 2rem;--leading-36: 2.25rem;--leading-40: 2.5rem;--leading-48: 3rem;--leading-56: 3.5rem;--leading-80: 5rem;--leading-100: 6.25rem;--radius-none: 0;--radius-md: .25rem;--radius-lg: .5rem;--radius-xl: 1.5rem;--radius-full: 9999px;--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;--color-gray-50: oklch(97% 0 0);--color-gray-100: oklch(92.2% 0 0);--color-gray-200: oklch(87% 0 0);--color-gray-300: oklch(70.8% 0 0);--color-gray-400: oklch(55.6% 0 0);--color-gray-500: oklch(43.9% 0 0);--color-gray-600: oklch(37.1% 0 0);--color-gray-700: oklch(26.9% 0 0);--color-gray-800: oklch(20.5% 0 0);--color-gray-900: oklch(14.5% 0 0);--color-white: oklch(100% 0 0);--color-black: oklch(0% 0 0);--color-red-100: oklch(97% .1 27.52);--color-red-300: oklch(70.54% .19 27.52);--color-red-500: oklch(50.54% .19 27.52);--color-red-700: oklch(35.54% .19 27.52);--color-red-900: oklch(20.54% .11 27.52);--color-green-100: oklch(97% .06 150.73);--color-green-300: oklch(71.66% .13 150.73);--color-green-500: oklch(51.66% .13 150.73);--color-green-700: oklch(36.66% .13 150.73);--color-green-900: oklch(21.66% .13 150.73);--color-orange-100: oklch(97% .08 49.95);--color-orange-300: oklch(83.15% .17 49.95);--color-orange-500: oklch(63.15% .17 49.95);--color-orange-700: oklch(48.15% .17 49.95);--color-orange-900: oklch(33.15% .11 49.95);--color-blue-100: oklch(97% .09 256.37);--color-blue-300: oklch(71.33% .18 256.37);--color-blue-500: oklch(51.33% .18 256.37);--color-blue-700: oklch(36.33% .18 256.37);--color-blue-900: oklch(21.33% .11 256.37);--color-slate-50: oklch(100% .01 257.32);--color-slate-100: oklch(98% .01 257.32);--color-slate-200: oklch(94.5% .02 257.32);--color-slate-300: oklch(84.5% .04 257.32);--color-slate-400: oklch(74.5% .04 257.32);--color-slate-500: oklch(64.5% .04 257.32);--color-slate-600: oklch(54.5% .04 257.32);--color-slate-700: oklch(44.5% .04 257.32);--color-slate-800: oklch(37.1668% .0392 257.32);--color-slate-900: oklch(24.5% .02 257.32);--color-slate-fade: oklch(37.17% .02 257.32);--color-slate-bright: oklch(37.17% .05 257.32)}}@layer config{:root{color-scheme:light dark;&[data-theme=light]{color-scheme:light}&[data-theme=dark]{color-scheme:dark}--primary: var(--color-blue-500);--on-primary: var(--color-white);--surface: light-dark(var(--color-white), var(--color-gray-800));--on-surface: light-dark(var(--color-gray-900), var(--color-gray-100));--on-surface-secondary: light-dark( var(--color-gray-600), var(--color-gray-300) );--layer-1: light-dark(var(--color-gray-50), var(--color-gray-900));--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(--color-green-500), var(--color-orange-300));--link-hover: light-dark(var(--color-green-500), var(--color-orange-300));--selection: light-dark(var(--color-orange-300), var(--color-orange-500));--accent: light-dark(var(--primary), var(--color-blue-300));--accent-invert: light-dark(var(--color-blue-300), var(--primary));--warning: light-dark(var(--color-orange-500), var(--color-orange-300));--error: light-dark(var(--color-red-500), var(--color-red-300));--success: light-dark(var(--color-green-300), var(--color-green-500));--border-light: var(--color-gray-200);--border-medium: var(--color-gray-400);--border-dark: var(--color-gray-600);--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), 1.0054rem + 1.087vw, var(--text-30));--text-2xl: clamp(var(--text-24), 1.2065rem + 1.3043vw, var(--text-36));--text-3xl: clamp(var(--text-30), 1.4348rem + 1.9565vw, var(--text-48));--gap-s: clamp(var(--spacing-8), .2955rem + .9091vw, var(--spacing-16));--gap-m: clamp(var(--spacing-16), .5909rem + 1.8182vw, var(--spacing-32));--gap-l: clamp(var(--spacing-24), .8864rem + 2.7273vw, var(--spacing-48));--gap-xl: clamp(var(--spacing-32), .7727rem + 5.4545vw, var(--spacing-80));--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-control-background: light-dark( var(--color-slate-200), var(--color-slate-700) );--on-form-control: light-dark(var(--color-gray-900), var(--color-gray-100));--form-control-spacing: var(--spacing-12) var(--spacing-16);--form-control-border-width: 1px;--form-control-border-color: var(--color-gray-400);--form-control-border-radius: var(--radius-md);--checkables-border-color: var(--color-gray-400);--checkable-size: 1.25em;--focus-ring-color: AccentColor;--focus-ring-width: 2px;--focus-ring-offset: 2px}}@layer config{[data-layout*=stack]{display:grid;row-gap:var(--gap-m, 1rem)}[data-layout*=cluster]{display:flex;flex-wrap:wrap;gap:var(--gap-m, 1rem);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(--gap-m, 1rem)}[data-layout*=switcher]{display:grid;gap:var(--gap-m, 1rem);@media (width >= 48rem){grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}[data-layout*=repel]{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:var(--gap-m, 1rem)}[data-layout*=reel]{--item-size: 35%;display:flex;max-width:100%;height:auto;margin-inline:auto;overflow-x:auto;gap:var(--gap-m, 1rem);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;:where(&>*){flex-basis:var(--item-size);flex-shrink:0}&[data-scroll=start]>*{scroll-snap-align:start}&[data-scroll=center]>*{scroll-snap-align:center}&[data-scroll=end]>*{scroll-snap-align:end}&[data-scrollbar=hidden]{scrollbar-width:none;&::-webkit-scrollbar{display:none}}}[data-layout*=duo]{display:grid;align-content:start;gap:var(--gap-m, 1rem);@media (width >= 48rem){grid-template-columns:minmax(0,1fr) minmax(0,1fr);&[data-model="2-1"]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}&[data-model="1-2"]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}&[data-model="3-1"]{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}&[data-model="1-3"]{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}&[data-model=auto-1]{grid-template-columns:auto minmax(0,1fr)}&[data-model="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-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(&>*){grid-column:content}}[data-layout*=splash]{display:grid;grid-column:liquid;grid-template-columns:inherit;:where(&>*){grid-column:content}}[data-layout*=splash-start]{display:grid;grid-column:liquid-start / content-end;grid-template-columns:subgrid;:where(&>*){grid-column:content}}[data-layout*=splash-end]{display:grid;grid-column:content-start / liquid-end;grid-template-columns:subgrid;:where(&>*){grid-column:content}}[data-layout*=splash-half-start]{display:grid;grid-column:liquid-start / half;grid-template-columns:subgrid;:where(&>*){grid-column:content-start / half}}[data-layout*=splash-half-end]{display:grid;grid-column:half / liquid-end;grid-template-columns:subgrid;:where(&>*){grid-column:half / content-end}}[data-gap=s]{gap:var(--gap-s, .5rem)}[data-gap=m]{gap:var(--gap-m, 1rem)}[data-gap=l]{gap:var(--gap-l, 2rem)}[data-gap=xl]{gap:var(--gap-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-control-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-control-border-color, ButtonBorder);--button-border-color-hover: var(--button-border-color);--button-border-color-active: var(--button-border-color);--button-border-radius: var(--form-control-border-radius, 0);--button-border-width: var(--form-control-border-width, 1px);--button-text-color: var(--on-form-control, 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-control-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(:not(:disabled,[disabled])){&:hover{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)}&: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)}}&.btn-primary:where(:not(:disabled,[disabled])){--button-background-color: var(--primary, AccentColor);--button-border-color: transparent;--button-text-color: var(--on-primary, #ffffff)}&.btn-secondary:where(:not(:disabled,[disabled])){--button-background-color: var(--color-slate-300, GrayText);--button-border-color: transparent;--button-text-color: var(--primary, #ffffff)}&.btn-reset:where(:not(:disabled,[disabled])){--button-background-color: transparent;--button-border-color: transparent;--button-text-color: currentcolor}&:is(:disabled,[disabled]){opacity:50%;cursor:not-allowed;& *{pointer-events:none}}}[type=checkbox]:not([role=switch]){--checkbox-background-color: var(--form-control-background, Field);--checkbox-background-color-checked: var(--primary, AccentColor);--checkbox-border-color: var(--checkables-border-color, ButtonBorder);--checkbox-border-radius: var(--form-control-border-radius, 0);--checkbox-border-width: var(--form-control-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;&:is(:checked,:indeterminate){background-color:var(--checkbox-background-color-checked);box-shadow:inset 0 0 0 var(--checkbox-border-width) transparent}&:checked:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--on-primary, #ffffff);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}&:indeterminate:after{content:"";position:absolute;width:100%;height:100%;background-color:currentcolor;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}&:is(:disabled,[disabled]){opacity:50%;cursor:not-allowed}}.form-group:has([type=checkbox]:disabled) label{opacity:50%;cursor:not-allowed}details{--details-padding: var(--spacing-16, 1rem);--details-border-color: var(--form-control-border-color, ButtonBorder);--details-border-radius: var(--form-control-border-radius, 0);--details-border-width: var(--form-control-border-width, 1px);--details-summary-background-color: var(--layer-1, Canvas);--details-summary-background-hover: oklch( from var(--details-summary-background-color) calc(l*.9) c h );--details-summary-padding: var(--spacing-12, .75rem) var(--spacing-16, 1rem);--details-content-background-color: var(--surface, Field);--details-text-color: var(--on-form-control, FieldText);border:var(--details-border-width) solid var(--details-border-color);border-radius:var(--details-border-radius);& summary{display:flex;align-items:center;justify-content:space-between;padding:var(--details-summary-padding);transition:background-color;transition-duration:var(--transition-duration, .25s);background-color:var(--details-summary-background-color);color:var(--details-text-color, currentcolor);font-weight:var(--font-weight-semibold, 600);line-height:1.3;list-style:none;cursor:pointer;user-select:none;&::-webkit-details-marker{display:none}&: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}&:hover{background-color:var(--details-summary-background-hover)}}&[open]{.details-title:after{rotate:180deg}}@media (prefers-color-scheme: dark){& 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>")}}& summary+*{padding:var(--details-padding);border-top:none;background-color:var(--details-content-background-color);>:first-child{margin-top:0}>:last-child{margin-bottom:0}}}@supports (interpolate-size: allow-keywords){summary+*{display:none;height:0;transition:var(--transition-duration, .25s) allow-discrete;transition-property:opacity,height,display;interpolate-size:allow-keywords}details[open] summary+*{display:grid;height:auto;@starting-style{height:0}}}@media (prefers-reduced-motion: reduce){details{& summary:after{transition:none}& summary+*{transition:none}}}dialog{--dialog-background-color: var(--surface, Field);--dialog-text-color: var(--on-surface, CanvasText);--dialog-border-color: var(--form-control-border-color, ButtonBorder);--dialog-border-radius: var(--form-control-border-radius, 0);--dialog-border-width: var(--form-control-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);&:not([open]){display:none}&::backdrop{background-color:var(--dialog-backdrop-color);backdrop-filter:blur(3px)}&[open]{animation:dialog-show var(--transition-duration, .25s) ease-out}&.dialog-sm{--dialog-max-width: 24rem}&.dialog-lg{--dialog-max-width: 48rem}&.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;&:hover{background-color:var(--layer-2, GrayText)}}.dialog-body{padding:var(--dialog-padding);overflow-y:auto;>:first-child{margin-top:0}>: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;&::backdrop{animation:none}}}@media (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-control-background, Field);--input-border-color: var(--form-control-border-color, ButtonBorder);--input-border-radius: var(--form-control-border-radius, 0);--input-border-width: var(--form-control-border-width, 1px);--input-text-color: var(--on-form-control, ButtonText);display:block;width:100%;padding:var(--form-control-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;&:disabled{opacity:50%;cursor:not-allowed}&:user-invalid{--input-border-color: var(--error);--input-border-width: 2px}&:user-valid{--input-border-color: var(--success);--input-border-width: 2px}&::placeholder{opacity:100%;color:var(--on-surface-secondary, #6b7280)}}:where(input[type=search]){appearance:textfield;&::-webkit-search-decoration,&::-webkit-search-cancel-button,&::-webkit-search-results-button,&::-webkit-search-results-decoration{appearance:none}}:where(input[type=number]){&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{appearance:none;margin:0}appearance:textfield}:where(input[type=date],input[type=time],input[type=datetime-local]){cursor:pointer;&::-webkit-calendar-picker-indicator{transition:opacity var(--transition-duration, .25s);opacity:60%;cursor:pointer;&:hover{opacity:100%}}}:where(input[type=file]){padding:var(--spacing-8, .5rem) var(--spacing-12, .75rem);cursor:pointer;&::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;&:hover{background-color:oklch(from var(--primary, AccentColor) calc(l*.9) c h)}}&::-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;&:hover{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-control-background, Field);--radio-border-color: var(--checkables-border-color, ButtonBorder);--radio-border-radius: var(--radius-full, 9999px);--radio-border-width: var(--form-control-border-width, 1px);--radio-thumb-color: var(--accent, AccentColor);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;&:before{content:"";width:calc(var(--checkable-size, 1.25em) / 1.8);height:calc(var(--checkable-size, 1.25em) / 1.8);transition-property:scale;transition-duration:var(--transition-duration, .25s);border-radius:var(--radius-full, 9999px);background-color:var(--radio-thumb-color);scale:0}&:checked{&:before{scale:1}}&: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]{width:100%;overflow:hidden;background:#fff0;color:AccentColor;--range-thumb-size: 24px;--range-thumb-border-width: 4px;--range-thumb-border-color: #ffffff;--range-track-color: var(--form-control-border-color, ButtonBorder);--range-track-height: 3px;--range-clip-edges: 3px}[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-clip-edges) -1px,0 var(--clip-top),-100vmax var(--clip-top),-100vmax var(--clip-bottom),0 var(--clip-bottom),var(--range-clip-edges) 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-control-border-radius, 4px);background-color:var(--form-control-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-control-background, Field);--select-border-color: var(--form-control-border-color, ButtonBorder);--select-border-radius: var(--form-control-border-radius, 0);--select-border-width: var(--form-control-border-width, 1px);--select-text-color: var(--on-form-control, FieldText);display:block;width:100%;padding:var(--form-control-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-12, .75rem) 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;&: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}@media (prefers-color-scheme: dark){&: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>")}&: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>")}}&[multiple]{padding-right:var(--spacing-16, 1rem);background-image:none;cursor:default}}:where(optgroup){color:var(--on-surface-secondary, inherit);font-weight:var(--font-weight-bold, 700)}[role=switch]{--switch-width: 2.5rem;--switch-height: 1.5rem;--switch-track-color: var(--form-control-background, ButtonFace);--switch-track-color-checked: var(--success, GrayText);--switch-thumb-size: var(--switch-height);--switch-thumb-color: ButtonBorder;--switch-thumb-color-checked: var(--success, GrayText);--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;&:before{content:"";transition-property:flex-grow;transition-duration:var(--transition-duration, .25s)}&:after{content:"";flex-shrink:0;width:var(--switch-thumb-size);height:var(--switch-thumb-size);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="green" 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%}&:checked:before{flex-grow:1}&[data-variant=check]:checked{border-color:var(--switch-track-color-checked);background-color:var(--switch-thumb-color-checked);&:before{flex-grow:1}&:after{scale:.8;background-color:var(--on-primary, #ffffff);background-size:70%}}&:disabled{opacity:50%;cursor:not-allowed;&:after{box-shadow:none}}}.form-group:has([type=checkbox][role=switch]:disabled) label{opacity:50%;cursor:not-allowed}textarea{--textarea-background-color: var(--form-control-background, Field);--textarea-border-color: var(--form-control-border-color, ButtonBorder);--textarea-border-radius: var(--form-control-border-radius, 0);--textarea-border-width: var(--form-control-border-width, 1px);--textarea-text-color: var(--on-form-control, ButtonText);display:block;width:100%;min-height:5lh;padding:var(--form-control-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;&:disabled{opacity:50%;resize:none;cursor:not-allowed}&:user-invalid{--textarea-border-color: var(--error);--textarea-border-width: 2px}&::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(--on-surface-secondary, GrayText);font-size:var(--text-14, .875rem);font-weight:var(--font-weight-medium, 500);text-align:right;&.warning{color:var(--warning, #f97316)}&.danger{color:var(--error, #ef4444);font-weight:var(--font-weight-semibold, 600)}}@media (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-control-border-color, ButtonBorder);--hr-border-width: var(--form-control-border-width, 1px);margin-block:var(--spacing-16, 1rem);border:0;border-top:var(--hr-border-width) solid var(--hr-border-color);&.hr-primary{--hr-border-color: var(--primary, AccentColor)}&.hr-medium{--hr-border-width: calc(var(--form-control-border-width, 1px) * 2)}&.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-control-border-color, ButtonBorder );--table-border-width: var( --form-control-border-width, 1px );--table-layout: fixed;--table-border-collapse: collapse;--table-border-spacing: 0;--table-zebra-mix: 95%;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);& caption{margin-block:var(--spacing-8, .5rem);color:var(--on-surface-secondary, inherit);text-align:left}& th,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}& thead th{background-color:var(--layer-1, Canvas);font-weight:var(--font-weight-semibold, 600)}& tfoot th,tfoot td{background-color:var(--layer-1, Canvas);font-weight:var(--font-weight-medium, 500)}& tbody tr:nth-child(odd){background-color:color-mix(in oklch,var(--surface, Field) var(--table-zebra-mix, 95%),transparent)}}.table-responsive{--table-min-width: 48rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;>table{min-width:var( --table-min-width, 48rem )}}}@layer base{@font-face{font-family:Poppins;font-style:normal;font-weight:100 900;font-display:swap;src:url(/KNACSS/fonts/Poppins-Variable-opti.woff2) format("woff2") tech("variations"),url(/KNACSS/fonts/Poppins-Variable-opti.woff2) format("woff2-variations")}body{background-color:var(--surface);color:var(--on-surface);font-family:var(--font-poppins);font-size:var(--text-m);font-weight:var(--font-weight-regular);&.no-scroll{overflow:hidden}}*::selection{background:var(--selection)}:root{--font-mono: "SF Mono", monaco, "Cascadia Code", "Roboto Mono", consolas, "Courier New", monospace}.homepage-header{padding:var(--spacing-32);border-radius:var(--radius-md);text-align:center}.homepage-header h1{margin:0 0 var(--spacing-8) 0;color:var(--on-surface);font-size:var(--text-3xl);font-weight:var(--font-weight-bold)}.homepage-header p{margin:0;color:var(--on-surface-secondary);font-size:var(--text-l)}.homepage-section{padding:var(--spacing-32);border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--layer-1)}.homepage-section h2{margin:0 0 var(--spacing-24) 0;padding-bottom:var(--spacing-8);border-bottom:2px solid var(--border-medium);color:var(--on-surface);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold)}.homepage-section p{margin:0 0 var(--spacing-24) 0;color:var(--on-surface-secondary)}.homepage-pre{padding:var(--spacing-24);overflow-x:auto;border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--surface);color:var(--on-surface);font-family:var(--font-mono);font-size:var(--text-14);line-height:var(--leading-20)}.homepage-code{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);background:var(--layer-3);color:var(--on-surface);font-family:var(--font-mono);font-size:var(--text-14)}.homepage-pre .homepage-code{padding:0;background:none}.dependency-category{padding:var(--spacing-24);border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--surface)}.dependency-category h4{margin:0 0 var(--spacing-16) 0;color:var(--on-surface);font-size:var(--text-16);font-weight:var(--font-weight-semibold)}.dependency-list{display:grid;margin:0;padding:0;list-style:none;gap:var(--spacing-8)}.dependency-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-8);border-radius:var(--radius-md);background:var(--layer-1);color:var(--on-surface);font-family:var(--font-mono);font-size:var(--text-14)}.dependency-version{color:var(--on-surface-secondary);font-size:var(--text-14)}.homepage-footer{margin-top:var(--spacing-32);padding:var(--spacing-32);border-top:1px solid var(--border-medium);color:var(--on-surface-secondary);font-size:var(--text-14);text-align:center}[data-layout=cluster],[data-layout=stack]{gap:var(--gap-s)}.styleguide-component-preview[data-layout=stack]{gap:var(--gap-m)}.homepage-main{display:grid;gap:var(--spacing-32);@media (width >= 64rem){grid-template-columns:repeat(2,1fr);>.homepage-styleguide{grid-column:span 2}}}.dependency-grid{--stack-gap: var(--spacing-16)}.homepage-nav{margin:0;padding:0}}.styleguide-header{padding:var(--spacing-m) var(--spacing-l);border-bottom:1px solid var(--border-medium);background-color:var(--layer-1);& h1{margin-bottom:var(--spacing-16);font-size:var(--text-2xl)}& nav ul{display:flex;margin:0;padding:0;list-style:none;gap:var(--spacing-16)}& nav a{color:var(--link);text-decoration:none;&:hover,&:focus{text-decoration:underline}}}.styleguide-main{padding:var(--spacing-24) var(--spacing-16)}.styleguide-section{margin-bottom:var(--spacing-48);>h2{margin-bottom:var(--spacing-24);padding-bottom:var(--spacing-8);border-bottom:1px solid var(--border-medium);font-size:var(--text-xl)}}.styleguide-component{margin-bottom:var(--spacing-32);border:1px solid var(--border-medium);border-radius:var(--radius-lg);background-color:var(--surface)}.styleguide-component-title{margin:0;padding:var(--spacing-12) var(--spacing-16);border-bottom:1px solid var(--border-medium);font-size:var(--text-l)}.styleguide-component-preview{padding:var(--spacing-24)}.styleguide-component-actions{padding:var(--spacing-16);border-top:1px solid var(--border-medium);text-align:right}.styleguide-component-code{--code-bg: var(--layer-2);padding:var(--spacing-16);border-top:1px solid var(--border-medium);border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);background-color:var(--code-bg);font-size:var(--text-14);& syntax-highlight{display:block;margin:0;padding:var(--spacing-12);overflow:auto;border-radius:var(--radius-8, 8px);background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre-wrap}}.code-highlight{--she-background: transparent}.styleguide-footer{margin-top:var(--spacing-48);padding:var(--spacing-24) var(--spacing-16);border-top:1px solid var(--border-medium);color:var(--on-surface-secondary);text-align:center}.styleguide-layout{display:grid;grid-template-columns:280px 1fr;min-height:100dvh}.styleguide-sidebar{position:sticky;top:0;align-self:start;height:100dvh;padding:var(--spacing-24) var(--spacing-16);overflow:auto;border-right:1px solid var(--border-medium);background-color:var(--layer-1);.styleguide-nav ul{display:grid;margin:0;padding:0;list-style:none;gap:var(--spacing-8)}& a{display:block;padding:var(--spacing-8) var(--spacing-12);border-radius:var(--radius-8, 8px);color:var(--link);text-decoration:none;&:hover,&:focus{background-color:var(--layer-2);text-decoration:underline}&[aria-current=page]{background-color:var(--primary, #3366cc);color:var(--on-primary, #ffffff);text-decoration:none}}}@media (width < 64rem){.styleguide-layout{grid-template-columns:1fr}.styleguide-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border-medium)}}@layer syntax-highlight-element{syntax-highlight{white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;overflow:auto;tab-size:2;hyphens:none}}@layer syntax-highlight-element{syntax-highlight{--prettylights-bg: light-dark(#f6f8fa, #151b23);--prettylights-fg: light-dark(#1f2328, #f0f6fc);--prettylights-comment: light-dark(#59636e, #9198a1);--prettylights-constant: light-dark(#0550ae, #79c0ff);--prettylights-constant-other-reference-link: light-dark(#0a3069, #a5d6ff);--prettylights-entity: light-dark(#6639ba, #d2a8ff);--prettylights-entity-tag: light-dark(#0550ae, #7ee787);--prettylights-keyword: light-dark(#cf222e, #ff7b72);--prettylights-bold: light-dark(#f0f6fc, #f0f6fc);--prettylights-deleted-bg: light-dark(#ffebe9, #67060c);--prettylights-deleted-text: light-dark(#82071e, #ffdcd7);--prettylights-heading: light-dark(#0550ae, #1f6feb);--prettylights-inserted-bg: light-dark(#dafbe1, #033a16);--prettylights-inserted-text: light-dark(#116329, #aff5b4);--prettylights-italic: light-dark(#f0f6fc, #f0f6fc);--prettylights-string: light-dark(#0a3069, #a5d6ff);--prettylights-string-regexp: light-dark(#116329, #7ee787);--prettylights-variable: light-dark(#953800, #ffa657);color-scheme:light dark;color:var(--prettylights-fg);background-color:var(--prettylights-bg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.6}::highlight(punctuation),::highlight(number),::highlight(atrule){color:var(--prettylights-fg)}::highlight(namespace){opacity:.7}::highlight(comment),::highlight(prolog),::highlight(doctype),::highlight(cdata){color:var(--prettylights-comment)}::highlight(constant),::highlight(attr-name),::highlight(char),::highlight(builtin),::highlight(operator){color:var(--prettylights-constant)}::highlight(property),::highlight(tag),::highlight(boolean),::highlight(symbol){color:var(--prettylights-entity-tag)}::highlight(entity),::highlight(selector),::highlight(class-name),::highlight(function){color:var(--prettylights-entity)}::highlight(keyword),::highlight(rule){color:var(--prettylights-keyword)}::highlight(string),::highlight(attr-value){color:var(--prettylights-string)}::highlight(variable){color:var(--prettylights-variable)}::highlight(regex){font-weight:700;color:var(--prettylights-string-regexp)}::highlight(italic){font-style:italic;color:var(--prettylights-italic)}::highlight(bold){font-weight:700;color:var(--prettylights-bold)}::highlight(deleted){color:var(--prettylights-deleted-text);background-color:var(--prettylights-deleted-bg)}::highlight(inserted){color:var(--prettylights-inserted-text);background-color:var(--prettylights-inserted-bg)}::highlight(url){text-decoration:underline;color:var(--prettylights-constant-other-reference-link)}::highlight(important){color:var(--prettylights-heading)}::highlight(css-important){color:var(--prettylights-keyword)}::highlight(md-title){color:var(--prettylights-heading)}::highlight(md-list){color:var(--prettylights-variable)}}