@media screen and (min-width:768px){.user_code_block_panel[data-v-7751784e]{height:100%;width:100%}.user_code_block_panel .code_box[data-v-7751784e]{background:#050810;border-radius:12px;height:100%;overflow:hidden;position:relative;width:100%}.user_code_block_panel .code_tabs[data-v-7751784e]{align-items:center;border-bottom:1px solid #2f364b;display:flex;height:60px;overflow-x:auto;padding:0 20px}.user_code_block_panel .code_tabs button[data-v-7751784e]{background:transparent;border:0;border-radius:16px;color:#fff;cursor:pointer;font-family:Montserrat Medium;font-size:14px;height:28px;line-height:18px;white-space:nowrap;width:70px}.user_code_block_panel .code_tabs button.active[data-v-7751784e]{background:#5964ff}.user_code_block_panel .code_body[data-v-7751784e]{height:100%;overflow:hidden}.user_code_block_panel.has_tabs.tabs_inside .code_body[data-v-7751784e]{height:calc(100% - 60px)}.user_code_block_panel[data-v-7751784e] .relative{background:#050810;height:100%}.user_code_block_panel[data-v-7751784e] pre{background:#050810;height:100%;margin:0;max-width:100%;overflow:scroll;scrollbar-color:hsla(0,0%,100%,.28) hsla(0,0%,100%,.06);scrollbar-width:thin;width:100%}.user_code_block_panel[data-v-7751784e] code{background:#050810!important;display:block;font-size:14px;line-height:22px;min-height:100%;min-width:100%;white-space:pre;width:-moz-max-content;width:max-content}.user_code_block_panel .copy_btn[data-v-7751784e]{background:#5964ff;border:0;border-radius:16px;bottom:20px;color:#fff;cursor:pointer;font-family:Montserrat Medium;font-size:14px;height:32px;padding:0 14px;position:absolute;right:20px}.user_code_block_panel.is_overview[data-v-7751784e]{height:auto}.user_code_block_panel.is_overview .code_tabs[data-v-7751784e]{background:#050914;border-bottom:0;border-radius:4px;height:40px;padding:4px;width:292px}.user_code_block_panel.is_overview .code_tabs button[data-v-7751784e]{background:transparent;border-radius:4px;color:#7a819a;flex:1;font-family:Montserrat SemiBold;font-size:14px;font-weight:600;height:32px;line-height:18px;width:auto}.user_code_block_panel.is_overview .code_tabs button.active[data-v-7751784e]{background:#5964ff;color:#fff}.user_code_block_panel.is_overview .code_box[data-v-7751784e]{background:#050914;border-radius:10px;height:234px;margin-top:10px}.user_code_block_panel.is_overview[data-v-7751784e] .relative,.user_code_block_panel.is_overview[data-v-7751784e] code,.user_code_block_panel.is_overview[data-v-7751784e] pre{background:#050914!important}.user_code_block_panel.is_overview[data-v-7751784e] code{color:#20f3b5;font-size:13px;line-height:20px;padding:18px}.user_code_block_panel.is_overview .copy_btn[data-v-7751784e]{align-items:center;bottom:16px;-moz-column-gap:4px;column-gap:4px;display:flex;font-weight:500;justify-content:center;line-height:18px;min-width:78px;padding:0 12px;right:16px}}@media screen and (max-width:767px){.user_code_block_panel[data-v-7751784e]{height:100%;width:100%}.user_code_block_panel .code_box[data-v-7751784e]{background:#060a13;border-radius:.18rem;height:100%;overflow:hidden;position:relative;width:100%}.user_code_block_panel .code_tabs[data-v-7751784e]{align-items:center;border-bottom:1px solid #2f364b;-moz-column-gap:.28rem;column-gap:.28rem;display:flex;height:.84rem;overflow-x:auto;padding:0 .32rem}.user_code_block_panel .code_tabs button[data-v-7751784e]{background:transparent;border:0;border-radius:.28rem;color:#fff;font-family:Montserrat Medium;font-size:.28rem;height:.56rem;padding:0 .24rem;white-space:nowrap}.user_code_block_panel .code_tabs button.active[data-v-7751784e]{background:#5964ff}.user_code_block_panel .code_body[data-v-7751784e]{height:100%;overflow:hidden}.user_code_block_panel.has_tabs.tabs_inside .code_body[data-v-7751784e]{height:calc(100% - .84rem)}.user_code_block_panel[data-v-7751784e] .relative{background:#060a13;height:100%}.user_code_block_panel[data-v-7751784e] pre{background:#060a13;height:100%;margin:0;max-width:100%;overflow:scroll;scrollbar-color:hsla(0,0%,100%,.28) hsla(0,0%,100%,.06);scrollbar-width:thin;width:100%}.user_code_block_panel[data-v-7751784e] code{background:#060a13!important;display:block;font-size:.28rem;line-height:.4rem;min-height:100%;min-width:100%;white-space:pre;width:-moz-max-content;width:max-content}.user_code_block_panel .copy_btn[data-v-7751784e]{background:#5964ff;border:0;border-radius:.28rem;bottom:.32rem;color:#fff;font-family:Montserrat Medium;font-size:.26rem;height:.56rem;padding:0 .24rem;position:absolute;right:.32rem}.user_code_block_panel.is_overview[data-v-7751784e]{height:auto}.user_code_block_panel.is_overview .code_tabs[data-v-7751784e]{background:#050914;border-bottom:0;border-radius:.08rem;-moz-column-gap:0;column-gap:0;height:.72rem;padding:.08rem;width:100%}.user_code_block_panel.is_overview .code_tabs button[data-v-7751784e]{background:transparent;border-radius:.08rem;color:#7a819a;flex:1;font-family:Montserrat SemiBold;font-size:.28rem;font-weight:600;height:.56rem;line-height:.36rem;padding:0}.user_code_block_panel.is_overview .code_tabs button.active[data-v-7751784e]{background:#5964ff;color:#fff}.user_code_block_panel.is_overview .code_box[data-v-7751784e]{background:#050914;border-radius:.2rem;height:7rem;margin-top:.22rem}.user_code_block_panel.is_overview[data-v-7751784e] .relative,.user_code_block_panel.is_overview[data-v-7751784e] code,.user_code_block_panel.is_overview[data-v-7751784e] pre{background:#050914!important}.user_code_block_panel.is_overview[data-v-7751784e] code{color:#20f3b5;font-size:.24rem;line-height:.4rem;padding:.38rem .34rem}.user_code_block_panel.is_overview .copy_btn[data-v-7751784e]{align-items:center;bottom:.36rem;-moz-column-gap:.08rem;column-gap:.08rem;display:flex;font-size:.24rem;font-weight:500;justify-content:center;line-height:.3rem;min-width:1.42rem;padding:0 .22rem;right:.36rem}.user_code_block_panel.is_overview .copy_btn img[data-v-7751784e]{height:.24rem;width:.24rem}}