@keyframes demo-heroTranslateUp{to{opacity:1;transform:none}}@keyframes demo-heroFadeUp{0%{opacity:0;transform:translateY(20px)}}@keyframes demo-heroRise{0%{transform:translateY(15px)}}@keyframes demo-refreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes demo-valueSkeletonPulse{0%{transform:translate(-10%)}50%{transform:translate(10%)}to{transform:translate(-10%)}}@layer components{:where([data-demo-page]) code[class*=language-],:where([data-demo-page]) pre[class*=language-]{color:#abb2bf;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;background:0 0;line-height:1.75}:where([data-demo-page]) pre[class*=language-]::-moz-selection,:where([data-demo-page]) pre[class*=language-] ::-moz-selection,:where([data-demo-page]) code[class*=language-]::-moz-selection,:where([data-demo-page]) code[class*=language-] ::-moz-selection{text-shadow:none;background:#383e49}:where([data-demo-page]) pre[class*=language-]::selection,:where([data-demo-page]) pre[class*=language-] ::selection,:where([data-demo-page]) code[class*=language-]::selection,:where([data-demo-page]) code[class*=language-] ::selection{text-shadow:none;background:#9aa2b1}@media print{:where([data-demo-page]) code[class*=language-],:where([data-demo-page]) pre[class*=language-]{text-shadow:none}}:where([data-demo-page]) pre[class*=language-]{margin:0;padding:8px;overflow:auto}:where([data-demo-page]) :not(pre)>code[class*=language-],:where([data-demo-page]) pre[class*=language-]{background:0 0}:where([data-demo-page]) :not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}:where([data-demo-page]) :is(.token.comment,.token.prolog,.token.doctype,.token.cdata){color:#5c6370}:where([data-demo-page]) .token.punctuation{color:#abb2bf}:where([data-demo-page]) :is(.token.selector,.token.tag){color:#e06c75}:where([data-demo-page]) :is(.token.property,.token.boolean,.token.number,.token.constant,.token.symbol,.token.attr-name,.token.deleted){color:#d19a66}:where([data-demo-page]) :is(.token.string,.token.char,.token.attr-value,.token.builtin,.token.inserted){color:#98c379}:where([data-demo-page]) :is(.token.operator,.token.entity,.token.url),:where([data-demo-page]) :is(.language-css .token.string,.style .token.string){color:#56b6c2}:where([data-demo-page]) :is(.token.atrule,.token.keyword){color:#c678dd}:where([data-demo-page]) .token.function{color:#61afef}:where([data-demo-page]) :is(.token.regex,.token.important,.token.variable){color:#c678dd}:where([data-demo-page]) :is(.token.important,.token.bold){font-weight:700}:where([data-demo-page]) .token.italic{font-style:italic}:where([data-demo-page]) .token.entity{cursor:help}[data-code-scroll] :is(code,pre)[class*=language-] span:is([class="token string-property property"],[class=token\ attr-name],[class=token\ string],[class=token\ number]){color:#88d2c3;transition:color 1s}[data-code-scroll] :is(code,pre)[class*=language-] span[class=token\ boolean]{color:#8bc5f3}[data-code-scroll] :is(code,pre)[class*=language-] span[class=token\ punctuation]{color:#fafaf8}[data-code-scroll] :is(code,pre)[class*=language-] span[class=token\ operator]{color:#d4ecfd}[data-dimmed] :is(pre,code) span{opacity:.22;transition:opacity .2s}[data-dimmed] .demo-code-highlight{opacity:1}}@keyframes demo-copyToastPop{0%{opacity:0;transform:translateY(6px)scale(.92)}60%{opacity:1;transform:translateY(-2px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@font-face{font-family:JetBrains Mono;src:url(/_astro/JetBrainsMono-Bold.0imoSlIn.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@layer base{[data-demo-page]{font:400 16px/1.5 var(--font-sans);color:#181916}[data-demo-page] :is(h1,h2,h3,h4,h5){font-family:var(--font-mono);margin:0;font-weight:700}[data-demo-page] h1{font-size:36px;line-height:1.17}[data-demo-page] h2{font-size:24px;line-height:1.333}[data-demo-page] h3{font-size:20px;line-height:1.4}[data-demo-page] h4{font-size:9px;line-height:1.333}[data-demo-page] h5{font-size:7px;line-height:1.1428}[data-demo-page] h6{font-size:6px;line-height:1.17}[data-demo-page] p{margin:0;font-size:16px;line-height:1.5}[data-demo-page] strong{font-weight:600}[data-demo-page] :is(code,pre){font-family:var(--font-mono);font-size:16px;font-weight:500}@media (width<=768px){[data-demo-page] :is(code,pre){font-size:14px}}[data-demo-page] a{color:inherit;text-decoration:none}[data-demo-page] :is(ul,ol){margin:0;padding:0;list-style-type:none}[data-demo-page] button{-webkit-appearance:none;text-transform:none;color:revert;cursor:revert;letter-spacing:revert;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;overflow:visible}[data-demo-page] :is(svg,img){display:revert;vertical-align:middle}[data-demo-page] img{width:100%;height:auto}@media (prefers-reduced-motion:reduce){[data-demo-page] *,[data-demo-page] :before,[data-demo-page] :after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}}@keyframes demo-blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}