.SzbVNG_block{--code-radius:var(--harmo-border-radius);margin-block:0 var(--space-md);position:relative}.SzbVNG_block[data-file]{--code-radius:0 0 var(--harmo-border-radius) var(--harmo-border-radius)}.SzbVNG_block[data-file] .SzbVNG_copy{box-shadow:none;inset-block-start:calc((var(--space-lg) - 1.8125rem)/2)}.SzbVNG_file{align-items:center;gap:var(--space-2xs);box-sizing:border-box;min-block-size:var(--space-lg);padding-inline:var(--space-sm) var(--space-xl);border-block-end:1px solid var(--harmo-color-border);border-radius:var(--harmo-border-radius) var(--harmo-border-radius) 0 0;background:var(--harmo-color-background-secondary);color:var(--harmo-color-text-secondary);font-family:var(--font-geist-mono),monospace;font-size:var(--harmo-font-size-xs);display:flex}.SzbVNG_file svg{flex:none;block-size:1rem;inline-size:1rem;overflow:visible}.SzbVNG_code pre{padding:var(--space-sm) var(--space-xl) var(--space-sm) var(--space-sm);border-radius:var(--code-radius);background:var(--harmo-color-background-secondary);color:var(--shiki-light);font-family:var(--font-geist-mono),monospace;font-size:var(--harmo-font-size-sm);font-variant-ligatures:none;line-height:var(--line-body);scrollbar-width:none;margin:0;overflow-x:auto}.SzbVNG_code pre::-webkit-scrollbar{display:none}.SzbVNG_code span{color:var(--shiki-light)}.SzbVNG_code[data-terminal] pre{padding-inline-start:calc(var(--space-sm) + 1rem + var(--space-xs))}.SzbVNG_code[data-numbered] code{counter-reset:line}.SzbVNG_code[data-numbered] .line:before{inline-size:calc(var(--line-digits)*1ch);color:var(--harmo-color-text-tertiary);text-align:end;content:counter(line);counter-increment:line;margin-inline-end:var(--space-sm);display:inline-block}.SzbVNG_terminal{block-size:1rem;inline-size:1rem;color:var(--harmo-color-text-tertiary);pointer-events:none;position:absolute;inset-block-start:calc(var(--space-sm) + (var(--line-body) - 1rem)/2);inset-inline-start:var(--space-sm)}:is([data-theme=dark] .SzbVNG_code pre,[data-theme=dark] .SzbVNG_code span){color:var(--shiki-dark)}[data-colorscheme] .SzbVNG_block{--raised:color-mix(in srgb, var(--t-foreground) 15%, var(--t-background));--harmo-color-background-secondary:var(--t-background);--harmo-color-background-hover:var(--raised);--harmo-color-border:var(--raised);--harmo-color-primary-tint:var(--raised);--harmo-color-text:var(--t-foreground);--harmo-color-text-secondary:var(--t-foreground);--harmo-color-text-tertiary:var(--t-token-comment);--harmo-button-secondary-color-text:var(--t-foreground);--harmo-button-secondary-color-border:var(--raised);--harmo-button-secondary-hover-color-border:var(--t-foreground)}:is([data-colorscheme] .SzbVNG_block .SzbVNG_code pre,[data-colorscheme] .SzbVNG_block .SzbVNG_code span){color:var(--shiki-s)}.SzbVNG_expander{--toggle-room:calc(1.8125rem + var(--space-sm));border-radius:var(--code-radius);background:var(--harmo-color-background-secondary);scroll-margin-block-start:var(--space-md);position:relative;overflow:hidden}.SzbVNG_expander pre{border-radius:0}.SzbVNG_clip{block-size:calc(var(--space-2xl) + var(--space-xl));transition:block-size var(--harmo-duration-fast) var(--harmo-ease-out-cubic);overflow:hidden}[data-expanded]>.SzbVNG_clip{block-size:calc(var(--code-lines)*var(--line-body) + 2*var(--space-sm) + var(--toggle-room));transition-duration:var(--harmo-duration-slow)}@media (prefers-reduced-motion:reduce){.SzbVNG_clip{transition:none}}.SzbVNG_fade{--fade:var(--harmo-color-background-secondary);block-size:var(--space-2xl);background:linear-gradient(to top, var(--fade) 45%, color-mix(in srgb, var(--fade) 60%, transparent) 75%, transparent);pointer-events:none;transition:opacity var(--harmo-duration-fast) var(--harmo-ease-out-cubic);position:absolute;inset-block-end:0;inset-inline:0}[data-expanded]>.SzbVNG_fade{opacity:0;transition-duration:var(--harmo-duration-slow)}.SzbVNG_toggle{pointer-events:none;justify-content:center;display:flex;position:absolute;inset-block-end:var(--space-sm);inset-inline:0}.SzbVNG_toggle>*{pointer-events:auto}.SzbVNG_block .SzbVNG_copy{--harmo-color-background-hover:var(--harmo-color-border);background:var(--harmo-color-background-secondary);box-shadow:.25rem 0 0 .75rem var(--harmo-color-background-secondary);position:absolute;inset-block-start:calc(var(--space-sm) + (var(--line-body) - 1.8125rem)/2);inset-inline-end:var(--space-sm)}.SzbVNG_block .SzbVNG_copy>svg{block-size:1rem;inline-size:1rem}
.jcwyea_scroll{margin-block:0 var(--space-md);overflow-x:auto}.jcwyea_table{border-collapse:collapse;inline-size:100%;color:var(--harmo-color-text-secondary);font-size:var(--harmo-font-size-sm);line-height:var(--line-body)}.jcwyea_table th,.jcwyea_table td{padding:var(--space-xs) var(--space-md) var(--space-xs) 0;border-block-end:1px solid var(--harmo-color-border);text-align:start;vertical-align:top}.jcwyea_table th{color:var(--harmo-color-text);font-weight:600}.jcwyea_table td:last-child{min-inline-size:12rem}.jcwyea_table code{border-radius:var(--harmo-border-radius-sm);background:var(--harmo-color-background-secondary);font-family:var(--font-geist-mono),monospace;white-space:nowrap;padding:.125em .375em;font-size:.875em;line-height:1}
.EOvp4G_example{margin-block:var(--space-xl);scroll-margin-block-start:var(--space-sm)}.EOvp4G_example:first-of-type{margin-block-start:var(--space-md)}.EOvp4G_example:last-of-type{margin-block-end:var(--space-2xl)}.EOvp4G_example>h3{margin-block-start:0}.EOvp4G_note{margin-block:0 var(--space-sm);color:var(--harmo-color-text-secondary);line-height:var(--line-body)}.EOvp4G_note code{border-radius:var(--harmo-border-radius-sm);background:var(--harmo-color-background-secondary);font-family:var(--font-geist-mono),monospace;padding:.125em .375em;font-size:.875em;line-height:1}.EOvp4G_card{border:1px solid var(--harmo-color-border);border-radius:var(--harmo-border-radius)}.EOvp4G_preview,.EOvp4G_frame{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.EOvp4G_preview{padding:var(--space-xl) var(--space-lg);justify-content:center;position:relative}@media (max-width:48rem){.EOvp4G_preview{padding:var(--space-lg) var(--space-sm)}}.EOvp4G_preview>p{margin:0}.EOvp4G_preview[data-layout=stack],.EOvp4G_preview[data-layout=wide]{flex-direction:column}.EOvp4G_preview[data-layout=stack]>*{inline-size:100%;max-inline-size:24rem}.EOvp4G_preview[data-layout=wide]{align-items:stretch}.EOvp4G_replay{position:absolute;inset-block-start:var(--space-xs);inset-inline-end:var(--space-xs)}.EOvp4G_frame{max-inline-size:100%;padding:var(--space-xs);border:1px dashed var(--harmo-color-border-control);border-radius:var(--harmo-border-radius-sm)}.EOvp4G_source{border-block-start:1px solid var(--harmo-color-border)}.EOvp4G_tabs{padding-block-start:var(--space-2xs);padding-inline-start:var(--space-sm)}.EOvp4G_card .EOvp4G_panel>div{--code-radius:0 0 var(--harmo-border-radius) var(--harmo-border-radius);margin:0}
div.XT6Z0G_notice{z-index:10;box-sizing:border-box;max-inline-size:calc(100vw - 2*var(--space-sm));display:none;position:fixed;inset-block-end:var(--space-sm);inset-inline-end:var(--space-sm)}body:has([data-command-line]) div.XT6Z0G_notice{inset-block-end:calc(3rem + var(--space-sm))}.XT6Z0G_dot{background:var(--harmo-color-primary);border-radius:50%;display:block}
.IMmcfG_wrap{box-sizing:border-box;max-inline-size:88rem;padding-inline:var(--space-sm);margin-inline:auto}.IMmcfG_blocks{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:var(--space-md);display:grid}@media (max-width:75rem){.IMmcfG_blocks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:48rem){.IMmcfG_blocks{grid-template-columns:minmax(0,1fr)}}.IMmcfG_column{gap:var(--space-md);flex-direction:column;min-inline-size:0;display:flex}.IMmcfG_grow{flex:1}.IMmcfG_wide{grid-column:span 2;min-inline-size:0}@media (max-width:48rem){.IMmcfG_wide{grid-column:auto}}.IMmcfG_card{--harmo-card-padding:var(--space-md);gap:var(--space-sm);border-radius:calc(var(--harmo-border-radius)*1.5);flex-direction:column;min-inline-size:0;display:flex}@media (max-width:30rem){.IMmcfG_card{--harmo-card-padding:var(--space-sm)}}.IMmcfG_head{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}.IMmcfG_title{font-size:var(--text-h2);font-weight:600;line-height:var(--line-body);margin:0}.IMmcfG_description{color:var(--harmo-color-text-secondary);font-size:var(--harmo-font-size-sm);margin-block-start:.125rem}.IMmcfG_form{gap:var(--space-sm);flex-direction:column;display:flex}.IMmcfG_row{align-items:start;gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.IMmcfG_between{justify-content:space-between;align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.IMmcfG_between a{font-size:var(--harmo-font-size-sm)}.IMmcfG_end{justify-content:flex-end;align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.IMmcfG_fill{inline-size:100%}.IMmcfG_fill svg{flex:none;block-size:1.25rem;inline-size:1.25rem}.IMmcfG_small{color:var(--harmo-color-text-secondary);font-size:var(--harmo-font-size-sm);margin:0}.IMmcfG_or{align-items:center;gap:var(--space-xs);color:var(--harmo-color-text-secondary);font-size:var(--harmo-font-size-xs);display:flex}.IMmcfG_or:before,.IMmcfG_or:after{border-block-start:1px solid var(--harmo-color-border);content:"";flex:1}.IMmcfG_person{align-items:center;gap:var(--space-xs);min-inline-size:0;display:flex}.IMmcfG_person strong{font-weight:600;display:block}.IMmcfG_summary{gap:var(--space-2xs);color:var(--harmo-color-text-secondary);font-size:var(--harmo-font-size-sm);margin:0;display:grid}.IMmcfG_summary>div{justify-content:space-between;gap:var(--space-sm);display:flex}.IMmcfG_summary dt,.IMmcfG_summary dd{margin:0}.IMmcfG_summary dd{color:var(--harmo-color-text);font-variant-numeric:tabular-nums}.IMmcfG_summary [data-total]{border-block-start:1px solid var(--harmo-color-border);color:var(--harmo-color-text);padding-block-start:var(--space-2xs);font-weight:600}.IMmcfG_big{align-items:center;gap:var(--space-xs);font-size:var(--text-h1);font-variant-numeric:tabular-nums;font-weight:600;line-height:var(--line-h1);flex-wrap:wrap;margin:0;display:flex}.IMmcfG_chart{align-items:stretch;gap:var(--space-2xs);flex:1;min-block-size:9rem;display:flex}.IMmcfG_chart>*{flex:1;min-inline-size:0;display:flex}.IMmcfG_bar{border-radius:var(--harmo-border-radius-sm);background:0 0;border:0;flex:1;min-inline-size:0;padding:0;position:relative}.IMmcfG_bar:before{block-size:var(--bar-height);border-radius:var(--harmo-border-radius-sm) var(--harmo-border-radius-sm) 0 0;background:var(--harmo-color-primary);content:"";transform-origin:bottom;animation:IMmcfG_bar-grow var(--harmo-duration-slow) var(--harmo-ease-out-cubic);transition:background-color var(--harmo-duration-fast) ease;position:absolute;inset-block-end:0;inset-inline:0}@media (prefers-reduced-motion:reduce){.IMmcfG_bar:before{animation:none}}.IMmcfG_bar:focus-visible{outline:var(--harmo-focus-outline);outline-offset:2px}@media (hover:hover) and (pointer:fine){.IMmcfG_bar:hover:before{background:var(--harmo-color-primary-hover)}}@keyframes IMmcfG_bar-grow{0%{opacity:0;transform:scaleY(.6)}}.IMmcfG_axis{justify-content:space-between;gap:var(--space-sm);color:var(--harmo-color-text-secondary);font-size:var(--harmo-font-size-xs);margin-block-start:calc(var(--space-xs)*-1);display:flex}.IMmcfG_usage{gap:var(--space-2xs);font-size:var(--harmo-font-size-sm);display:grid}.IMmcfG_toolbar{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.IMmcfG_toolbar>:first-child{flex:1;min-inline-size:10rem}.IMmcfG_scroll{border-radius:var(--harmo-border-radius-sm);overflow-x:auto}.IMmcfG_scroll:focus-visible{outline:var(--harmo-focus-outline);outline-offset:2px}.IMmcfG_table{border-collapse:collapse;inline-size:100%;min-inline-size:36rem;font-size:var(--harmo-font-size-sm)}.IMmcfG_table th,.IMmcfG_table td{padding:var(--space-2xs) var(--space-xs);border-block-end:1px solid var(--harmo-color-border);text-align:start;white-space:nowrap}.IMmcfG_table th{color:var(--harmo-color-text-secondary);font-weight:500}.IMmcfG_table tbody tr:last-child td{border-block-end:0}.IMmcfG_table [data-end]{font-variant-numeric:tabular-nums;text-align:end}.IMmcfG_table [data-empty]{padding-block:var(--space-md);color:var(--harmo-color-text-secondary);text-align:center}.IMmcfG_note{margin-block:var(--space-md) 0;color:var(--harmo-color-text-secondary);font-size:var(--harmo-font-size-sm);text-align:center}
._0iwLdG_main{padding-block-end:var(--space-2xl)}@media (max-width:48rem){._0iwLdG_main{padding-block-end:var(--space-xl)}}._0iwLdG_hero{isolation:isolate;padding-block:var(--space-2xl);position:relative;overflow-x:clip}@media (max-width:75rem){._0iwLdG_hero{padding-block-start:var(--space-md)}}@media (max-width:48rem){._0iwLdG_hero{padding-block:var(--space-sm) var(--space-xl)}}._0iwLdG_heroSection{text-align:center;justify-content:center;display:flex}._0iwLdG_copy{flex-direction:column;align-items:center;display:flex}._0iwLdG_title{margin-block:0 var(--space-md);font-size:clamp(var(--text-h1),6vw,var(--text-display));letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.26}._0iwLdG_subtitle{max-inline-size:46rem;margin-block:0 var(--space-lg);color:var(--harmo-color-text-secondary);font-size:var(--text-h2);text-wrap:balance;line-height:2rem}._0iwLdG_actions{justify-content:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:no-preference){._0iwLdG_title,._0iwLdG_subtitle,._0iwLdG_actions{animation:.7s cubic-bezier(.19,1,.22,1) backwards _0iwLdG_hero-focus}._0iwLdG_title{--rise:1rem;--soften:6px}._0iwLdG_subtitle{--rise:.625rem;--soften:4px;animation-delay:70ms}._0iwLdG_actions{--rise:.375rem;--soften:0;animation-delay:.14s}}@keyframes _0iwLdG_hero-focus{0%{opacity:0;filter:blur(var(--soften));transform:translateY(var(--rise))}}@media (prefers-reduced-motion:reduce){._0iwLdG_title,._0iwLdG_subtitle,._0iwLdG_actions{animation:.2s backwards _0iwLdG_hero-fade}}@keyframes _0iwLdG_hero-fade{0%{opacity:0}}
.vtcL-q_items li>*{margin-block:var(--space-xs) 0}.vtcL-q_items li+li{margin-block-start:var(--space-sm)}.vtcL-q_preview>*{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}
._KjMUa_paths{margin-block-start:var(--space-md)}@media (max-width:40rem){._KjMUa_paths{flex-direction:column}}._KjMUa_paths ._KjMUa_option{align-items:flex-start;gap:var(--space-2xs);padding:var(--space-sm);white-space:normal;flex-direction:column}@media (max-width:40rem){._KjMUa_paths ._KjMUa_option{flex-basis:auto}}._KjMUa_title{font-weight:600}._KjMUa_description{color:var(--harmo-color-text-secondary);line-height:1.5}
.UKIn8G_command{margin-block-end:var(--space-sm)}.UKIn8G_panel{margin-block-start:var(--space-sm)}html[data-package-manager] .UKIn8G_command:not([data-hydrated]){visibility:hidden}
.S3Qgeq_install{position:relative}.S3Qgeq_panel>div{margin-block-end:0}@media (min-width:30rem){.S3Qgeq_panel .htabs{margin-block-start:0;position:absolute;inset-block-start:0;inset-inline-end:0}}
.mN3AtW_controls{gap:var(--space-md);margin-block:var(--space-md);display:grid}.mN3AtW_corners{align-items:flex-end;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.mN3AtW_corners>:first-child{flex:3 20rem}.mN3AtW_radius{align-items:center;gap:var(--space-xs);min-block-size:var(--harmo-control-height);color:var(--harmo-color-text-secondary);font-size:var(--harmo-font-size-sm);flex:2 10rem;display:flex}.mN3AtW_radius input{min-inline-size:0;accent-color:var(--harmo-color-primary);cursor:pointer;flex:1;margin:0}.mN3AtW_radius input:focus-visible{outline:var(--harmo-focus-outline);outline-offset:2px}.mN3AtW_radius span{font-variant-numeric:tabular-nums;text-align:end;min-inline-size:2.5rem}.mN3AtW_colors{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.mN3AtW_swatches{gap:var(--space-xs);flex-wrap:wrap;display:flex}.mN3AtW_swatch{box-sizing:border-box;background:var(--harmo-color-primary);cursor:pointer;border-radius:50%;block-size:1.75rem;inline-size:1.75rem;display:block;position:relative}.mN3AtW_swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.mN3AtW_swatch:has(:checked){outline:2px solid var(--harmo-color-text);outline-offset:2px}.mN3AtW_swatch:has(:focus-visible){outline:var(--harmo-focus-outline);outline-offset:2px}.mN3AtW_custom{align-items:center;gap:var(--space-2xs);color:var(--harmo-color-text-secondary);font-size:var(--harmo-font-size-sm);cursor:pointer;display:inline-flex}.mN3AtW_custom input{box-sizing:border-box;border:1px solid var(--harmo-color-border-control);cursor:pointer;background:0 0;border-radius:50%;block-size:1.75rem;inline-size:1.75rem;padding:0;overflow:hidden}.mN3AtW_custom input::-webkit-color-swatch-wrapper{padding:0}.mN3AtW_custom input::-webkit-color-swatch{border:0}.mN3AtW_custom input::-moz-color-swatch{border:0}.mN3AtW_custom[data-chosen]{color:var(--harmo-color-text);font-weight:500}.mN3AtW_reset{margin-inline-start:auto}.mN3AtW_preview{gap:var(--space-md);padding:var(--space-md);border:1px solid var(--harmo-color-border);border-radius:var(--harmo-border-radius);margin-block-end:var(--space-md);display:grid}.mN3AtW_panel{gap:var(--space-sm);color:var(--harmo-color-text-secondary);font-family:var(--harmo-font-family);font-size:var(--harmo-font-size-sm);margin-block-start:var(--space-sm);display:grid}.mN3AtW_panel[hidden]{display:none}.mN3AtW_fields{align-items:start;gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:40rem){.mN3AtW_fields{grid-template-columns:minmax(0,1fr)}}.mN3AtW_footer{justify-content:space-between;align-items:center;gap:var(--space-sm);border-block-start:1px solid var(--harmo-color-border);flex-wrap:wrap;padding-block-start:var(--space-sm);display:flex}.mN3AtW_footer p{color:var(--harmo-color-text-secondary);font-size:var(--harmo-font-size-sm);margin:0}.mN3AtW_actions{gap:var(--space-xs);display:flex}