.landing-img[data-v-de2625e6]{width:700px}@media screen and (orientation:portrait){.landing-img[data-v-de2625e6]{width:100%!important}}.cb[data-v-3c0bc7c1]{cursor:pointer;height:30px;opacity:.5;position:absolute;right:0;transition:opacity .3s linear;width:80px}.cb:hover .cb_tooltip[data-v-3c0bc7c1]{display:block}.cb[data-v-3c0bc7c1]:hover{opacity:1}.cb_tooltip[data-v-3c0bc7c1]{display:none;left:-96px}.cb_copy[data-v-3c0bc7c1],.cb_tooltip[data-v-3c0bc7c1]{background:#000c;border-radius:4px;box-sizing:border-box;color:#fff;font-family:sans-serif;font-size:12px;height:30px;line-height:30px;position:absolute;text-align:center;width:80px}.cb_copy[data-v-3c0bc7c1]{display:block}.cb textarea[data-v-3c0bc7c1]{background:transparent;border-color:#0000;height:0;opacity:0;padding:0;position:absolute;resize:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:0}.TL[data-v-b98f7724]{align-items:center;display:flex;height:30px;justify-content:center;position:relative;width:40px}.TL_word[data-v-b98f7724]{color:#aaa;font-size:16px;height:20px;text-align:center;width:20px}.code[data-v-f4a493be]{display:flex;flex-direction:column;font-size:0;overflow:hidden;position:relative;text-align:left}.code_header[data-v-f4a493be]{min-height:14px}.code_area[data-v-f4a493be]{display:flex;margin:auto 0;overflow:hidden;padding-left:20px;position:relative}.code_area textarea[data-v-f4a493be]{box-sizing:border-box;caret-color:#7f7f7f;overflow-y:hidden;-webkit-text-fill-color:transparent;white-space:pre;word-wrap:normal;background:none;border:none;font-family:Consolas,Monaco,monospace;height:100%;left:0;line-height:1.3;outline:none;overflow:overlay;padding:0 20px 20px;position:absolute;resize:none;top:0;width:100%;z-index:1000}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar{height:8px;width:8px}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-corner{background-color:#eee}.code_area_link[data-v-f4a493be]{position:absolute}.code_area.change_hight[data-v-f4a493be]{height:calc(100% - 30px)}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar{height:8px;width:8px}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-corner{background-color:#eee}.code_area pre[data-v-f4a493be]{height:100%;margin:0;overflow:hidden;position:relative}.code_header[data-v-f4a493be]{display:flex;justify-content:flex-start;position:relative;width:100%}.code pre code[data-v-f4a493be]{border:none;border-radius:0;box-sizing:border-box;display:block;font-family:Consolas,Monaco,monospace;line-height:1.3;margin:0;overflow-x:visible;position:relative}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee;border-radius:5px}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar-thumb{background:#afabab;border-radius:5px}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar{width:6px}.code_area_lines[data-v-f4a493be]{align-items:center;display:flex;flex-direction:column;position:absolute;transform:translate(-18px);width:10px}.code_area_lines_item[data-v-f4a493be]{align-items:center;color:#adb5bd;display:flex;font-size:12px;height:24px;justify-content:center;opacity:.6;text-align:center;width:10px}.code_area_lines_item.dark[data-v-f4a493be]{color:#adb5bd}.code_area_lines_item.light[data-v-f4a493be]{color:#212529}.atom_one_dark .hljs,.atom_one_dark.hljs{background:#282c34;color:#abb2bf}.atom_one_dark .hljs-comment,.atom_one_dark .hljs-quote{color:#5c6370;font-style:italic}.atom_one_dark .hljs-doctag,.atom_one_dark .hljs-formula,.atom_one_dark .hljs-keyword{color:#c678dd}.atom_one_dark .hljs-deletion,.atom_one_dark .hljs-name,.atom_one_dark .hljs-section,.atom_one_dark .hljs-selector-tag,.atom_one_dark .hljs-subst{color:#e06c75}.atom_one_dark .hljs-literal{color:#56b6c2}.atom_one_dark .hljs-addition,.atom_one_dark .hljs-attribute,.atom_one_dark .hljs-meta .hljs-string,.atom_one_dark .hljs-regexp,.atom_one_dark .hljs-string{color:#98c379}.atom_one_dark .hljs-attr,.atom_one_dark .hljs-number,.atom_one_dark .hljs-selector-attr,.atom_one_dark .hljs-selector-class,.atom_one_dark .hljs-selector-pseudo,.atom_one_dark .hljs-template-variable,.atom_one_dark .hljs-type,.atom_one_dark .hljs-variable{color:#d19a66}.atom_one_dark .hljs-bullet,.atom_one_dark .hljs-link,.atom_one_dark .hljs-meta,.atom_one_dark .hljs-selector-id,.atom_one_dark .hljs-symbol,.atom_one_dark .hljs-title{color:#61aeee}.atom_one_dark .hljs-built_in,.atom_one_dark .hljs-class .hljs-title,.atom_one_dark .hljs-title .class_{color:#e6c07b}.atom_one_dark .hljs-emphasis{font-style:italic}.atom_one_dark .hljs-strong{font-weight:700}.atom_one_dark .hljs-link{text-decoration:underline}.atom_one_light .hljs,.atom_one_light.hljs{background:#edf2f4;color:#383a42}.atom_one_light .hljs-comment,.atom_one_light .hljs-quote{color:#a0a1a7;font-style:italic}.atom_one_light .hljs-doctag,.atom_one_light .hljs-formula,.atom_one_light .hljs-keyword{color:#a626a4}.atom_one_light .hljs-deletion,.atom_one_light .hljs-name,.atom_one_light .hljs-section,.atom_one_light .hljs-selector-tag,.atom_one_light .hljs-subst{color:#e45649}.atom_one_light .hljs-literal{color:#0184bb}.atom_one_light .hljs-addition,.atom_one_light .hljs-attribute,.atom_one_light .hljs-meta .hljs-string,.atom_one_light .hljs-regexp,.atom_one_light .hljs-string{color:#50a14f}.atom_one_light .hljs-attr,.atom_one_light .hljs-number,.atom_one_light .hljs-selector-attr,.atom_one_light .hljs-selector-class,.atom_one_light .hljs-selector-pseudo,.atom_one_light .hljs-template-variable,.atom_one_light .hljs-type,.atom_one_light .hljs-variable{color:#986801}.atom_one_light .hljs-bullet,.atom_one_light .hljs-link,.atom_one_light .hljs-meta,.atom_one_light .hljs-selector-id,.atom_one_light .hljs-symbol,.atom_one_light .hljs-title{color:#4078f2}.atom_one_light .hljs-built_in,.atom_one_light .hljs-class .hljs-title,.atom_one_light .hljs-title .class_{color:#c18401}.atom_one_light .hljs-emphasis{font-style:italic}.atom_one_light .hljs-strong{font-weight:700}.atom_one_light .hljs-link{text-decoration:underline}[data-v-657c2a13] pre{padding:0!important}[data-v-657c2a13] .code_area{width:100%}[data-v-657c2a13] pre{height:-moz-fit-content!important;height:fit-content!important}[data-v-657c2a13] .code_area.change_hight{overflow-y:auto!important}