.variable-creator{position:relative;margin:12px;margin-bottom:42px;border-radius:var(--standard-border-radius)}.variable-creator p{font-size:18px;font-weight:bolder}.variable-creator .extend-btn{border:none;background:inherit;color:var(--orange-web);font-size:12px;cursor:pointer}.variable-creator .actions{position:absolute;bottom:-50px;right:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.variable-creator .actions .btn-primary{margin:10px 0 0 0}.variable-creator .fold-out{-webkit-animation:foldOut .4s ease;animation:foldOut .4s ease}.variable-creator .fold-in{-webkit-animation:foldIn .2s ease;animation:foldIn .2s ease}@-webkit-keyframes foldOut{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:.6}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes foldOut{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:.6}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes foldIn{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:.6}}@keyframes foldIn{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:.6}}.variable-creator .mappings{padding:0 12px 12px 12px}.variable-creator .mappings button{z-index:1;padding:0;margin-top:30px;padding-right:10px}.variable-creator .arrow:after{content:"\2192";position:absolute;right:-8px;top:40px}.variable-creator .dictionary-group{margin-top:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.variable-creator .dictionary-group button{height:36px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.variable-creator .dictionary-group button:hover{-webkit-box-shadow:5px 4px 4px 2px rgba(0,0,0,.25);box-shadow:5px 4px 4px 2px rgba(0,0,0,.25)}.variable-creator .radio-btns{display:grid;grid-template-columns:1fr 1fr 1fr;padding-top:12px}.variable-creator .radio-btns .container{display:block;position:relative;padding:0;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.variable-creator .radio-btns .container input{position:absolute;opacity:0;cursor:pointer}.variable-creator .radio-btns .container input:checked~.check-indicator{background-color:var(--orange-web)}.variable-creator .radio-btns .container input:checked~.check-indicator:after{display:block}.variable-creator .radio-btns .container input:checked~span{color:#495057}.variable-creator .radio-btns .container:hover input~.check-indicator{-webkit-filter:brightness(1.05);filter:brightness(1.05)}.variable-creator .radio-btns .container .check-indicator{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#e2e2e2;border-radius:50%}.variable-creator .radio-btns .container .check-indicator:after{content:"";position:absolute;display:none;top:6px;left:6px;width:6px;height:6px;border-radius:50%;background:#fff}.variable-creator .radio-btns .container span{margin-left:24px}.template-extra-variables-popover{width:840px;line-height:1.5;background-color:#fff;position:absolute;color:#3d464a}.template-extra-variables-popover.custom-popover{background-color:#fff;right:calc(50% - 420px);left:unset;top:calc(50% - 250px)}.template-extra-variables-popover.custom-popover .close-button,.template-extra-variables-popover.custom-popover:before{display:none}.template-extra-variables-popover .popover-header h2{margin:0;color:var(--charcoal)}.template-extra-variables-popover .extra-variable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 12px;cursor:pointer}.template-extra-variables-popover .extra-variable span{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.template-extra-variables-popover .extra-variable .duplicate-btn{opacity:0;margin-right:12px}.template-extra-variables-popover .extra-variable .selected-chevron{opacity:0;font-size:12px}.template-extra-variables-popover .extra-variable:hover{background-color:rgba(219,218,218,.4)}.template-extra-variables-popover .extra-variable:hover .duplicate-btn,.template-extra-variables-popover .extra-variable:hover .selected-chevron{opacity:1}.template-extra-variables-popover .extra-variable.is-selected{background-color:#dbdada}.template-extra-variables-popover .extra-variable.is-selected .selected-chevron{opacity:1}.template-extra-variables-popover .extra-variables-wrapper{display:grid;grid-template-columns:1fr 1fr;background-color:#fff;height:420px;border-radius:0 0 10px 10px}.template-extra-variables-popover .extra-variables-wrapper .create-btn{position:absolute;bottom:0;margin:12px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.template-extra-variables-popover .extra-variables-wrapper .left,.template-extra-variables-popover .extra-variables-wrapper .right{position:relative;overflow:auto;height:calc(100% - 50px)}.template-extra-variables-popover .extra-variables-wrapper .left .search-filter,.template-extra-variables-popover .extra-variables-wrapper .right .search-filter{position:relative;margin:0 12px 12px 12px}.template-extra-variables-popover .extra-variables-wrapper .left .search-filter .search-icon,.template-extra-variables-popover .extra-variables-wrapper .right .search-filter .search-icon{position:absolute;right:20px;bottom:8px;width:13px}.template-extra-variables-popover .extra-variables-wrapper .left .search-filter .close-icon,.template-extra-variables-popover .extra-variables-wrapper .right .search-filter .close-icon{position:absolute;right:40px;top:8px;width:13px}.template-extra-variables-popover .extra-variables-wrapper .left .popover-step,.template-extra-variables-popover .extra-variables-wrapper .right .popover-step{position:relative;width:auto}.template-extra-variables-popover .extra-variables-wrapper .left .popover-step .variable-selector.variable-list,.template-extra-variables-popover .extra-variables-wrapper .right .popover-step .variable-selector.variable-list{width:auto;position:relative;z-index:103}.template-extra-variables-popover .extra-variables-wrapper .left .popover-step .variable-list-wrapper,.template-extra-variables-popover .extra-variables-wrapper .right .popover-step .variable-list-wrapper{overflow:auto;max-height:300px}.template-extra-variables-popover .extra-variables-wrapper .left .popover-step .actions,.template-extra-variables-popover .extra-variables-wrapper .right .popover-step .actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;position:absolute;padding:12px;z-index:103}.template-extra-variables-popover .extra-variables-wrapper .left.left-popover-open{height:unset}.template-extra-variables-popover .backdrop-vars{position:fixed;z-index:102;height:100%;width:100%;left:0;top:0}.template-extra-variables-popover .close-popover{color:var(--charcoal);cursor:pointer}.template-extra-variables-popover .form-group{margin-bottom:0}.template-extra-variables-popover .form-group .form-control:invalid{color:#8f979c}.template-extra-variables-popover .hide{opacity:0;pointer-events:none}.template-extra-variables-popover select option:disabled{color:red}.template-extra-variables-popover .no-vars{margin:20px auto;text-align:center;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#8f979c;letter-spacing:.6px}.template-extra-variables-popover .save-footer-extra-vars{position:absolute;bottom:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1;gap:12px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:12px}.template-extra-variables-popover .save-footer-extra-vars .cancel,.template-extra-variables-popover .save-footer-extra-vars .save{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;line-height:35px;cursor:pointer}.template-extra-variables-popover .save-footer-extra-vars .save{color:rgba(61,70,74,.44);border-left:1px solid rgba(61,70,74,.36);pointer-events:none}.template-extra-variables-popover .save-footer-extra-vars.can-save .save{pointer-events:auto;color:#3d464a}.template-extra-variables-popover .save-footer-extra-vars.can-save .save:hover{color:#000}.template-extra-variables-popover .save-footer-extra-vars svg{margin-left:4px}.template-extra-variables-popover .active-input{-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.15);box-shadow:0 0 2px 0 rgba(0,0,0,.15);background:#fafafa;-webkit-transition:.2s;transition:.2s;-webkit-transform:scale(1.01);transform:scale(1.01)}.template-extra-variables-popover .advanced-options .advanced-options-header{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.slide-enter-to{position:absolute;opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}.slide-enter,.slide-leave-to{position:absolute;opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}.slide-enter-active,.slide-leave-active{position:absolute;-webkit-transition:all .1s ease;transition:all .1s ease}