.sys-code-block-syntax{--sys-code-block-syntax-bg:var(--gray-2);--sys-code-block-syntax-plain:var(--gray-12);--sys-code-block-syntax-muted:var(--gray-10);--sys-code-block-syntax-punctuation:var(--gray-11);--sys-code-block-syntax-keyword:var(--purple-11);--sys-code-block-syntax-string:var(--green-11);--sys-code-block-syntax-number:var(--orange-11);--sys-code-block-syntax-function:var(--blue-11);--sys-code-block-syntax-property:var(--cyan-11);--sys-code-block-syntax-regex:var(--crimson-11);color:var(--sys-code-block-syntax-plain);background-color:var(--sys-code-block-syntax-bg)}.sys-code-block-syntax[data-syntax-theme=light]{color-scheme:light}.sys-code-block-syntax[data-syntax-theme=dark]{color-scheme:dark}.sys-code-block-syntax .scrollbar-radix{--scrollbar-thumb-color:var(--sys-code-block-syntax-plain)}.sys-code-block-preview-overlay{display:grid;place-items:center;grid-template-rows:calc((var(--sys-code-block-visible-lines) * 1.5rem) + 2rem);opacity:1;transition:grid-template-rows var(--motion-duration-container) var(--motion-easing-enter),opacity var(--motion-duration-container) var(--motion-easing-exit);background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--sys-code-block-syntax-bg) 88%,transparent) 48%,var(--sys-code-block-syntax-bg))}.sys-code-block-preview-overlay[data-state=hidden]{opacity:0}.sys-code-block-reveal-content{opacity:0;transition:opacity var(--motion-duration-container) var(--motion-easing-linear)}.sys-code-block-reveal-content[data-state=visible]{opacity:1}.sys-code-block-expandable-scroll-area{display:grid;grid-template-rows:calc((var(--sys-code-block-visible-lines) * 1.5rem) + 2rem);transition:grid-template-rows var(--motion-duration-container) var(--motion-easing-enter)}.sys-code-block-expandable-scroll-area>[data-radix-scroll-area-viewport]{min-height:0}.sys-code-block-reveal-scrollbar{animation:sys-code-block-scrollbar-reveal var(--motion-duration-feedback) var(--motion-easing-linear) both}@keyframes sys-code-block-scrollbar-reveal{0%{visibility:visible;opacity:0}to{visibility:visible;opacity:1}}.sys-code-block-syntax[data-code-block-bounded=true] [data-radix-scroll-area-viewport]{max-height:calc((var(--sys-code-block-expanded-max-lines) * 1.5rem) + 2rem)}.sys-code-block-syntax [data-slot=code-block-line-number]{color:var(--sys-code-block-syntax-muted)}.sys-code-block-syntax .token.cdata,.sys-code-block-syntax .token.comment,.sys-code-block-syntax .token.doctype,.sys-code-block-syntax .token.prolog{color:var(--sys-code-block-syntax-muted);font-style:italic}.sys-code-block-syntax .token.operator,.sys-code-block-syntax .token.punctuation{color:var(--sys-code-block-syntax-punctuation)}.sys-code-block-syntax .token.boolean,.sys-code-block-syntax .token.important,.sys-code-block-syntax .token.keyword{color:var(--sys-code-block-syntax-keyword);font-weight:500}.sys-code-block-syntax .token.attr-value,.sys-code-block-syntax .token.char,.sys-code-block-syntax .token.inserted,.sys-code-block-syntax .token.string{color:var(--sys-code-block-syntax-string)}.sys-code-block-syntax .token.constant,.sys-code-block-syntax .token.number,.sys-code-block-syntax .token.symbol{color:var(--sys-code-block-syntax-number)}.sys-code-block-syntax .token.class-name,.sys-code-block-syntax .token.function,.sys-code-block-syntax .token.selector,.sys-code-block-syntax .token.tag{color:var(--sys-code-block-syntax-function)}.sys-code-block-syntax .token.attr-name,.sys-code-block-syntax .token.builtin,.sys-code-block-syntax .token.property{color:var(--sys-code-block-syntax-property)}.sys-code-block-syntax .token.deleted,.sys-code-block-syntax .token.regex{color:var(--sys-code-block-syntax-regex)}.sys-code-block-syntax .token.deleted{text-decoration:line-through}@media (prefers-reduced-motion:reduce){.sys-code-block-expandable-scroll-area,.sys-code-block-preview-overlay,.sys-code-block-reveal-content{transition:none}.sys-code-block-reveal-scrollbar{animation:none}}@media (forced-colors:active){.sys-code-block-syntax{--sys-code-block-syntax-bg:Canvas;--sys-code-block-syntax-plain:CanvasText;--sys-code-block-syntax-muted:CanvasText;--sys-code-block-syntax-punctuation:CanvasText;--sys-code-block-syntax-keyword:CanvasText;--sys-code-block-syntax-string:CanvasText;--sys-code-block-syntax-number:CanvasText;--sys-code-block-syntax-function:CanvasText;--sys-code-block-syntax-property:CanvasText;--sys-code-block-syntax-regex:CanvasText}.sys-code-block-preview-overlay{background:linear-gradient(180deg,transparent,Canvas 55%)}}