@layer components{.code_code__9F4Ys{--padding:var(--space2XL);color:var(--textBody);position:relative;@media (max-width:1040px){--padding:var(--spaceXL)}@media (max-width:696px){--padding:var(--spaceL)}&:before{content:"";position:absolute;inset:0;background-color:var(--surface);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}& pre{transform:translateZ(0);overflow-x:auto;position:relative;padding:calc(var(--padding) + var(--spaceS)) var(--padding)}&[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}&[data-theme=light]{--surface:rgb(255 255 255);--comment:rgba(0 0 0/0.6);--keyword:#00378c;--string:rgb(4 98 108);--boolean:rgb(4 98 108);--punctuation:rgba(0 0 0/0.4);--function:rgb(4 98 108);--className:rgb(4 98 108);--operator:#a8093f;--char:#00378c}& code,& pre{height:auto;font-size:var(--fontSizeBodyS);line-height:var(--lineHeightBody);white-space:pre}& .namespace{opacity:.7}& .token.attr-name{color:var(--keyword)}& .token.block-comment,& .token.cdata,& .token.comment,& .token.doctype,& .token.prolog{color:var(--comment)}& .token.constant,& .token.deleted,& .token.function-name,& .token.number,& .token.property,& .token.symbol{color:var(--primitive)}& .token.boolean{color:var(--boolean)}& .token.tag{color:var(--tag)}& .token.string{color:var(--string)}& .token.punctuation{color:var(--punctuation)}& .token.builtin,& .token.char,& .token.inserted,& .token.selector{color:var(--char)}& .token.function{color:var(--function)}& .token.entity,& .token.operator,& .token.url,& .token.variable{color:var(--variable)}& .token.attr-value{color:var(--string)}& .token.keyword{color:var(--keyword)}& .token.atrule,& .token.class-name{color:var(--className)}& .token.important{font-weight:var(--fontWeightRegular)}& .token.bold{font-weight:var(--fontWeightBold)}& .token.italic{font-style:italic}& .token.entity{cursor:help}}.code_actions__pdJZJ{position:absolute;right:var(--spaceM);bottom:var(--spaceM);opacity:0;transition:opacity var(--durationS) var(--bezierFastoutSlowin);&:focus-within,.code_code__9F4Ys:hover &{opacity:1}@media (max-width:696px){opacity:1}}.code_copyIcon__vQD36{display:grid;& 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){transition-property:opacity,transform;transform:scale(.5)}}& svg[data-visible=true]{opacity:1;transform:none}}.code_lang__YQov5{font-family:var(--monoFontFamily);position:absolute;top:0;left:var(--padding);transform:translateY(-50%);background:var(--background);padding:var(--spaceXS) var(--spaceM);user-select:none}}