.variable-in-use{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#8f979c;padding:0 0 0 45px;line-height:30px;position:relative}.variable-in-use .count{position:absolute;width:45px;left:0;text-align:center;display:none}.variable-in-use .name{font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.variable-in-use input{background:transparent;border:none;outline:none;color:inherit;padding:0 0 0 10px}.variable-in-use.has-focus,.variable-in-use:hover{background-color:rgba(143,151,156,.5);color:#fff}.variable-in-use.has-focus .name,.variable-in-use:hover .name{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.variable-in-use.has-focus input,.variable-in-use:hover input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.variable-in-use.has-focus input::-webkit-input-placeholder,.variable-in-use:hover input::-webkit-input-placeholder{color:#fff}.variable-in-use.has-focus input::-moz-placeholder,.variable-in-use:hover input::-moz-placeholder{color:#fff}.variable-in-use.has-focus input:-ms-input-placeholder,.variable-in-use:hover input:-ms-input-placeholder{color:#fff}.variable-in-use.has-focus input::-ms-input-placeholder,.variable-in-use:hover input::-ms-input-placeholder{color:#fff}.variable-in-use.has-focus input::placeholder,.variable-in-use:hover input::placeholder{color:#fff}.variable-in-use:hover .count{display:block}.variable-in-use.align-right input{text-align:right;padding-right:10px}