.code-block__card{background-color:#1a2942;border:.0625rem solid #ffc107}.code-block__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px 16px 4px}.code-block__language{color:#ffc107;text-transform:uppercase}.code-block__chatgpt-button{color:#3b82f6!important;border:.0625rem solid #3b82f6;padding:8px 16px;height:auto}.code-block__chatgpt-button:hover{background-color:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}.code-block__copy-button{background-color:#ffc107;color:#0a1929;border:none}.code-block__copy-button:hover{background-color:rgb(211,158.25,0)}.code-block__copy-button--copied{background-color:#10b981;color:#fff}.code-block__pre{margin:0;padding:16px;background-color:#1a1f2e;border-radius:8px;overflow-x:auto;font-family:Courier New,Courier,SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.875rem;line-height:1.6}.code-block__pre::-webkit-scrollbar{width:8px;height:8px}.code-block__pre::-webkit-scrollbar-track{background:#2d3f5f;border-radius:9999px}.code-block__pre::-webkit-scrollbar-thumb{background:#ffc107;border-radius:9999px}.code-block__pre::-webkit-scrollbar-thumb:hover{background:#f9a825}@media(max-width:767px){.code-block__pre{font-size:.75rem}}.code-block__code{color:#fff}.code-block__token--keyword{color:#ff79c6;font-weight:600}.code-block__token--string{color:#50fa7b}.code-block__token--comment{color:#8b9dc3;font-style:italic}.code-block__token--function{color:#8be9fd}.code-block__token--number{color:#bd93f9}.code-block__token--operator{color:#ff79c6}.code-block__token--punctuation{color:#f8f8f2}.code-block__token--class{color:#f1fa8c}.code-block__token--property{color:#50fa7b}