@layer components{.code-block{--code-block-hljs-variable: #c5117a}html[data-theme=dark] .code-block{--code-block-hljs-variable: #ff4242}.code-block .code-block__header{display:flex;flex-direction:column;gap:.5rem}.code-block .code-block__title{color:var(--color-foreground)}.code-block .code-block__description{color:var(--color-muted-foreground)}html[data-theme=dark] .code-block .code-block__description{color:var(--color-foreground-medium)}.code-block .code-block__shell{overflow:clip;border-color:#d0d0d0;background-color:#fffffffc;color:#444}.code-block .code-block__toolbar{background-color:#fffffffc;border-bottom-color:#d0d0d0}.code-block .code-block__language{font-family:var(--font-meta)}.code-block .code-block__language .code-block__toolbar-meta-icon:not(.code-block__path-script-icon),.code-block .code-block__language .code-block__path{color:inherit}.code-block .code-block__copy-button,.share-toolbar .code-block__copy-button{font-family:var(--font-meta);border:0;background-color:transparent;color:#555;transition:color .16s ease;cursor:pointer}.code-block .code-block__copy-button:hover,.share-toolbar .code-block__copy-button:hover{color:#2a2a2a}.code-block .code-block__copy-button:focus-visible,.share-toolbar .code-block__copy-button:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.code-block .code-block__body{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1rem;min-width:max-content;padding:1rem;font-family:var(--font-meta);font-size:.8125rem;line-height:1.65}.code-block .code-block__body--no-lines{grid-template-columns:minmax(0,1fr)}.code-block .code-block__line-number{min-width:1.75rem;padding-right:1rem;border-right:1px solid #d0d0d0;color:#6b6b6b;text-align:right;-webkit-user-select:none;user-select:none}.code-block .code-block__line-text{min-width:0;white-space:pre}.code-block .code-block__viewport:focus-visible{outline:2px solid var(--color-foreground);outline-offset:-2px}.code-block--small{max-width:none;--code-block-small-copy-reserve: 4.75rem}.code-block--small .code-block__shell--small{position:relative}.code-block--small .code-block__copy-overlay{position:absolute;top:0;right:0;z-index:10;display:flex;justify-content:flex-end;align-items:flex-start;width:var(--code-block-small-copy-reserve);padding:.65rem .65rem 0 0;pointer-events:none}.code-block--small .code-block__copy-overlay .tooltip{pointer-events:auto}.code-block--small .code-block__copy-overlay .tooltip:hover [role=tooltip],.code-block--small .code-block__copy-overlay .tooltip:focus-within [role=tooltip],.code-block--small .code-block__copy-overlay .tooltip[data-copy-feedback="1"] [role=tooltip]{opacity:1}.code-block--small .code-block__viewport{position:relative;z-index:1;border-radius:inherit}.code-block--small .code-block__body.hljs{background-color:transparent;background:transparent}html[data-theme=dark] .code-block--small .code-block__body.hljs{background-color:transparent!important;background:transparent!important}.code-block--small .code-block__copy-overlay:before{content:"";position:absolute;top:0;right:0;width:var(--code-block-small-copy-reserve);height:2.75rem;background:linear-gradient(to left,#fffffffc 45%,#ffffffd9 70%,#fff0);pointer-events:none}html[data-theme=dark] .code-block--small .code-block__copy-overlay:before{background:linear-gradient(to left,#000 45%,#000000d9 70%,#0000)}.code-block--small .code-block__copy-button--icon-only{position:relative;z-index:1;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;padding:.375rem;border-radius:.375rem;background-color:#fffffffc;box-shadow:0 1px 2px #00000014,0 0 0 1px #0000000a}html[data-theme=dark] .code-block--small .code-block__copy-button--icon-only{background-color:#000;box-shadow:0 1px 3px #00000073,0 0 0 1px #ffffff14}.code-block--small .code-block__copy-button--icon-only:hover{background-color:#fff}html[data-theme=dark] .code-block--small .code-block__copy-button--icon-only:hover{background-color:#0a0a0a}.code-block--small .code-block__body{padding-right:var(--code-block-small-copy-reserve)}.code-block .code-block__body,.code-block pre,.code-block code{font-family:var(--font-meta);font-size:.8125rem;line-height:1.65}.code-block .code-block__body.hljs{display:grid;overflow-x:auto;color:#242428;background-color:#fffffffc}.code-block code.hljs{padding:3px 5px}.code-block .hljs::selection,.code-block .hljs ::selection,.code-block .hljs::-moz-selection,.code-block .hljs ::-moz-selection{background-color:#006d00;color:#fff;-webkit-text-fill-color:#ffffff;text-shadow:none}.code-block .hljs-comment{color:#0d6e4d}.code-block .hljs-tag{color:#006978}.code-block .hljs-subst,.code-block .hljs-punctuation{color:#242428}.code-block .hljs-operator{color:#556070}.code-block .hljs-bullet,.code-block .hljs-variable,.code-block .hljs-template-variable,.code-block .hljs-selector-tag,.code-block .hljs-name,.code-block .hljs-deletion{color:var(--code-block-hljs-variable)}.code-block .hljs-symbol,.code-block .hljs-number,.code-block .hljs-link,.code-block .hljs-attr,.code-block .hljs-variable.constant_,.code-block .hljs-literal{color:#b91c1c}.code-block .hljs-title,.code-block .hljs-class .hljs-title,.code-block .hljs-title.class_{color:#7e22ce}.code-block .hljs-strong{font-weight:700;color:#7e22ce}.code-block .hljs-code,.code-block .hljs-addition,.code-block .hljs-title.class_.inherited__,.code-block .hljs-string{color:#0f766e}.code-block .hljs-built_in,.code-block .hljs-doctag,.code-block .hljs-quote,.code-block .hljs-keyword.hljs-atrule,.code-block .hljs-regexp{color:#9a3412}.code-block .hljs-function .hljs-title,.code-block .hljs-attribute,.code-block .ruby .hljs-property,.code-block .hljs-title.function_,.code-block .hljs-section{color:#0369a1}.code-block .hljs-type,.code-block .hljs-template-tag,.code-block .diff .hljs-meta,.code-block .hljs-keyword{color:#1d4ed8}.code-block .hljs-emphasis{color:#1d4ed8;font-style:italic}.code-block .hljs-meta,.code-block .hljs-meta .hljs-keyword,.code-block .hljs-meta .hljs-string{color:#0e7490}.code-block .hljs-meta .hljs-keyword,.code-block .hljs-meta-keyword{font-weight:700}html[data-theme=dark] .code-block .code-block__shell{border-color:#2a2a2a;background-color:#000;color:#d0d0fa}html[data-theme=dark] .code-block .code-block__toolbar{background-color:#000;border-bottom-color:#2a2a2a}html[data-theme=dark] .code-block .code-block__language{color:#b0b0da}html[data-theme=dark] .code-block .code-block__language .code-block__toolbar-meta-icon:not(.code-block__path-script-icon){color:#b0b0da;fill:#b0b0da}html[data-theme=dark] .code-block .code-block__language .code-block__toolbar-meta-icon:not(.code-block__path-script-icon) :where(path){fill:currentColor}html[data-theme=dark] .code-block .code-block__copy-button,html[data-theme=dark] .share-toolbar .code-block__copy-button{color:#d0d0fa}html[data-theme=dark] .code-block .code-block__copy-button:hover,html[data-theme=dark] .share-toolbar .code-block__copy-button:hover{color:#f0f0ff}html[data-theme=dark] .code-block .code-block__line-number{color:#7070a8;border-right-color:#2a2a2a}html[data-theme=dark] .code-block .code-block__body.hljs{color:#d0d0fa;background:#000}html[data-theme=dark] .code-block code.hljs{padding:3px 5px}html[data-theme=dark] .code-block .hljs::selection,html[data-theme=dark] .code-block .hljs ::selection,html[data-theme=dark] .code-block .hljs::-moz-selection,html[data-theme=dark] .code-block .hljs ::-moz-selection{background-color:#4a5088;color:#fff;-webkit-text-fill-color:#ffffff;text-shadow:none}html[data-theme=dark] .code-block .hljs-comment{color:#7070a8}html[data-theme=dark] .code-block .hljs-tag{color:#b0b0da}html[data-theme=dark] .code-block .hljs-subst,html[data-theme=dark] .code-block .hljs-punctuation{color:#d0d0fa}html[data-theme=dark] .code-block .hljs-operator{color:#9a9ad0}html[data-theme=dark] .code-block .hljs-bullet,html[data-theme=dark] .code-block .hljs-variable,html[data-theme=dark] .code-block .hljs-template-variable,html[data-theme=dark] .code-block .hljs-selector-tag,html[data-theme=dark] .code-block .hljs-name,html[data-theme=dark] .code-block .hljs-deletion{color:var(--code-block-hljs-variable)}html[data-theme=dark] .code-block .hljs-symbol,html[data-theme=dark] .code-block .hljs-number,html[data-theme=dark] .code-block .hljs-link,html[data-theme=dark] .code-block .hljs-attr,html[data-theme=dark] .code-block .hljs-variable.constant_,html[data-theme=dark] .code-block .hljs-literal{color:#fc8d28}html[data-theme=dark] .code-block .hljs-title,html[data-theme=dark] .code-block .hljs-class .hljs-title,html[data-theme=dark] .code-block .hljs-title.class_{color:#f3e877}html[data-theme=dark] .code-block .hljs-strong{font-weight:700;color:#f3e877}html[data-theme=dark] .code-block .hljs-code,html[data-theme=dark] .code-block .hljs-addition,html[data-theme=dark] .code-block .hljs-title.class_.inherited__,html[data-theme=dark] .code-block .hljs-string{color:#59f176}html[data-theme=dark] .code-block .hljs-built_in,html[data-theme=dark] .code-block .hljs-doctag,html[data-theme=dark] .code-block .hljs-quote,html[data-theme=dark] .code-block .hljs-keyword.hljs-atrule,html[data-theme=dark] .code-block .hljs-regexp{color:#0ef0f0}html[data-theme=dark] .code-block .hljs-function .hljs-title,html[data-theme=dark] .code-block .hljs-attribute,html[data-theme=dark] .code-block .ruby .hljs-property,html[data-theme=dark] .code-block .hljs-title.function_,html[data-theme=dark] .code-block .hljs-section{color:#66b0ff}html[data-theme=dark] .code-block .hljs-type,html[data-theme=dark] .code-block .hljs-template-tag,html[data-theme=dark] .code-block .diff .hljs-meta,html[data-theme=dark] .code-block .hljs-keyword{color:#f10596}html[data-theme=dark] .code-block .hljs-emphasis{color:#f10596;font-style:italic}html[data-theme=dark] .code-block .hljs-meta,html[data-theme=dark] .code-block .hljs-meta .hljs-keyword,html[data-theme=dark] .code-block .hljs-meta .hljs-string{color:#f003ef}html[data-theme=dark] .code-block .hljs-meta .hljs-keyword,html[data-theme=dark] .code-block .hljs-meta-keyword{font-weight:700}html[data-theme=dark] .code-block .code-block__body.hljs{background-color:#000!important;background:#000!important}@media(forced-colors:active){.code-block .hljs::selection,.code-block .hljs ::selection,.code-block .hljs::-moz-selection,.code-block .hljs ::-moz-selection,html[data-theme=dark] .code-block .hljs::selection,html[data-theme=dark] .code-block .hljs ::selection,html[data-theme=dark] .code-block .hljs::-moz-selection,html[data-theme=dark] .code-block .hljs ::-moz-selection{background-color:Highlight;color:HighlightText;-webkit-text-fill-color:HighlightText}.code-block .code-block__viewport:focus-visible{outline-color:CanvasText}}}