.selector{position:relative;display:inline-block;margin-top:0;width:90px;height:35px;list-style:none}.selector-title{display:inline-block;width:100%;height:100%;box-sizing:border-box;background-color:#2e6adc;border-radius:4px;cursor:pointer;text-align:center}.selector-title,.selector-title:hover{transition:background-color .5s;-webkit-transition:background-color .5s}.selector-title:hover{background-color:#57a3f3}.selector-title .selector-title-wrapper{width:auto}.selector-title .selector-title-wrapper .selector-title-span{display:inline-block;font-size:13px;line-height:35px;color:#fff}.selector-title .selector-title-wrapper .selector-title-arrow-wrapper{display:inline-block;width:0;height:100%;margin-left:2px;position:relative}.selector-title .selector-title-wrapper .selector-title-arrow-wrapper .selector-title-arrow{border:4px solid transparent;border-top:5px solid #fff;width:0;height:0;position:absolute;top:50%;transform:translateY(-75%)}.selector-dropdown{background-color:#fff;box-sizing:border-box;box-shadow:0 2px 4px rgba(0,0,0,.12);overflow:hidden;width:90px;height:auto;border-radius:4px;padding:0 0;border:0;position:absolute;top:110%;left:50%;transform:translateX(-50%);margin:0;animation:none}.selector-dropdown .selector-dropdown-item{height:26px;line-height:26px;width:100%;display:block;margin:5px 0;padding-left:15px;font-size:13px;cursor:pointer;color:#495060}.selector-dropdown .selector-dropdown-item:hover{background-color:#f3f3f3}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.copy{position:relative;display:inline-block;margin-top:0;width:90px;height:35px;list-style:none}.copy-title{display:inline-block;width:100%;height:100%;background-color:rgpa(0,0,0,.8);box-sizing:border-box;border-radius:4px;border:1px solid #2e6adc;color:#2e6adc;cursor:pointer;text-align:center}.copy-title,.copy-title:hover{transition:background-color .5s;-webkit-transition:background-color .5s}.copy-title:hover{background-color:rgba(46,106,220,.2)}.copy-title .copy-title-wrapper{width:auto}.copy-title .copy-title-wrapper .copy-title-span{display:inline-block;font-size:13px;line-height:35px}.code-editor{width:100%;font-size:14px;margin-top:10px;border:1px solid #ebebeb;border-radius:3px;transition:.2s}.code-editor:hover{box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5)}.code-editor .code,.code-editor .control,.code-editor .preview{width:100%;box-sizing:border-box}.code-editor .preview{height:400px;border-bottom:1px solid #ebebeb;background-color:#fff;display:flex;justify-content:center;align-items:center}.code-editor .preview iframe{width:600px;height:337.5px;border:none}.code-editor .code{height:400px;border-bottom:1px solid #ebebeb}.code-editor .code .exampleConfig{display:none}.code-editor .code .CodeMirror{height:100%;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.code-editor .control{border-top:0 solid #ebebeb;text-align:center}.code-editor .control .btn{display:inline-block;border:none;color:#2e6adc;font-weight:400;padding:8px 16px;text-align:center;font-size:12px;margin:auto;transition:.3s;text-decoration:none;background-color:#fff;cursor:pointer;outline:none}.code-editor .control .btn:hover{font-weight:700}.code-editor .fade-enter-active,.code-editor .fade-leave-active{transition:opacity .2s ease 0s}.code-editor .fade-enter,.code-editor .fade-leave-active{opacity:0}.code-editor-horizon{width:100%;height:100%;margin:0;box-sizing:border-box;border-top:1px solid #222;font-size:14px;background-color:#000;display:flex}.code-editor-horizon .code,.code-editor-horizon .preview{box-sizing:border-box;height:100%;flex:auto}.code-editor-horizon .preview{width:38.2%;background-color:#000;display:flex;justify-content:center;align-items:center}.code-editor-horizon .preview iframe{width:100%;height:337.5px;border:none}.code-editor-horizon .code{display:inline-block!important;background-color:#000;position:relative}.code-editor-horizon .code .exampleConfig{position:absolute;right:20px;top:0;width:380px;height:22px;background-color:transparent;padding-top:5px;z-index:99;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:strech;justify-content:space-between}.code-editor-horizon .code .exampleConfig Selector{flex-grow:1;flex-basis:30%;max-width:30%;text-align:center}.code-editor-horizon .code .CodeMirror{height:100%;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.code-editor-horizon .control{display:none}