.code-display-container[data-v-d45e08ca]{background:#18181b;border:1px solid hsla(240,4%,46%,.26);border-radius:20px;display:flex;flex-direction:column;height:480px;max-width:100%;overflow:hidden;padding:24px;width:100%}.code-header[data-v-d45e08ca]{background-color:#18181b;display:flex;margin-bottom:24px}.language-tabs[data-v-d45e08ca]{background:#27272a;border-radius:12px;display:flex;gap:8px;overflow-x:auto;padding:4px;scrollbar-width:none;white-space:nowrap;-ms-overflow-style:none}.language-tabs[data-v-d45e08ca]::-webkit-scrollbar{display:none}.lang-tab[data-v-d45e08ca]{background-color:transparent;border:none;border-radius:10px;color:var(--font-text-color);color:#667085;cursor:pointer;flex:0 0 auto;font-size:14px;font-size:16px;font-style:normal;font-weight:700;font-weight:400;line-height:24px;padding:4px 12px;text-align:center;text-transform:none;white-space:nowrap}.lang-tab.active[data-v-d45e08ca]{background-color:#3f3f46;border-radius:8px;box-shadow:0 1 2px #0000000d;color:#fff}.code-scroll-area[data-v-d45e08ca]{flex:1;overflow:hidden}.code-content[data-v-d45e08ca]{background-color:#18181b;display:flex;min-height:436px;min-width:100%}.line-numbers-wrapper[data-v-d45e08ca]{background-color:var(--el-color-primary);box-sizing:border-box;left:0;position:sticky;width:40px;will-change:transform;z-index:1}.line-numbers[data-v-d45e08ca]{color:#fff;font-family:monospace;font-size:12px;line-height:1.5;padding:12px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.line-number[data-v-d45e08ca]{align-items:center;display:flex;height:18px;justify-content:center;padding:0 8px}.code-area[data-v-d45e08ca]{background-color:#18181b;color:#e4e4e7;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.5;margin:0;min-width:0;overflow:visible;padding:16px}.code-area code[data-v-d45e08ca]{display:block;white-space:pre;word-wrap:normal;overflow-x:auto;padding:0}[data-v-d45e08ca] .el-scrollbar__wrap{overflow-x:auto!important}[data-v-d45e08ca] .el-scrollbar__bar.is-horizontal{height:10px}[data-v-d45e08ca] .hljs{background:transparent;line-height:1.5;padding:0}.code-footer[data-v-d45e08ca]{background-color:#18181b;display:flex;padding:35px 0 0;position:relative}.api-type-selector[data-v-d45e08ca]{background-color:#27272a;border-radius:12px;display:flex;margin-left:auto;overflow:hidden;padding:4px}.api-type-btn[data-v-d45e08ca]{background-color:transparent;border:none;color:#ffffffb3;color:#667085;cursor:pointer;font-size:14px;padding:4px 12px}.api-type-btn[data-v-d45e08ca],.api-type-btn.active[data-v-d45e08ca]{font-size:16px;font-style:normal;font-weight:400;line-height:24px;text-align:center;text-transform:none}.api-type-btn.active[data-v-d45e08ca]{background-color:#3f3f46;border-radius:8px;box-shadow:0 1 2px #0000000d;color:#fff}@media screen and (max-width:768px){.code-display-container[data-v-d45e08ca]{border-radius:12px;height:100%;margin:0;min-height:400px;padding:12px}.code-header[data-v-d45e08ca]{margin-bottom:12px}.code-content[data-v-d45e08ca]{min-height:calc(100% - 80px)}.language-tabs[data-v-d45e08ca]{gap:4px;padding:3px}.lang-tab[data-v-d45e08ca]{font-size:14px;padding:3px 8px}.code-area[data-v-d45e08ca]{font-size:12px;padding:12px}.code-footer[data-v-d45e08ca]{padding:20px 0 0}}@media screen and (max-width:480px){.code-display-container[data-v-d45e08ca]{border-radius:8px;height:100%;margin:0;min-height:350px;padding:8px}.code-content[data-v-d45e08ca]{min-height:calc(100% - 70px)}.code-header[data-v-d45e08ca]{margin-bottom:8px}.language-tabs[data-v-d45e08ca]{gap:2px;padding:2px}.lang-tab[data-v-d45e08ca]{font-size:12px;padding:2px 6px}.code-area[data-v-d45e08ca]{font-size:11px;padding:8px}.code-footer[data-v-d45e08ca]{padding:15px 0 0}.api-type-selector[data-v-d45e08ca]{padding:3px}}