.code-block{border-radius:var(--r-lg);color:#d4d0ca;color:lab(83.7884% .584036 3.77523);background:#14161c;border:1px solid #ffffff14;overflow:hidden;box-shadow:0 8px 24px #0b0e142e}.code-block-header{background:#ffffff08;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:10px 14px;display:flex}.code-dots{flex-shrink:0;gap:6px;display:inline-flex}.code-dots span{background:#ffffff2e;border-radius:50%;width:10px;height:10px}.code-dots span:first-child{background:#ff5f57}.code-dots span:nth-child(2){background:#febc2e}.code-dots span:nth-child(3){background:#28c840}.code-framework{font-family:var(--font-mono);color:#ffffffeb;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:8px;font-size:.78rem;font-weight:600;overflow:hidden}.code-lang{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffff8c;text-transform:uppercase;margin-left:auto;font-size:.7rem}.code-block pre{font-family:var(--font-mono);color:#d4d0ca;color:lab(83.7884% .584036 3.77523);white-space:pre;margin:0;padding:18px 20px;font-size:.86rem;line-height:1.65;overflow-x:auto}.code-block-body{overflow-x:auto}.code-block pre.shiki{font-family:var(--font-mono);margin:0;padding:18px 20px;font-size:.86rem;line-height:1.65;background-color:#0000!important}.code-block pre.shiki code{background:0 0}@media (max-width:640px){.code-block-header{gap:8px}.code-tabs .code-block-header .code-framework{display:none}.code-block-header .copy-button{flex-shrink:0;justify-content:center;min-width:40px;padding:8px}.code-block-header .copy-button span{display:none}}
.copy-button{font-family:var(--font-mono);color:#ffffffad;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:.74rem;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.copy-button:hover{color:#fff;background:#ffffff1a;border-color:#ffffff3d}.copy-button:focus-visible{outline-offset:2px;outline:2px solid #fff6}.copy-button.is-copied{color:#28c840;background:#28c84014;border-color:#28c84066}