@layer components{@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(--border-warning) 16%, transparent);box-shadow:inset 6px 0 0 var(--border-warning)}.code-annotate-add{background-color:color-mix(in oklab, var(--border-success) 14%, transparent);box-shadow:inset 6px 0 0 var(--border-success)}.code-annotate-add:before{content:"＋";color:var(--fg-success);font-weight:700;position:absolute;inset-inline-start:.4em}.code-annotate-remove{background-color:color-mix(in oklab, var(--border-error) 12%, transparent);box-shadow:inset 6px 0 0 var(--border-error)}.code-annotate-remove:before{content:"－";color:var(--fg-error);font-weight:700;position:absolute;inset-inline-start:.4em}.code-annotate-has-callout{background-color:color-mix(in oklab, var(--border-info) 18%, transparent);box-shadow:inset 6px 0 0 var(--border-info)}.code-annotate-callout-line{padding-block:.6em .3em;font-size:.9em}.code-annotate-callout-text{background-color:var(--fg-info);color:var(--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(--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(--bg-surface);--code-ink:var(--fg-base);--code-mute:var(--fg-mute);--code-pill:var(--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{color:var(--code-mute);padding:.75rem 3rem 0 1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;line-height:1;display:block}.code-annotate-copy{background-color:var(--code-surface);color:var(--code-mute);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:.35rem;transition:color .15s ease-out,background-color .15s ease-out;display:inline-flex;position:absolute;inset-block-start:.4rem;inset-inline-end:.4rem}.code-annotate-copy:hover{color:var(--code-ink);background-color:var(--code-pill)}.code-annotate-copy:focus-visible{outline:2px solid var(--border-info);outline-offset:2px}: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(--bg-surface);--code-ink:var(--fg-base);--code-mute:var(--fg-mute);--code-pill:var(--bg-mute);--code-track:var(--bg-mute);--code-segment:var(--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{color:var(--code-mute);cursor:pointer;border-radius:.45rem;flex:none;padding:.4rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;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(--border-info);outline-offset:-2px}.writing-v .code-annotate-block:not(.code-annotate-group *),.writing-v .code-annotate-group{margin-inline:1rem}.dark .code-annotate-group{--code-track:var(--bg-subtle);--code-segment:var(--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;-webkit-text-decoration:var(--shiki-dark-text-decoration)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}
.background-module__P9pL5W__background{--bg:#f0f9f9;--glow:#00beaf3d;--leg:#2b919180;--grain-opacity:.04;z-index:-10;background-color:var(--bg);background-image:radial-gradient(110% 50% at 50% -8%, var(--glow), transparent 60%);position:fixed;inset:0;overflow:hidden}@supports (color:lab(0% 0 0)){.background-module__P9pL5W__background{--bg:lab(97.1968% -2.93416 -.912893);--glow:lab(69.562% -59.5775 -5.90328/.24);--leg:lab(54.5534% -29.433 -8.87274/.5)}}.dark .background-module__P9pL5W__background{--bg:#0b0e0f;--glow:#00b8a11a;--leg:#5ecbcb61;--grain-opacity:.05}@supports (color:lab(0% 0 0)){.dark .background-module__P9pL5W__background{--bg:lab(3.70865% -.645958 -1.17587);--glow:lab(66.831% -45.6902 -.33046/.1);--leg:lab(75.5418% -32.6877 -9.89788/.38)}}.background-module__P9pL5W__corner{width:280px;height:280px;position:absolute}.background-module__P9pL5W__topLeft{top:0;left:0}.background-module__P9pL5W__bottomRight{width:230px;height:230px;bottom:0;right:0;transform:rotate(180deg)}.background-module__P9pL5W__leg{fill:none;stroke:var(--leg);stroke-width:1.4px;stroke-linecap:round}.background-module__P9pL5W__dot{fill:var(--leg)}.background-module__P9pL5W__grain{opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}