@layer components{.theme-code-snippet{--_color-blue: #054BAE;--_color-brown: #A45914;--_color-green: #107D52;--_color-neutral: #2B3556;--_color-purple: #761BC2;--_color-red: #D12A3A;--_line-numbers-color: #646E8C;--_code-color: #000000;--_comment-color: #646E8C;--_background-color: #F2F3F7;display:block;margin-block:1rem;border-radius:var(--K15t-radius-small);background-color:var(--_background-color);border:1px solid var(--K15t-border-neutral);position:relative}.theme-code-snippet pre{padding-block:1rem;padding-inline:7ch 48px;min-inline-size:100%;font:var(--K15t-font-code-small);line-height:var(--K15t-line-height-large);-moz-tab-size:4;-o-tab-size:4;tab-size:4;white-space:pre;color:var(--_code-color)}.theme-code-snippet code{all:unset;display:block;min-block-size:1lh}.theme-code-snippet-copy{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem;align-content:center;justify-content:center;align-items:center;display:inline-block;aspect-ratio:1 / 1;background:var(--K15t-background-neutral);border-style:none;border-radius:var(--K15t-radius-small);padding:0;inline-size:32px;cursor:pointer;color:inherit}.theme-code-snippet-copy:is(:hover,:focus-visible){background-color:var(--K15t-background-neutral-hovered)}@media (hover: hover){.theme-code-snippet:not(:hover,:focus-within) .theme-code-snippet-copy{opacity:0}}.theme-code-snippet-copy .icon{--_icon-size: 16px}.theme-code-snippet .token.bidi{cursor:help}.theme-code-snippet .token.bidi:before{content:"<" attr(data-charcode) ">";unicode-bidi:isolate;color:#7f5f01;background-color:#fff0b3}.theme-code-snippet .token.comment{color:var(--_comment-color)}.theme-code-snippet .token.cdata,.theme-code-snippet .token.doctype,.theme-code-snippet .token.prolog,.theme-code-snippet .token.punctuation{color:var(--_color-neutral)}.theme-code-snippet .token.boolean,.theme-code-snippet .token.namespace,.theme-code-snippet .token.number,.theme-code-snippet .token.symbol{color:var(--_color-blue)}.theme-code-snippet .token.keyword,.theme-code-snippet .token.operator,.theme-code-snippet .token.attr-name,.theme-code-snippet .language-css .token.property{color:var(--_color-purple)}.theme-code-snippet .token.atrule,.theme-code-snippet .token.attr-value,.theme-code-snippet .token.builtin,.theme-code-snippet .token.char,.theme-code-snippet .token.entity,.theme-code-snippet .token.inserted,.theme-code-snippet .token.string,.theme-code-snippet .token.url{color:var(--_color-green)}.theme-code-snippet .token.class-name,.theme-code-snippet .token.deleted,.theme-code-snippet .token.function,.theme-code-snippet .token.property,.theme-code-snippet .token.selector,.theme-code-snippet .token.tag{color:var(--_color-red)}.theme-code-snippet .token.constant,.theme-code-snippet .token.important,.theme-code-snippet .token.regex{color:var(--_color-brown)}.theme-code-snippet .token.important,.theme-code-snippet .token.bold{font-weight:var(--K15t-font-weight-bold)}.theme-code-snippet .token.italic{font-style:italic}.theme-code-snippet .token.entity{cursor:help}.theme-code-snippet pre[class*=language-].line-numbers{position:relative;counter-reset:linenumber}.theme-code-snippet pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.theme-code-snippet .line-numbers .line-numbers-rows{position:absolute;pointer-events:none;inset-block-start:0;inset-inline-start:-6ch;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--_line-numbers-color);inline-size:3ch;font-variant-numeric:tabular-nums}.theme-code-snippet .line-numbers-rows>span{display:block;counter-increment:linenumber}.theme-code-snippet .line-numbers-rows>span:before{content:counter(linenumber);display:block;text-align:end}}