@font-face{font-family:iconfont;src:url(/less-preview/assets/iconfont.ttf) format("truetype")}.titlebar{position:relative;background:#3e566e;height:40px;border:1px solid hsla(210,20%,10%,.5);display:flex;flex-wrap:wrap;justify-content:space-between}.titlebar .logo{position:absolute;display:inline-block;width:52.8px;height:23.4px;background-image:url(/less-preview/assets/less_logo.png);background-size:52.8px 23.4px;background-repeat:no-repeat;margin-left:3px;margin-top:8px}.titlebar .title{font-family:Quicksand,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:300;font-size:18px;color:#fff;letter-spacing:1px;padding:8px 16px;margin-left:54px}@media (max-width: 720px){.titlebar .title{font-size:.8em}}@media (max-width: 640px){.titlebar .title{display:none}}.titlebar .version-select-tips{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:450px;z-index:100;font-family:Quicksand,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:block;font-weight:300;font-size:18px;letter-spacing:1px;margin-top:6px;line-height:18px}.titlebar .version-select-tips .version-select-tips-error{width:100%;height:100%;padding:6px 16px;border-radius:3px;color:#f26b6e;background-color:#fef0f0}.titlebar .version-select-tips .version-select-tips-success{width:100%;height:100%;padding:6px 16px;border-radius:3px;color:#6bc247;background-color:#e2f3d9}@media (max-width: 560px){.titlebar .toolbar{font-size:.8em}}@media (max-width: 640px){.titlebar .toolbar{margin-left:54PX}}.titlebar .toolbar{width:25rem;z-index:100;font-family:Quicksand,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:block;font-weight:300;font-size:18px;color:#fff;letter-spacing:1px;padding:4px 10px;height:25px;line-height:25px}.titlebar .toolbar .version-select{display:inline-block;cursor:default}.titlebar .toolbar .version-select .version-select-click{position:relative;color:#000;background-color:#e6e8eb;display:inline-block;margin-right:12px;width:200px;height:25px;line-height:25px}.titlebar .toolbar .version-select .version-select-click .active-version{cursor:pointer;position:relative;display:inline-block;vertical-align:middle;width:100%;line-height:25px;padding-left:5px}.titlebar .toolbar .version-select .version-select-click .active-version:after{content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #aaa;position:absolute;right:2px;top:6px}.titlebar .toolbar .version-select .version-select-click .versions{position:absolute;left:0;top:40px;background-color:#fff;border:1px solid #ddd;border-radius:4px;list-style-type:none;padding:8px;margin:0;width:200px;max-height:calc(100vh - 70px);overflow:scroll;background-color:#e6e8eb}.titlebar .toolbar .version-select .version-select-click .versions a{display:block;padding:6px 12px;text-decoration:none;cursor:pointer;color:var(--base)}.titlebar .toolbar .version-select .version-select-click .versions a:hover{color:#3ca877}.titlebar .toolbar .github a{text-decoration:none;color:#fff}.titlebar .toolbar .button{display:inline-block;width:20px;height:20px;cursor:default;margin-left:1px;margin-right:2px;text-decoration:none;color:#fff;background:none;border:none;text-align:center}.titlebar .toolbar .button:hover{font-weight:600}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.codemirror,.codemirror .cm-editor{height:100%}.container{position:relative;height:calc(100vh - 40px);display:flex;flex-direction:column;justify-content:space-evenly}.body{overflow:hidden;display:flex;justify-content:stretch;align-items:stretch;gap:6px;padding:6px;flex:1}.editor{flex:5;border:1px solid hsl(190,10%,50%)}.options{border:1px solid hsl(190,10%,50%);background:#2c3c4e;flex:2;display:none;color:#ddd;padding:12px;display:flex;flex-direction:column;gap:16px}.options>*{margin:0}@media (min-width: 1024px){.options{display:flex}}label{display:flex;gap:4px;padding-bottom:3px}label span{flex:1}select,.footer{width:100%}.loading{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f2efef}@keyframes identifier{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading .loadingCircle{position:absolute;left:50%;top:50%;margin-left:-5rem;margin-top:-5rem;width:10rem;height:10rem;border:1px solid #91abe3;border-left:2px solid #91abe3;border-radius:50%;animation:identifier .6s linear infinite forwards}html,body{margin:0;font-family:system-ui,sans-serif}body{background:#35495e}*,*:before,*:after{box-sizing:border-box}@keyframes opac{0%{opacity:0}to{opacity:1}}.error{color:#f9a695;background:hsl(10,89%,26%);height:28px;padding:2px 8px;position:relative;top:-6px;animation:opac 1s}