@layer properties,theme,base;@layer components{._9ZZMOW_root{margin:calc(var(--spacing) * .5);border-radius:var(--radius-md);background-color:var(--color-bg-mute);padding-inline:calc(var(--spacing) * 1.5);@media (width>=40rem){padding-block:calc(var(--spacing) * .5)}}._9ZZMOW_withColors{align-items:center;gap:calc(var(--spacing) * 1);display:inline-flex;@container style(--writing:vertical){gap:0;display:inline}}._9ZZMOW_swatch{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3);border:1px solid var(--color-border-base);border-radius:var(--radius-sm);forced-color-adjust:none;flex-shrink:0;display:inline-block}@scope(.code-annotate-block){:scope[data-annotated] .line{padding-inline-start:1.2em;position:relative}.code-annotate-highlight,.code-annotate-add,.code-annotate-remove,.code-annotate-has-callout,.code-annotate-callout-line{inline-size:100%;display:inline-block}.code-annotate-highlight{background-color:color-mix(in oklab, var(--color-border-warning) 16%, transparent);box-shadow:inset 6px 0 0 var(--color-border-warning)}.code-annotate-add{background-color:color-mix(in oklab, var(--color-border-success) 14%, transparent);box-shadow:inset 6px 0 0 var(--color-border-success)}.code-annotate-add:before{content:"＋";color:var(--color-fg-success);font-weight:700;position:absolute;inset-inline-start:.4em}.code-annotate-remove{background-color:color-mix(in oklab, var(--color-border-error) 12%, transparent);box-shadow:inset 6px 0 0 var(--color-border-error)}.code-annotate-remove:before{content:"－";color:var(--color-fg-error);font-weight:700;position:absolute;inset-inline-start:.4em}.code-annotate-has-callout{background-color:color-mix(in oklab, var(--color-border-info) 18%, transparent);box-shadow:inset 6px 0 0 var(--color-border-info)}.code-annotate-callout-line{padding-block:.6em .3em;font-size:.9em}.code-annotate-callout-text{background-color:var(--color-fg-info);color:var(--color-fg-inverse);border-radius:.5em;padding:.5em 1em;font-weight:500;line-height:1.4;display:inline-block;position:relative}.code-annotate-callout-text:before{content:"";border-inline:.5em solid #0000;border-block-end:.5em solid var(--color-fg-info);block-size:0;inline-size:0;position:absolute;inset-block-start:-.45em;inset-inline-start:1em}:scope{writing-mode:horizontal-tb;margin-block:1.5rem}:scope:has(>.code-annotate-copy){--code-surface:var(--color-bg-surface);--code-ink:var(--color-fg-base);--code-mute:var(--color-fg-mute);--code-pill:var(--color-bg-mute);background-color:var(--code-surface);border-radius:.75rem;margin-block:1.75rem;position:relative}:scope:has(>.code-annotate-copy)>.shiki{tab-size:2;padding:1rem 1.25rem;background-color:#0000!important}:scope:has(>.code-annotate-tab)>.shiki{padding-block-start:.375rem}.code-annotate-tab{font-family:var(--font-family-mono);color:var(--code-mute);padding:.75rem 3rem 0 1.25rem;font-size:.75rem;line-height:1;display:block}.code-annotate-copy{background-color:var(--code-surface);border-radius:.5rem;display:inline-flex;position:absolute;inset-block-start:.4rem;inset-inline-end:.4rem}:scope:has(>.code-annotate-copy):is(.code-annotate-group *){background-color:#0000;border-radius:0;margin:0}:scope:is(.code-annotate-group *)>.code-annotate-tab{display:none}:scope:has(>.code-annotate-copy):is(.code-annotate-group *)>.shiki{padding-block-start:.5rem}:scope:is(.code-annotate-group *)>.code-annotate-copy{inset-block-start:-1.85rem}}::view-transition-group(.code-group){animation-duration:.2s;animation-timing-function:ease-out}.code-annotate-group{--code-surface:var(--color-bg-surface);--code-ink:var(--color-fg-base);--code-mute:var(--color-fg-mute);--code-pill:var(--color-bg-mute);--code-track:var(--color-bg-mute);--code-segment:var(--color-bg-base);writing-mode:horizontal-tb;background-color:var(--code-surface);border-radius:.75rem;margin-block:1.75rem}.code-annotate-group-tabs{background-color:var(--code-track);border-radius:.6rem;gap:.125rem;max-inline-size:calc(100% - 4rem);margin:.5rem 0 0 .75rem;padding:.2rem;display:inline-flex;overflow-x:auto}.code-annotate-group-tab{font-family:var(--font-family-mono);color:var(--code-mute);cursor:pointer;border-radius:.45rem;flex:none;padding:.4rem .8rem;font-size:.75rem;line-height:1;transition:color .15s ease-out,background-color .15s ease-out}.code-annotate-group-tab:hover{color:var(--code-ink)}.code-annotate-group-tab[aria-selected=true]{background-color:var(--code-segment);color:var(--code-ink)}.code-annotate-group-tab:focus-visible{outline:2px solid var(--color-border-info);outline-offset:-2px}.writing-v .code-annotate-block:not(.code-annotate-group *),.writing-v .code-annotate-group{margin-inline:1rem}@media not print{.dark .code-annotate-group{--code-track:var(--color-bg-subtle);--code-segment:var(--color-bg-mute)}.dark .shiki{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}.dark .shiki span:not(.line,.code-annotate-callout-text){color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}@media print{.dark:where(:has(.print-as-shown)) .code-annotate-group{--code-track:var(--color-bg-subtle);--code-segment:var(--color-bg-mute)}.dark:where(:has(.print-as-shown)) .shiki{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}.dark:where(:has(.print-as-shown)) .shiki span:not(.line,.code-annotate-callout-text){color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}.Rbe-HG_heading{font-weight:var(--font-weight-bold);@media (width>=40rem){@media (hover:hover){&:hover .Rbe-HG_anchorIcon{opacity:1}}}}.Rbe-HG_anchor{position:relative}.Rbe-HG_anchorIcon{top:var(--spacing);box-sizing:content-box;color:var(--color-fg-mute);opacity:0;transition:opacity var(--duration-slow) var(--easing-in-out);padding-inline-end:calc(var(--spacing) * 2);position:absolute;@container style(--writing:vertical){right:auto;left:calc(var(--spacing) * 1.5);padding-inline-end:0}}.Rbe-HG_h2{margin-top:calc(var(--spacing) * 10);margin-bottom:calc(var(--spacing) * 4);font-size:var(--font-size-xl);line-height:var(--line-height-tight);@media (width>=40rem){font-size:var(--font-size-2xl)}& .Rbe-HG_anchorIcon{top:calc(var(--spacing) * 1.5);inset-inline-start:calc(var(--spacing) * -7);@container style(--writing:vertical){top:calc(var(--spacing) * -7)}}}.Rbe-HG_h3{margin-top:calc(var(--spacing) * 10);margin-bottom:calc(var(--spacing) * 4);font-size:var(--font-size-xl);line-height:var(--line-height-tight);@media (width>=40rem){font-size:var(--font-size-2xl)}& .Rbe-HG_anchorIcon{inset-inline-start:calc(var(--spacing) * -7);@container style(--writing:vertical){top:calc(var(--spacing) * -7)}}}.Rbe-HG_h4{margin-top:calc(var(--spacing) * 8);margin-bottom:calc(var(--spacing) * 3);font-size:var(--font-size-lg);line-height:var(--line-height-tight);@media (width>=40rem){font-size:var(--font-size-xl)}& .Rbe-HG_anchorIcon{top:calc(var(--spacing) * 2);inset-inline-start:calc(var(--spacing) * -5);@container style(--writing:vertical){top:calc(var(--spacing) * -5)}}}.Rbe-HG_h5{margin-top:calc(var(--spacing) * 6);margin-bottom:calc(var(--spacing) * 2);font-size:var(--font-size-md);line-height:var(--line-height-tight);@media (width>=40rem){font-size:var(--font-size-lg)}& .Rbe-HG_anchorIcon{top:calc(var(--spacing) * 1.5);inset-inline-start:calc(var(--spacing) * -5);@container style(--writing:vertical){top:calc(var(--spacing) * -5)}}}.Rbe-HG_h6{margin-top:calc(var(--spacing) * 5);margin-bottom:calc(var(--spacing) * 2);font-size:var(--font-size-sm);line-height:var(--line-height-tight);@media (width>=40rem){font-size:var(--font-size-md)}& .Rbe-HG_anchorIcon{inset-inline-start:calc(var(--spacing) * -5);@container style(--writing:vertical){top:calc(var(--spacing) * -5)}}}.Rbe-HG_paragraph{margin-block:calc(var(--spacing) * 4);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);@media (width>=40rem){font-size:var(--font-size-md);line-height:calc(var(--spacing) * 7)}@container style(--writing:vertical){text-indent:1em}}.Rbe-HG_code{font-size:var(--font-size-sm);line-height:var(--line-height-sm);@media (width>=40rem){font-size:var(--font-size-md);line-height:var(--line-height-md)}}.Rbe-HG_listItem{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);@media (width>=40rem){font-size:var(--font-size-md);line-height:calc(var(--spacing) * 7)}&::marker{color:var(--color-fg-subtle)}}.Rbe-HG_unorderedList,.Rbe-HG_orderedList{gap:calc(var(--spacing) * 2);margin-block:calc(var(--spacing) * 5);font-size:var(--font-size-sm);line-height:var(--line-height-sm);flex-direction:column;padding-inline-start:calc(var(--spacing) * 6);display:flex;@media (width>=40rem){font-size:var(--font-size-md);line-height:var(--line-height-md)}}.Rbe-HG_unorderedList{list-style-type:disc}.Rbe-HG_orderedList{list-style-type:decimal}.Rbe-HG_blockquote{margin-block:calc(var(--spacing) * 6);border-inline-start:2px solid var(--color-primary-border);color:var(--color-fg-mute);font-size:var(--font-size-sm);line-height:var(--line-height-sm);padding-inline-start:calc(var(--spacing) * 3)}}@layer utilities;
