.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)}.collapsible .toggle{cursor:pointer}.expand-enter-to,.expand-leave{height:var(--collapse-height)}.expand-enter,.expand-leave-to{height:0}.expand-enter-active,.expand-leave-active{-webkit-transform-origin:top;transform-origin:top;overflow:hidden;-webkit-transition:height .1s ease;transition:height .1s ease}.settings-panel-area-header{color:var(--text-grey-primary);padding:0 45px}.settings-panel-area-header h4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:0}.settings-panel-area-header .caret{width:9px;height:5px}#preview .preview{padding:15px 0 15px 45px;overflow:hidden}#preview .preview .text{padding-right:45px;padding-bottom:15px}#preview .preview .text a{pointer-events:none}#preview.custom-scrollbar::-webkit-scrollbar-track{background:#333a3e}#preview.custom-scrollbar::-webkit-scrollbar-thumb{border:2px solid #333a3e}.content-header{margin-bottom:20px}.content-icon{margin-right:10px;top:-2px;position:relative;width:14px}.content-text{color:#fff}#settingsPanel{width:270px;min-width:270px;background-color:var(--charcoal);color:var(--text-grey-primary);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#settingsPanel,#settingsPanel .collapser{display:-webkit-box;display:-ms-flexbox;display:flex}#settingsPanel .collapser{background-color:var(--charcoal-115);border-bottom:1px solid var(--charcoal-border);height:40px;padding:0 45px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}#settingsPanel .panel-area{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;border-bottom:1px solid var(--charcoal-border);padding:30px 0 0 0}#settingsPanel .panel-area.collapsed{-webkit-box-flex:0;-ms-flex:none;flex:none}#settingsPanel.collapsed{width:68px;min-width:68px}#settingsPanel.collapsed .collapser{padding:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#settingsPanel.collapsed .collapser .variation-count,#settingsPanel.collapsed .panel-area{display:none}#settingsPanel .disabled-btn{pointer-events:none;color:grey}#settingsPanel .flip-chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}