.code-card,.code-window{--syntax-bg:#070809;--syntax-panel:#0c0d0f;--syntax-line:#202226;--syntax-text:#e8e8ed;--syntax-muted:#454851;--syntax-violet:#c681ff;--syntax-blue:#56b8ff;--syntax-green:#39e6b0;--syntax-orange:#ffb86c;--syntax-pink:#ff78aa;background:var(--syntax-bg)!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 55px #00000024}.code-card header,.code-window>div{background:var(--syntax-panel);border-bottom-color:var(--syntax-line)!important}.code-card header>button,.code-window .copy-button{min-height:31px;padding:0 14px;border-radius:10px!important;background:#f5f5f7!important;color:#090a0c!important;opacity:1!important;font-weight:600;transition:transform .2s,background .2s}.code-card header>button:hover,.code-window .copy-button:hover{transform:translateY(-1px);background:#d6ff00!important}.code-card pre,.code-window pre{padding:0!important;background:var(--syntax-bg);color:var(--syntax-text)}.code-card pre code.hljs,.code-window pre code.hljs{display:block;min-width:max-content;padding:20px 22px 20px 0;background:transparent;color:var(--syntax-text);font:500 11px/1.8 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;tab-size:2}.code-line{display:grid;grid-template-columns:52px minmax(0,1fr);min-height:1.8em;white-space:pre}.code-line:before{content:attr(data-line);align-self:stretch;margin-right:16px;padding-right:15px;border-right:1px solid #16181c;color:var(--syntax-muted);font-weight:400;text-align:right;-webkit-user-select:none;user-select:none}.code-line__content{display:block;white-space:pre}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-link{color:var(--syntax-violet)}.hljs-title,.hljs-title.class_,.hljs-title.function_,.hljs-built_in,.hljs-type,.hljs-attr{color:var(--syntax-blue)}.hljs-string,.hljs-regexp,.hljs-template-tag,.hljs-template-variable,.hljs-addition{color:var(--syntax-green)}.hljs-number,.hljs-symbol,.hljs-bullet,.hljs-variable,.hljs-variable.constant_,.hljs-selector-class{color:var(--syntax-orange)}.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta{color:#696d78;font-style:italic}.hljs-params,.hljs-property,.hljs-punctuation,.hljs-operator{color:#d9dae0}.hljs-subst{color:var(--syntax-text)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.code-tabs button{position:relative;gap:7px}.code-tabs button:before{content:"</>";margin-right:7px;color:#555963;font:600 8px ui-monospace,monospace}.code-tabs button.is-active:before{color:var(--syntax-green)}.code-card header>b,.code-window>div>b{color:#787c86!important}@media(max-width:680px){.code-card pre code.hljs,.code-window pre code.hljs{font-size:9px;padding-block:17px}.code-line{grid-template-columns:40px minmax(0,1fr)}.code-line:before{margin-right:10px;padding-right:9px}.code-card header>button,.code-window .copy-button{padding-inline:10px;min-height:28px}}dialog.motion-dialog{opacity:0;transform:translate3d(var(--dialog-x,0),var(--dialog-y,24px),0) scale(.88) rotateX(4deg);clip-path:inset(14% 8% 14% 8% round 28px);transform-origin:var(--dialog-origin-x,50%) var(--dialog-origin-y,50%);transition:opacity .36s ease,transform .58s cubic-bezier(.2,.75,.18,1),clip-path .58s cubic-bezier(.2,.75,.18,1),display .58s allow-discrete,overlay .58s allow-discrete;will-change:transform,opacity,clip-path}dialog.motion-dialog[open].is-open{opacity:1;transform:translateZ(0) scale(1) rotateX(0);clip-path:inset(0 round 0)}dialog.motion-dialog.is-closing{opacity:0;transform:translate3d(var(--dialog-x,0),var(--dialog-y,18px),0) scale(.92);clip-path:inset(10% 6% 10% 6% round 24px)}dialog.motion-dialog::backdrop{opacity:0;transition:opacity .4s ease,backdrop-filter .4s ease,display .58s allow-discrete,overlay .58s allow-discrete}dialog.motion-dialog[open].is-open::backdrop{opacity:1}dialog.motion-dialog.is-closing::backdrop{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}@starting-style{dialog.motion-dialog[open].is-open{opacity:0;transform:translate3d(var(--dialog-x,0),var(--dialog-y,24px),0) scale(.88) rotateX(4deg);clip-path:inset(14% 8% 14% 8% round 28px)}dialog.motion-dialog[open].is-open::backdrop{opacity:0}}@media(prefers-reduced-motion:reduce){dialog.motion-dialog,dialog.motion-dialog::backdrop{transition-duration:.01ms!important}}