#xlor-code{width:100%}code,pre{white-space:pre;overflow-x:auto;font-family:Fira Code,monospace;font-size:16px!important}@media only screen and (min-device-width:414px) and (max-device-height:736px) and (-webkit-device-pixel-ratio:3){code,pre{font-family:Fira Code,monospace;font-size:6px!important}}pre::-webkit-scrollbar{width:.4rem;height:.4rem}pre::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0,0,0,.26)}.hljs-ln-numbers{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:right;color:#ccc;vertical-align:top;padding-right:5px}.hljs-ln-code{padding-left:10px!important}#xlor-view{margin:20px auto}#xlor-view>.el-col{position:relative}pre>code{font-family:FiraCode,consolas,Menlo,PingFang SC,Microsoft YaHei,monospace;width:100%}#xlor-view .copy-button{position:absolute;right:1.5%;padding:7px 10px!important}#xlor-view .display-code>div{padding:12px 2%!important;height:100%;width:96%}.v-enter{opacity:0;z-index:-1;-webkit-transform:translateY(-100px);transform:translateY(-100px)}.v-enter-active{-webkit-transition:all .5s ease;transition:all .5s ease}.v-enter-to{z-index:0;opacity:1}