.CodeBlock_codeBlock__kVHZ8{margin:1.5rem 0;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px var(--shadow);background:var(--card-background);border:1px solid var(--border-color)}.CodeBlock_codeBlock__kVHZ8.CodeBlock_dark___erq1{background:#1a1a1a;border-color:#333}.CodeBlock_codeBlock__kVHZ8.CodeBlock_light__T_Yie{background:#ffffff;border-color:#e0e0e0}.CodeBlock_codeBlock__kVHZ8 code{background:unset!important;padding:unset!important}.CodeBlock_header__SJGVS{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--dark-hover);padding:.75rem 1rem;border-bottom:1px solid var(--border-color);position:relative}.CodeBlock_controls__nCfaX{display:flex;gap:.5rem;justify-self:start}.CodeBlock_dot__uiyHa{width:12px;height:12px;border-radius:50%}.CodeBlock_red__Ok3YV{background-color:#ff5f56}.CodeBlock_yellow__PUy5R{background-color:#ffbd2e}.CodeBlock_green__TWdTg{background-color:#27c93f}.CodeBlock_language__S_OiF{color:var(--text-secondary);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-align:center;grid-column:2}.CodeBlock_copyButton__V_5rE{display:flex;align-items:center;gap:.5rem;background:var(--primary);color:white;border:none;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease;justify-self:end;grid-column:3}.CodeBlock_copyButton__V_5rE:hover{opacity:.9;transform:translateY(-1px)}.CodeBlock_inlineCodeBlock__WxdrY{display:flex;align-items:center;gap:.75rem;width:100%;max-width:100%;background:var(--dark-hover);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;margin:1rem 0;font-family:Courier New,monospace;box-shadow:0 2px 8px var(--shadow);transition:all .3s ease}.CodeBlock_inlineCodeBlock__WxdrY:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow)}.CodeBlock_inlineCode__KejMG{color:var(--text-primary);font-size:.95rem;font-family:inherit;background:transparent;flex:1 1;overflow-x:auto;white-space:nowrap;padding:.25rem 0}.CodeBlock_inlineCodeBlock__WxdrY .CodeBlock_copyButton__V_5rE{padding:.4rem .6rem;font-size:.75rem;min-width:auto;flex-shrink:0;border-radius:6px}@media (max-width:768px){.CodeBlock_header__SJGVS{padding:.5rem .75rem}.CodeBlock_copyButton__V_5rE{padding:.3rem .6rem;font-size:.75rem}.CodeBlock_inlineCodeBlock__WxdrY{padding:.6rem .8rem;gap:.5rem;margin:.75rem 0}.CodeBlock_inlineCode__KejMG{font-size:.85rem}.CodeBlock_inlineCodeBlock__WxdrY .CodeBlock_copyButton__V_5rE{padding:.3rem .5rem;font-size:.7rem}}