.code_wrap[data-v-89dfbfd5]{background:#f7f8f9;border:1px solid #eee;border-radius:8px;height:338px;width:428px}.code_wrap .code_header[data-v-89dfbfd5]{height:24px;line-height:24px;padding-left:16px}.code_wrap .code_header .circular[data-v-89dfbfd5]{border:0 solid rgba(0,0,0,.15);border-radius:50%;display:inline-block;height:8px;margin-right:4px;width:8px}.code_wrap .code_header .circular[data-v-89dfbfd5]:first-child{background:#f46b5d}.code_wrap .code_header .circular[data-v-89dfbfd5]:nth-child(2){background:#f9bd4e}.code_wrap .code_header .circular[data-v-89dfbfd5]:nth-child(3){background:#57c353}.code_wrap .code_tab[data-v-89dfbfd5]{align-items:center;background-color:#fff;display:flex;height:52px;overflow-x:auto}.code_wrap .code_tab[data-v-89dfbfd5]::-webkit-scrollbar{height:6px;width:6px}.code_wrap .code_tab[data-v-89dfbfd5]::-webkit-scrollbar-thumb{background:#e0e4ee;border:1px solid #f7f8f9;border-radius:13px;box-sizing:border-box;margin:8px;width:20px}.code_wrap .code_tab[data-v-89dfbfd5]::-webkit-scrollbar-thumb:hover{border-color:#e0e4ee}.code_wrap .code_tab[data-v-89dfbfd5]::-webkit-scrollbar-track{background:transparent}.code_wrap .code_tab[data-v-89dfbfd5]::-webkit-scrollbar-corner{background:#f7f8f9}.code_wrap .code_tab[data-v-89dfbfd5]{gap:20px;justify-content:space-between;padding:0 10px}.code_wrap .code_tab .tab[data-v-89dfbfd5]{background-color:#f7f8f9;border-radius:17px;color:#001e5c;cursor:pointer;font-size:14px;height:28px;line-height:28px;padding:0 8px}.code_wrap .code_tab .tab.active[data-v-89dfbfd5],.code_wrap .code_tab .tab[data-v-89dfbfd5]:hover{background-color:#e8efff;color:#1965ff}.code_wrap .code_tab .tab[data-v-89dfbfd5]:last-child{margin-right:0}.code_wrap .code_content[data-v-89dfbfd5]{box-sizing:border-box;height:262px;padding:8px;position:relative;width:100%}.code_wrap .code_content[data-v-89dfbfd5] pre{background:transparent!important;margin-top:0!important}.code_wrap .code_content[data-v-89dfbfd5] pre code{font-family:JetBrains Mono!important;white-space:pre-line}.code_wrap .code_content .code_content--inner[data-v-89dfbfd5]{height:246px;overflow-y:auto;white-space:pre-wrap;width:100%;word-wrap:break-word;font-size:16px}@media screen and (min-width:0) and (max-width:768px){.code_wrap .code_content .code_content--inner[data-v-89dfbfd5]{font-size:14px}}.code_wrap .code_content .code_content--inner[data-v-89dfbfd5]::-webkit-scrollbar{height:6px;width:6px}.code_wrap .code_content .code_content--inner[data-v-89dfbfd5]::-webkit-scrollbar-thumb{background:#e0e4ee;border:1px solid #f7f8f9;border-radius:13px;box-sizing:border-box;margin:8px;width:20px}.code_wrap .code_content .code_content--inner[data-v-89dfbfd5]::-webkit-scrollbar-thumb:hover{border-color:#e0e4ee}.code_wrap .code_content .code_content--inner[data-v-89dfbfd5]::-webkit-scrollbar-track{background:transparent}.code_wrap .code_content .code_content--inner[data-v-89dfbfd5]::-webkit-scrollbar-corner{background:#f7f8f9}.code_wrap .code_content .copy-btn[data-v-89dfbfd5]{align-items:center;background:#fff;border-radius:50%;bottom:28px;box-shadow:0 5px 10px #00000014;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:28px;width:40px}.code_wrap .code_content .copy-btn i[data-v-89dfbfd5]{color:#001e5c;font-size:20px}.code_wrap .code_content .copy-btn:hover i[data-v-89dfbfd5]{color:#1965ff}