.variable-settings,.variable-settings p.vs-tips{padding:0 12px;box-sizing:border-box}.variable-settings button.add-var,.variable-settings button.remove-custom-vars{float:right;cursor:pointer;height:28px}.variable-settings-mask{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;background:#000;z-index:2;display:none}.variable-settings{position:absolute;top:24px;left:50%;width:720px;height:calc(100% - 48px);z-index:3;margin-left:-300px;display:none}.variable-settings .variable-settings-title{text-align:center;height:24px;line-height:24px}.variable-settings .variable-settings-title i{margin-right:2px}.variable-settings p{line-height:20px;margin:6px 0;box-sizing:border-box}.variable-settings p .fa-search{width:24px;height:24px;line-height:24px;text-align:center}.variable-settings p .variable-filter{width:160px}.variable-settings p.vs-error-tips{display:none}.variable-settings .variable-table-header{width:100%}.variable-settings .variable-table-header thead td{padding:4px;box-sizing:border-box;display:inline-block}.variable-settings .variable-table-header thead .name{width:180px;height:28px}.variable-settings .variable-table-header thead .value{width:300px}.variable-settings .variable-table-header thead .type{width:80px}.variable-settings .variable-table-header thead .scope{width:60px}.variable-settings .variable-table-header thead .operations{width:48px}.variable-settings .variable-table-wrapper{width:100%;height:calc(100% - 164px);overflow:auto}.variable-settings .variable-table-wrapper .variable-table{width:100%}.variable-settings .variable-table-wrapper .variable-table td{padding:4px;box-sizing:border-box;display:inline-block}.variable-settings .variable-table-wrapper .variable-table td input.reserved{border:none;background:0 0}.variable-settings .variable-table-wrapper .variable-table td input{width:100%;box-sizing:border-box}.variable-settings .variable-table-wrapper .variable-table .name{width:180px;height:28px}.variable-settings .variable-table-wrapper .variable-table .value{word-break:break-all;width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.variable-settings .variable-table-wrapper .variable-table .type{width:80px}.variable-settings .variable-table-wrapper .variable-table .scope{width:60px}.variable-settings .variable-table-wrapper .variable-table .operations{width:48px;text-align:center}.variable-settings .variable-table-wrapper .variable-table .operations span{margin:0 4px}.variable-settings button.add-var{width:120px;margin-right:12px}.variable-settings button.add-var i,.variable-settings button.remove-custom-vars i{margin-right:4px}.variable-settings .variable-settings-bottom{text-align:center;height:24px}.variable-settings .variable-settings-bottom p.vs-error-tips{position:absolute;margin-top:-26px;left:0;width:100%;box-sizing:border-box}.variable-settings .variable-settings-bottom span{display:inline-block;height:22px;line-height:20px;padding:0 8px;box-sizing:border-box;cursor:pointer;margin:0 4px}.variable-settings .variable-settings-bottom span i{margin-right:2px}@media screen and (max-width:720px){.variable-settings{width:100%;margin-left:unset;transform:translateX(-50%)}.variable-settings p.vs-tips{display:none}.variable-settings .variable-table-header thead td{padding:4px;box-sizing:border-box;display:inline-block}.variable-settings .variable-table-header thead .name{width:100px;height:28px}.variable-settings .variable-table-header thead .value{width:118px}.variable-settings .variable-table-header thead .type{width:60px}.variable-settings .variable-table-header thead .scope{width:40px;display:none}.variable-settings .variable-table-header thead .operations{width:52px}.variable-settings .variable-table-wrapper{height:calc(100% - 142px)}.variable-settings .variable-table-wrapper .variable-table{font-size:10px}.variable-settings .variable-table-wrapper .variable-table .name{width:100px;height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.variable-settings .variable-table-wrapper .variable-table .value{word-break:break-all;width:118px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.variable-settings .variable-table-wrapper .variable-table .type{width:60px}.variable-settings .variable-table-wrapper .variable-table .scope{display:none;width:40px}.variable-settings .variable-table-wrapper .variable-table .operations{width:52px;text-align:right}.variable-settings .variable-table-wrapper .variable-table .operations span{margin:0 4px}.variable-settings .variable-settings-bottom{margin-top:12px}}