.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}.variable-in-use-selector{margin:0 33px;padding:0 12px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;margin-bottom:8px}.variable-in-use-selector .count{opacity:.4}.variable-in-use-selector .name{font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.variable-in-use-selector .variation-selector{background:inherit;color:var(--alabaster);border-radius:4px;padding:4px}.template-data-popover-toggle{position:relative}.data-name-ref-title{font-family:Roboto,sans-serif!important;text-transform:unset!important;color:#fff;padding:0 45px;font-size:18px;font-weight:900}.data-name-ref{color:#fff;margin-left:4px;font-size:15px;margin-bottom:30px}.filter-variables-wrap{position:relative;margin:10px 45px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-variables-wrap .filter-variables{width:100%;background:transparent;border:0;padding-left:12px;height:30px;outline:none;color:#fff}.filter-variables-wrap .filter-variables::-webkit-input-placeholder{color:#fff}.filter-variables-wrap .filter-variables::-moz-placeholder{color:#fff}.filter-variables-wrap .filter-variables:-ms-input-placeholder{color:#fff}.filter-variables-wrap .filter-variables::-ms-input-placeholder{color:#fff}.filter-variables-wrap .filter-variables::placeholder{color:#fff}.filter-variables-wrap .filter-variables-icon{color:#fff}.filter-variables-wrap .search-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.filter-variables-wrap .search-wrap svg{color:#fafafa;-ms-flex-item-align:center;align-self:center}.variables-in-use-wrapper{border-bottom:1px solid #485258;padding-bottom:10px;max-height:calc(60vh - 30px)}