@layer components{._code_syxbx_2{--padding: var(--space2XL);margin-top:var(--spaceL);color:var(--textBody);position:relative}@media (max-width: 1040px){._code_syxbx_2{--padding: var(--spaceXL)}}@media (max-width: 696px){._code_syxbx_2{--padding: var(--spaceL)}}._code_syxbx_2:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--surface);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}._code_syxbx_2 pre{transform:translateZ(0);overflow-x:auto;position:relative;padding:calc(var(--padding) + var(--spaceS)) var(--padding)}._code_syxbx_2[data-theme=dark]{--surface: rgb(26 26 28);--className: #5de4c7;--comment: #a6accd;--punctuation: #e4f0fb;--property: #e4f0fb;--boolean: #5de4c7;--string: #5de4c7;--operator: #add7ff;--function: #5de4c7;--keyword: #add7ff;--literal: #fffac2;--falsy: #f087bd;--char: #add7ff}._code_syxbx_2[data-theme=light]{--surface: rgb(255 255 255);--comment: rgba(0 0 0 / .6);--keyword: #00378c;--string: rgb(4 98 108);--boolean: rgb(4 98 108);--punctuation: rgba(0 0 0 / .4);--function: rgb(4 98 108);--className: rgb(4 98 108);--operator: #a8093f;--char: #00378c}._code_syxbx_2 code,._code_syxbx_2 pre{height:auto;font-size:var(--fontSizeBodyS);line-height:var(--lineHeightBody);white-space:pre}._code_syxbx_2 .namespace{opacity:.7}._code_syxbx_2 .token.attr-name{color:var(--keyword)}._code_syxbx_2 .token.comment,._code_syxbx_2 .token.block-comment,._code_syxbx_2 .token.prolog,._code_syxbx_2 .token.doctype,._code_syxbx_2 .token.cdata{color:var(--comment)}._code_syxbx_2 .token.property,._code_syxbx_2 .token.number,._code_syxbx_2 .token.function-name,._code_syxbx_2 .token.constant,._code_syxbx_2 .token.symbol,._code_syxbx_2 .token.deleted{color:var(--primitive)}._code_syxbx_2 .token.boolean{color:var(--boolean)}._code_syxbx_2 .token.tag{color:var(--tag)}._code_syxbx_2 .token.string{color:var(--string)}._code_syxbx_2 .token.punctuation{color:var(--punctuation)}._code_syxbx_2 .token.selector,._code_syxbx_2 .token.char,._code_syxbx_2 .token.builtin,._code_syxbx_2 .token.inserted{color:var(--char)}._code_syxbx_2 .token.function{color:var(--function)}._code_syxbx_2 .token.operator,._code_syxbx_2 .token.entity,._code_syxbx_2 .token.url,._code_syxbx_2 .token.variable{color:var(--variable)}._code_syxbx_2 .token.attr-value{color:var(--string)}._code_syxbx_2 .token.keyword{color:var(--keyword)}._code_syxbx_2 .token.atrule,._code_syxbx_2 .token.class-name{color:var(--className)}._code_syxbx_2 .token.important{font-weight:var(--fontWeightRegular)}._code_syxbx_2 .token.bold{font-weight:var(--fontWeightBold)}._code_syxbx_2 .token.italic{font-style:italic}._code_syxbx_2 .token.entity{cursor:help}._actions_syxbx_160{position:absolute;right:var(--spaceM);bottom:var(--spaceM);opacity:0;transition:opacity var(--durationS) var(--bezierFastoutSlowin)}._code_syxbx_2:hover ._actions_syxbx_160,._actions_syxbx_160:focus-within{opacity:1}@media (max-width: 696px){._actions_syxbx_160{opacity:1}}._copyIcon_syxbx_177{display:grid}._copyIcon_syxbx_177 svg{opacity:0;grid-area:1 / 1;transition-property:opacity;transition-duration:var(--durationS);transition-timing-function:var(--bezierFastoutSlowin)}@media (prefers-reduced-motion: no-preference){._copyIcon_syxbx_177 svg{transition-property:opacity,transform;transform:scale(.5)}}._copyIcon_syxbx_177 svg[data-visible=true]{opacity:1;transform:none}._lang_syxbx_199{font-family:var(--monoFontFamily);position:absolute;top:0;left:var(--padding);transform:translateY(-50%);background:var(--background);padding:var(--spaceXS) var(--spaceM);-webkit-user-select:none;user-select:none}}