.code-block[data-v-76eb6a3b]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin:1.5rem 0;overflow:hidden}.code-header[data-v-76eb6a3b]{align-items:center;background:#0000004d;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:.75rem 1rem}.language-label[data-v-76eb6a3b]{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:4px;color:#0ff;font-size:.8rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.copy-button[data-v-76eb6a3b]{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fffc;cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.copy-button[data-v-76eb6a3b]:hover{background:#fff3;color:#fff}.copy-button.copied[data-v-76eb6a3b]{background:#00ff8033;border-color:#00ff804d;color:#00ff80}pre[data-v-76eb6a3b]{font-family:Fira Code,Monaco,Menlo,monospace;font-size:.9rem;line-height:1.6;margin:0;overflow-x:auto;padding:1.5rem}code[data-v-76eb6a3b],pre[data-v-76eb6a3b]{background:transparent}code[data-v-76eb6a3b]{font-family:inherit;padding:0}[data-v-76eb6a3b] .token.cdata,[data-v-76eb6a3b] .token.comment,[data-v-76eb6a3b] .token.doctype,[data-v-76eb6a3b] .token.prolog{color:#ffffff80;font-style:italic}[data-v-76eb6a3b] .token.punctuation{color:#ffffffb3}[data-v-76eb6a3b] .token.namespace{opacity:.7}[data-v-76eb6a3b] .token.boolean,[data-v-76eb6a3b] .token.constant,[data-v-76eb6a3b] .token.deleted,[data-v-76eb6a3b] .token.number,[data-v-76eb6a3b] .token.property,[data-v-76eb6a3b] .token.symbol,[data-v-76eb6a3b] .token.tag{color:#ff6b6b}[data-v-76eb6a3b] .token.attr-name,[data-v-76eb6a3b] .token.builtin,[data-v-76eb6a3b] .token.char,[data-v-76eb6a3b] .token.inserted,[data-v-76eb6a3b] .token.selector,[data-v-76eb6a3b] .token.string{color:#51cf66}[data-v-76eb6a3b] .language-css .token.string,[data-v-76eb6a3b] .style .token.string,[data-v-76eb6a3b] .token.entity,[data-v-76eb6a3b] .token.operator,[data-v-76eb6a3b] .token.url{color:#ffd43b}[data-v-76eb6a3b] .token.atrule,[data-v-76eb6a3b] .token.attr-value,[data-v-76eb6a3b] .token.keyword{color:#74c0fc}[data-v-76eb6a3b] .token.class-name,[data-v-76eb6a3b] .token.function{color:#ff8cc8}[data-v-76eb6a3b] .token.important,[data-v-76eb6a3b] .token.regex,[data-v-76eb6a3b] .token.variable{color:#ffa8a8}[data-v-76eb6a3b] .token.bold,[data-v-76eb6a3b] .token.important{font-weight:700}[data-v-76eb6a3b] .token.italic{font-style:italic}[data-v-76eb6a3b] .token.entity{cursor:help}[data-v-76eb6a3b] .token.type-annotation,[data-v-76eb6a3b] .token.type-parameter{color:#0ff}[data-v-76eb6a3b] .token.interface,[data-v-76eb6a3b] .token.type{color:#0ff;font-weight:600}[data-v-76eb6a3b] .token.generic{color:#ff0080}[data-v-76eb6a3b] .token.decorator{color:#ffd43b;font-weight:600}[data-v-76eb6a3b] .token.triple-quoted-string{color:#51cf66;font-style:italic}[data-v-76eb6a3b] .token.builtin-function{color:#74c0fc;font-weight:600}[data-v-76eb6a3b] .token.self{color:#ff8cc8;font-style:italic}[data-v-76eb6a3b] .token.class-name.python{color:#0ff;font-weight:700}[data-v-76eb6a3b] .token.function.python{color:#ffd43b;font-weight:600}[data-v-76eb6a3b] .token.key.atrule,[data-v-76eb6a3b] .token.yaml-key{color:#74c0fc;font-weight:600}[data-v-76eb6a3b] .token.anchor{color:#ff8cc8;font-weight:600}[data-v-76eb6a3b] .token.alias{color:#ffd43b}@media (max-width:768px){.code-header[data-v-76eb6a3b]{padding:.5rem}.language-label[data-v-76eb6a3b]{font-size:.7rem;padding:.2rem .4rem}.copy-button[data-v-76eb6a3b]{font-size:.7rem;padding:.4rem .6rem}pre[data-v-76eb6a3b]{font-size:.8rem;padding:1rem}}@media (max-width:480px){.copy-button span[data-v-76eb6a3b]{display:none}}