.variable-creator{margin:12px;margin-bottom:42px}.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{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}.edit-template-method{background-color:#fff;margin:12px;padding-bottom:35px}.edit-template-method .dictionary-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.edit-template-method .dictionary-group button{height:36px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.edit-template-method .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)}.edit-template-method .custom-row{display:grid;grid-template-columns:1fr 1fr}.edit-template-method .delete-alert{display:none}.edit-template-method .delete-alert span{visibility:hidden;opacity:0;-webkit-transition:2s;transition:2s}.edit-template-method .mappings .mapping{position:relative;padding:0 12px 12px 12px}.edit-template-method .mappings .mapping button{z-index:1;padding:0;margin-top:30px;padding-right:10px}.edit-template-method .mappings .mapping button:hover+.delete-alert{display:block}.edit-template-method .mappings .mapping button:hover+.delete-alert span{visibility:visible;-webkit-box-shadow:5px 4px 4px 2px rgba(0,0,0,.25);box-shadow:5px 4px 4px 2px rgba(0,0,0,.25);opacity:1;background-color:#fafafa;padding:12px;-webkit-transition:2s;transition:2s;position:absolute;top:10px;right:30px;z-index:2}.edit-template-method .arrow:after{content:"\2192";position:absolute;right:-8px;top:40px}.edit-template-method .actions{float:right}.edit-template-method .actions button{margin:10px 0 10px 5px}.edit-template-method .actions .btn-secondary{padding:2px 12px}.template-methods-popover{width:840px;line-height:1.5;background-color:#fff;position:absolute;color:#3d464a}.template-methods-popover.custom-popover{background-color:#fff;right:calc(50% - 420px);left:unset;top:calc(50% - 250px)}.template-methods-popover.custom-popover .close-button,.template-methods-popover.custom-popover:before{display:none}.template-methods-popover .extra-variable{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 20px;cursor:pointer}.template-methods-popover .extra-variable span{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.template-methods-popover .extra-variable img{display:none}.template-methods-popover .extra-variable:hover{background-color:rgba(219,218,218,.4)}.template-methods-popover .extra-variable:hover>img{display:block}.template-methods-popover .extra-variable.is-selected{background-color:#dbdada}.template-methods-popover .extra-variable.is-selected img{display:inline-block}.template-methods-popover .extra-variables-wrapper{display:grid;grid-template-columns:1fr 1fr;background-color:#fff;height:420px}.template-methods-popover .extra-variables-wrapper .right{background-color:#fff;overflow:auto;-webkit-box-shadow:inset 2px 0 3px -1px rgba(0,0,0,.25);box-shadow:inset 2px 0 3px -1px rgba(0,0,0,.25)}.template-methods-popover .extra-variables-wrapper .left{overflow:auto}.template-methods-popover .extra-variables-wrapper .left .popover-step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:auto}.template-methods-popover .extra-variables-wrapper .left .popover-step .variable-selector.variable-list{-webkit-animation:slideInVars .2s ease;animation:slideInVars .2s ease;z-index:103;width:auto}.template-methods-popover .extra-variables-wrapper .left .popover-step .variable-list-wrapper{z-index:103;max-height:325px}.template-methods-popover .extra-variables-wrapper .left .popover-step .actions{position:absolute;height:36px;bottom:0;width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid rgba(61,70,74,.36470588235294116);z-index:103}.template-methods-popover .extra-variables-wrapper .left .popover-step .actions div{border-left:1px solid rgba(61,70,74,.36470588235294116);cursor:pointer;text-align:center;width:100%;padding:7px}.template-methods-popover img.close-popover{position:absolute;top:-9px;right:-8px;z-index:101;cursor:pointer}.template-methods-popover .form-group{margin-bottom:0}.template-methods-popover .form-group .form-control:invalid{color:#8f979c}.template-methods-popover .hide{opacity:0;pointer-events:none}.template-methods-popover select option:disabled{color:red}.template-methods-popover .no-methods{margin:100px auto;text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex}.template-methods-popover .create-btn:after{content:"+";border:1px solid #fff;border-radius:100%;width:20px;height:20px;padding:0 4px;margin:0 0 0 10px}.template-methods-popover .backdrop-vars{position:fixed;z-index:102;height:100%;width:100%;left:0;top:0}.template-methods-popover .slide-out-vars{animation:slideInVars .2s ease reverse!important}@-webkit-keyframes slideInVars{0%{-webkit-transform:translateX(300px);transform:translateX(300px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slideInVars{0%{-webkit-transform:translateX(300px);transform:translateX(300px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.template-methods-popover .save-footer{-webkit-box-shadow:inset 2px 0 3px -1px rgba(0,0,0,.25);box-shadow:inset 2px 0 3px -1px rgba(0,0,0,.25);display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;z-index:1;background-color:#fff;bottom:0;width:50%;text-align:center;border-top:1px solid rgba(61,70,74,.36470588235294116)}.template-methods-popover .save-footer .cancel,.template-methods-popover .save-footer .save{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;line-height:35px;cursor:pointer}.template-methods-popover .save-footer .save{color:rgba(61,70,74,.4392156862745098);border-left:1px solid rgba(61,70,74,.36470588235294116);pointer-events:none}.template-methods-popover .save-footer.can-save .save{pointer-events:auto;color:#3d464a}.template-methods-popover .save-footer.can-save .save:hover{color:#000}.template-methods-popover .save-footer svg{margin-left:4px;height:15px;width:auto}