@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=IBM+Plex+Sans:wght@400;600&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-space-y-reverse:0}}}@layer theme{:root,:host{--font-sans:"IBM Plex Sans", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-semibold:600;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-canvas:#0c0e12;--color-elevated:#141820;--color-panel:#10141b;--color-ink:#e8ecf1;--color-muted:#8b95a5;--color-line:#243041;--color-accent:#d4ff4a;--color-accent-ink:#10140a;--color-danger:#ff6b6b;--radius-card:10px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(1200px 600px at 10% -10%, #1a2433 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #182018 0%, transparent 50%), var(--color-canvas)}html,body{min-height:100%}body{min-height:100vh;font-family:var(--font-sans);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000}code,pre{font-family:var(--font-mono)}button,input,select,textarea{font:inherit}}@layer components{.page-title{margin-bottom:var(--spacing);--tw-leading:1.15;--tw-font-weight:var(--font-weight-semibold);font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.15;font-weight:var(--font-weight-semibold);--tw-tracking:-.04em;letter-spacing:-.04em}.page-lead{margin-bottom:calc(var(--spacing) * 5);max-width:var(--container-2xl);color:var(--color-muted);font-size:.95rem}.playground{align-items:flex-start;gap:calc(var(--spacing) * 5);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}.panel{border-radius:var(--radius-card);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-panel);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3)}.panel h2{margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:.08em;letter-spacing:.08em;color:var(--color-muted);text-transform:uppercase}.preview-panel{top:4.5rem}@media (width>=861px){.preview-panel{position:sticky}}.option-group{margin-bottom:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:#1418208c}@supports (color:color-mix(in lab, red, red)){.option-group{background-color:color-mix(in oklab, var(--color-elevated) 55%, transparent)}}.option-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-size:.7rem;font-weight:var(--font-weight-semibold);--tw-tracking:.08em;letter-spacing:.08em;color:var(--color-muted);text-transform:uppercase;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));-webkit-user-select:none;user-select:none;list-style-type:none;display:flex}@media (hover:hover){.option-summary:hover{color:var(--color-ink)}}.option-summary::-webkit-details-marker{display:none}.option-summary:after{content:"+";font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;color:var(--color-muted);line-height:1}.option-group[open]>.option-summary:after{content:"−"}.option-body{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-line);padding-inline:calc(var(--spacing) * 3);padding-top:var(--spacing);padding-bottom:calc(var(--spacing) * 2)}.field{margin-bottom:calc(var(--spacing) * 2);gap:var(--spacing);display:grid}.field label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted)}.field input,.field select,.field textarea{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-elevated);width:100%;padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-ink);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;outline-style:none}:is(.field input,.field select,.field textarea):focus{border-color:#d4ff4a99}@supports (color:color-mix(in lab, red, red)){:is(.field input,.field select,.field textarea):focus{border-color:color-mix(in oklab, var(--color-accent) 60%, transparent)}}:is(.field input,.field select,.field textarea):focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#d4ff4a1a}@supports (color:color-mix(in lab, red, red)){:is(.field input,.field select,.field textarea):focus{--tw-ring-color:color-mix(in oklab, var(--color-accent) 10%, transparent)}}.field textarea{min-height:calc(var(--spacing) * 14);resize:vertical}.field input[type=color]{height:calc(var(--spacing) * 8);cursor:pointer;padding:calc(var(--spacing) * .5)}.field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.field input[type=color]::-webkit-color-swatch{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);border-radius:.25rem}.field input[type=range]{cursor:pointer;height:auto;padding-inline:0;padding-block:var(--spacing);accent-color:var(--color-accent)}.field input[type=file]{padding:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.field-row{gap:calc(var(--spacing) * 2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.check-row{margin-bottom:calc(var(--spacing) * 2);cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);color:var(--color-ink);font-size:.82rem;display:flex}.check-row input{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);accent-color:var(--color-accent)}.mono-input{min-height:calc(var(--spacing) * 11);font-family:var(--font-mono);font-size:.7rem}.field-note{margin-top:calc(var(--spacing) * 1.5);margin-bottom:calc(var(--spacing) * 2);font-size:.78rem}.muted,.field-note.muted{color:var(--color-muted)}.btn-row{margin-top:calc(var(--spacing) * 3);gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.btn{cursor:pointer;appearance:none;border-radius:var(--radius-md);border-style:var(--tw-border-style);background-color:var(--color-accent);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-accent-ink);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-width:0}@media (hover:hover){.btn:hover{--tw-brightness:brightness(105%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-ghost{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);color:var(--color-ink);background-color:#0000;font-size:.82rem}@media (hover:hover){.btn-ghost:hover{border-color:var(--color-muted);--tw-brightness:brightness(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.preview{border-radius:var(--radius-lg);background-color:#0f131a;background-image:linear-gradient(45deg,#1a1f28 25%,#0000 25%),linear-gradient(-45deg,#1a1f28 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1a1f28 75%),linear-gradient(-45deg,#0000 75%,#1a1f28 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;place-items:center;min-height:360px;display:grid;overflow:hidden}.preview-frame{aspect-ratio:1;border-radius:var(--radius-xl);background-color:var(--color-white);width:min(100%,320px);padding:calc(var(--spacing) * 3);--tw-shadow:0 18px 50px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);place-items:center;display:grid}.preview-frame-clear{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#0000;padding:0}.preview-frame svg{width:100%;height:auto;display:block}.preview-status{padding:calc(var(--spacing) * 4);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-muted)}.preview-error{color:var(--color-danger)}.meta-row{margin-top:calc(var(--spacing) * 3.5);justify-content:space-between;gap:calc(var(--spacing) * 4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-muted);display:flex}.bench-section-title{margin-top:calc(var(--spacing) * 7);margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:.08em;letter-spacing:.08em;color:var(--color-muted);text-transform:uppercase}.bench-size-grid{gap:calc(var(--spacing) * 3.5);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (width>=861px){.bench-size-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.bench-size-card h3,.bench-suite h3{font-family:var(--font-mono);--tw-tracking:-.02em;letter-spacing:-.02em;font-size:.95rem}.bench-size-card{height:10.25rem}.bench-size-card a{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.bench-size-card a:hover{color:var(--color-accent)}}.bench-version{margin-top:calc(var(--spacing) * .5);margin-bottom:calc(var(--spacing) * 3);font-family:var(--font-mono);color:var(--color-muted);font-size:.78rem}.bench-size-stats{margin-bottom:calc(var(--spacing) * 2);gap:calc(var(--spacing) * 3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bench-size-stats dt{--tw-tracking:.06em;letter-spacing:.06em;color:var(--color-muted);text-transform:uppercase;font-size:.7rem}.bench-size-stats dd{margin-top:calc(var(--spacing) * .5);font-family:var(--font-mono);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:-.03em;letter-spacing:-.03em}.bench-toolbar{margin-top:calc(var(--spacing) * 3.5);margin-bottom:calc(var(--spacing) * 6);align-items:flex-end;gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.bench-status{min-height:3lh;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-muted);flex-basis:100%;margin:0}.bench-status-line{min-height:1lh;display:block}.bench-progress{color:var(--color-ink)}.bench-live-slot{display:contents}.bench-suites{gap:calc(var(--spacing) * 3.5);display:grid}.bench-suite h3{margin-bottom:calc(var(--spacing) * 3)}.bench-bars{gap:calc(var(--spacing) * 3);padding:0;list-style-type:none;display:grid}.bench-bar-meta{margin-bottom:var(--spacing);justify-content:space-between;align-items:baseline;gap:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:flex}.bench-lib{align-items:center;gap:calc(var(--spacing) * 2);font-family:var(--font-mono);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);display:inline-flex}.bench-rel{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:#243041b3;border-radius:.25rem}@supports (color:color-mix(in lab, red, red)){.bench-rel{background-color:color-mix(in oklab, var(--color-line) 70%, transparent)}}.bench-rel{padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * .5);--tw-font-weight:var(--font-weight-semibold);font-size:.72rem;font-weight:var(--font-weight-semibold);--tw-tracking:-.02em;letter-spacing:-.02em;color:var(--color-muted)}.bench-bars li.is-leader .bench-rel{border-color:#d4ff4ab3}@supports (color:color-mix(in lab, red, red)){.bench-bars li.is-leader .bench-rel{border-color:color-mix(in oklab, var(--color-accent) 70%, transparent)}}.bench-bars li.is-leader .bench-rel{background-color:var(--color-accent);color:var(--color-accent-ink)}.bench-bars li.is-fastqrjs .bench-lib{color:var(--color-accent)}.bench-nums{font-family:var(--font-mono);font-size:.8rem}.bench-bar-track{height:calc(var(--spacing) * 2);background-color:#243041cc;border-radius:2147483647px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.bench-bar-track{background-color:color-mix(in oklab, var(--color-line) 80%, transparent)}}.bench-bar-fill{border-radius:inherit;background-color:#8b95a599;height:100%}@supports (color:color-mix(in lab, red, red)){.bench-bar-fill{background-color:color-mix(in oklab, var(--color-muted) 60%, transparent)}}.bench-bar-fill{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}.bench-bars li.is-fastqrjs .bench-bar-fill{background-color:var(--color-accent)}.bench-footnote{margin-top:calc(var(--spacing) * 5);max-width:var(--container-2xl)}.skeleton-line{height:calc(var(--spacing) * 3.5);background:linear-gradient(90deg,#243041cc 0%,#8b95a547 50%,#243041cc 100%);border-radius:.25rem;display:block}@supports (color:color-mix(in lab, red, red)){.skeleton-line{background:linear-gradient(90deg, color-mix(in srgb, var(--color-line) 80%, transparent) 0%, color-mix(in srgb, var(--color-muted) 28%, transparent) 50%, color-mix(in srgb, var(--color-line) 80%, transparent) 100%)}}.skeleton-line{background-size:200% 100%;animation:1.2s ease-in-out infinite skeleton-shimmer}.skeleton-line-sm{margin-top:calc(var(--spacing) * 1.5);margin-bottom:calc(var(--spacing) * 3);width:calc(var(--spacing) * 18)}.skeleton-line-md{width:calc(var(--spacing) * 36)}.skeleton-input{margin-top:var(--spacing);height:calc(var(--spacing) * 8)}.is-skeleton-btn{pointer-events:none;opacity:.45}.panel.is-skeleton{opacity:.9}.docs{border-radius:var(--radius-card);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-panel);padding-inline:clamp(1rem,3vw,2rem);padding-block:calc(var(--spacing) * 6)}.docs>*+*{margin-top:calc(var(--spacing) * 4)}.docs h1,.docs h2,.docs h3,.docs h4{--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:-.02em;letter-spacing:-.02em;color:var(--color-ink)}.docs h1{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));margin-top:0}.docs h2{margin-top:calc(var(--spacing) * 8);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-line);padding-top:calc(var(--spacing) * 4);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.docs h3{margin-top:calc(var(--spacing) * 6);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.docs h4{margin-top:calc(var(--spacing) * 5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.docs p,.docs li{color:#c9d2de}.docs ul{list-style-type:disc}:where(.docs ul>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}.docs ul{padding-left:calc(var(--spacing) * 6)}.docs ol{list-style-type:decimal}:where(.docs ol>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}.docs ol{padding-left:calc(var(--spacing) * 6)}.docs a{color:var(--color-accent);text-decoration-line:underline;text-decoration-color:#d4ff4a4d}@supports (color:color-mix(in lab, red, red)){.docs a{-webkit-text-decoration-color:color-mix(in oklab, var(--color-accent) 30%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--color-accent) 30%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--color-accent) 30%, transparent);text-decoration-color:color-mix(in oklab, var(--color-accent) 30%, transparent)}}.docs a{text-underline-offset:2px;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.docs a:hover{-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}}.docs pre{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));background-color:#0a0c10;overflow-x:auto}.docs code{font-size:.9em}.docs code.language-text{--tw-leading:1;line-height:1;display:block}.docs :not(pre)>code{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * .5);background-color:#0a0c10;border-radius:.25rem}.docs blockquote{border-left-style:var(--tw-border-style);border-left-width:3px;border-color:var(--color-accent);background-color:#d4ff4a14}@supports (color:color-mix(in lab, red, red)){.docs blockquote{background-color:color-mix(in oklab, var(--color-accent) 8%, transparent)}}.docs blockquote{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);color:var(--color-ink)}.docs img{border-radius:var(--radius-lg);max-width:100%;height:auto}.docs table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.docs th,.docs td{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);text-align:left}.docs hr{border-color:var(--color-line)}}@layer utilities{.static{position:static}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.mx-auto{margin-inline:auto}.flex{display:flex}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.w-\[min\(1120px\,calc\(100\%-2rem\)\)\]{width:min(1120px,100% - 2rem)}.shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.rounded{border-radius:.25rem}.rounded-\[5px\]{border-radius:5px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-line{border-color:var(--color-line)}.bg-canvas\/80{background-color:#0c0e12cc}@supports (color:color-mix(in lab, red, red)){.bg-canvas\/80{background-color:color-mix(in oklab, var(--color-canvas) 80%, transparent)}}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.font-mono{font-family:var(--font-mono)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[0\.75em\]{font-size:.75em}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.text-muted{color:var(--color-muted)}.underline{text-decoration-line:underline}.decoration-line{-webkit-text-decoration-color:var(--color-line);-webkit-text-decoration-color:var(--color-line);-webkit-text-decoration-color:var(--color-line);text-decoration-color:var(--color-line)}.underline-offset-4{text-underline-offset:4px}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:text-accent:is(:where(.group):hover *){color:var(--color-accent)}.group-hover\:decoration-accent:is(:where(.group):hover *){-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}}@media (width>=40rem){.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:text-\[0\.95rem\]{font-size:.95rem}}.\[\&_a\]\:text-muted a{color:var(--color-muted)}.\[\&_a\]\:transition-colors a{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[\&_a\:hover\]\:text-ink a:hover,.\[\&_a\[aria-current\=\'page\'\]\]\:text-ink a[aria-current=page],.\[\&_a\[data-active\]\]\:text-ink a[data-active]{color:var(--color-ink)}}@media (width>=861px){.playground{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
