.logichop-preview-modal{position:fixed;top:80px;left:100px;width:135px;height:35px;z-index:9999999;background-color:rgba(0,0,0,.8);font-family:sans-serif;color:#fff;overflow:hidden;display:none}.logichop-preview-modal.active{width:420px;height:auto;box-shadow:2px 2px 5px #000;display:block}.logichop-preview-modal header{height:35px;margin:0;padding:5px;font-size:16px;line-height:25px;background-color:#000}.logichop-preview-modal.active header{cursor:move}.logichop-preview-modal header .dashicons-marker{color:#1aeece;padding-top:2px}.logichop-preview-modal header .logichop-preview-toggle{color:rgba(255,255,255,.5);padding-top:2px;float:right}.logichop-preview-modal header .logichop-preview-toggle:hover{cursor:pointer;color:#1aeece}.logichop-preview-content{height:440px;overflow:hidden;border-bottom:5px solid #000}.logichop-preview-content-display{height:400px;overflow:auto}.logichop-preview-controls{height:30px}.logichop-preview-selector{height:30px;float:left;width:140px;text-align:center;font-size:10px;line-height:30px;color:rgba(255,255,255,.5);background-color:rgba(0,0,0,.5);border-top:1px solid rgba(255,255,255,.15)}.logichop-preview-selector:first-child{border-right:none}.logichop-preview-selector.active{color:#1aeece;background-color:rgba(0,0,0,0)}.logichop-preview-selector:hover{color:#1aeece;cursor:pointer}.logichop-preview-modal ul{margin:0;padding:0;list-style-type:none}.logichop-preview-modal ul li{font-size:14px;padding:5px 10px 5px 15px;border:1px solid rgba(255,255,255,.1)}.logichop-preview-modal ul li:first-child{border-top:none}.logichop-preview-modal ul li:nth-child(even){background-color:rgba(255,255,255,.05)}.logichop-preview-modal ul li.active{color:#1aeece}.logichop-preview-modal ul li:hover{cursor:pointer;background-color:rgba(0,0,0,1)}.logichop-preview-modal ul li input{font-size:14px;padding:2px 10px;margin:5px 0;border:none;background:rgba(255,255,255,.6);color:rgba(0,0,0,1)}.logichop-clearfix:after{content:"";display:table;clear:both}.logichop-preview-modal ul li .dashicons{width:5%;float:left}.logichop-preview-modal ul li .dashicons:after{content:"\f530"}.logichop-preview-modal ul li.active .dashicons:after{content:"\f177"}.logichop-preview-modal ul li .logichop-preview-content-title{width:95%;padding-left:10px;float:left}.logichop-preview-active{border:4px solid #1aeece}