.CodeBlock_codeBlock__kVHZ8{margin:2rem 0;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px 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:.875rem 1.25rem;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:.9rem;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:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease;justify-self:end;grid-column:3}.CodeBlock_copyButton__V_5rE:hover{opacity:.9;transform:translateY(-1px)}.CodeBlock_inlineCode__KejMG{display:inline;padding:.25rem .6rem!important;border-radius:6px!important;font-family:Courier New,Courier,monospace;font-size:.95em;font-weight:600;white-space:nowrap;vertical-align:baseline;cursor:pointer;transition:opacity .2s ease;-webkit-user-select:all;-moz-user-select:all;user-select:all}.CodeBlock_inlineCode__KejMG:hover{opacity:.8}.CodeBlock_inlineCode__KejMG.CodeBlock_dark___erq1{background:#2d2d2d;color:#ff6b6b;border:1px solid #404040}.CodeBlock_inlineCode__KejMG.CodeBlock_light__T_Yie{background:#f5f5f5;color:#c7254e;border:1px solid #e0e0e0}@media (max-width:768px){.CodeBlock_codeBlock__kVHZ8{margin:1.5rem 0;border-radius:8px}.CodeBlock_header__SJGVS{padding:.75rem 1rem}.CodeBlock_copyButton__V_5rE{padding:.4rem .75rem;font-size:.8rem}.CodeBlock_inlineCode__KejMG{font-size:.9rem;padding:.2rem .5rem!important}}@media (max-width:480px){.CodeBlock_codeBlock__kVHZ8{margin:1rem 0}.CodeBlock_header__SJGVS{padding:.6rem .75rem}.CodeBlock_copyButton__V_5rE{padding:.35rem .6rem;font-size:.75rem}.CodeBlock_inlineCode__KejMG{font-size:.85rem}}