.ai-mapping-instance{position:relative;display:grid;padding:7px 12px;grid-template-columns:minmax(-webkit-max-content,240px) 1px minmax(-webkit-max-content,300px) 3fr 86px;grid-template-columns:minmax(max-content,240px) 1px minmax(max-content,300px) 3fr 86px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ai-mapping-instance:hover{background:rgba(110,117,122,.31)}.ai-mapping-instance .ai-variable{max-width:240px;padding-right:48px}.ai-mapping-instance .ai-value{border-radius:3px;border:1px solid #fff;opacity:.5;padding:8px 12px;margin-right:18px;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}.ai-mapping-instance .ai-value p{font-size:14px;font-weight:700;margin:0}.ai-mapping-instance .selected{opacity:1}.ai-mapping-instance .spacer{background-color:#fff;height:137%}.ai-mapping-instance .spacer~.spacer{height:50%}.ai-mapping-instance .user-variable{margin-left:18px;white-space:nowrap;padding-left:48px}.ai-mapping-instance .user-variable .select-variable{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:none;border:none;color:#fff;opacity:.5;border-radius:3px;border:1px solid #fff;padding:8px 12px;padding-right:43px;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}.ai-mapping-instance .user-variable .select-variable:hover{opacity:1}.ai-mapping-instance .variable-example{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:80px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;max-width:220px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ai-mapping-instance .variable-example p{margin:0}.ai-mapping-instance .active-status{width:100%;justify-self:end;padding-bottom:6px;margin-right:15px}.ai-mapping-instance.is-disabled .advanced-expression,.ai-mapping-instance.is-disabled .ai-variable,.ai-mapping-instance.is-disabled .format-in-variable,.ai-mapping-instance.is-disabled .format-variable-btn,.ai-mapping-instance.is-disabled .variable-expression{opacity:.2}.ai-mapping-instance.is-disabled .advanced-expression:hover,.ai-mapping-instance.is-disabled .format-in-variable:hover,.ai-mapping-instance.is-disabled .format-variable-btn:hover,.ai-mapping-instance.is-disabled .variable-expression:hover{opacity:.6}.ai-mapping-instance.is-disabled .advanced-expression .dropdown,.ai-mapping-instance.is-disabled .advanced-expression .menu,.ai-mapping-instance.is-disabled .format-in-variable .dropdown,.ai-mapping-instance.is-disabled .format-in-variable .menu,.ai-mapping-instance.is-disabled .format-variable-btn .dropdown,.ai-mapping-instance.is-disabled .format-variable-btn .menu,.ai-mapping-instance.is-disabled .variable-expression .dropdown,.ai-mapping-instance.is-disabled .variable-expression .menu{opacity:1}.ai-mapping-instance.is-disabled .variable-example{opacity:.4}.ai-mapping-instance .drag-grip-mapping{cursor:-webkit-grab;cursor:grab;position:absolute;right:32px;visibility:hidden}.ai-mapping-instance .drag-grip-mapping:focus{cursor:-webkit-grabbing;cursor:grabbing}.ai-mapping-instance .delete-mapping{cursor:pointer;position:absolute;right:6px;visibility:hidden}.ai-mapping-instance:hover .delete-mapping,.ai-mapping-instance:hover .drag-grip-mapping{visibility:visible}.user-input{max-width:300px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.expression-instance,.user-input{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.expression-instance{z-index:2;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-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;color:#fff;gap:2px;max-width:250px}.expression-instance .advanced-expression,.expression-instance .format-in-variable,.expression-instance .variable-name{cursor:pointer;background:var(--flame);padding:8px 12px;font-weight:700;border-radius:3px 0 0 3px}.expression-instance .advanced-expression{background:unset;background:var(--charcoal-border);border:1px solid #fff}.expression-instance .variable-expression{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;gap:2px}.expression-instance .format-in-variable{font-weight:400;border-radius:0}.expression-instance .format-toggle{width:13px;cursor:pointer}.expression-instance .add-format-btn,.expression-instance .format-variable-btn,.expression-instance .trash-variable-btn{border-radius:0 3px 3px 0;background:var(--flame);padding:8px 12px;border:none;color:#fff}.expression-instance .add-format-btn.is-advanced,.expression-instance .format-variable-btn.is-advanced,.expression-instance .trash-variable-btn.is-advanced{background:unset;background:var(--charcoal-border);border:1px solid #fff}.expression-instance .add-format-btn,.expression-instance .trash-variable-btn{border-radius:0;background:#c0583a}.expression-instance .trash-variable-btn{border-radius:0 3px 3px 0}.expression-instance .actions-wrapper{position:relative;z-index:0}.expression-instance .expand-actions{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.slide-enter-active,.slide-leave-active{-webkit-transition:all .1s;transition:all .1s}.slide-enter-to{width:1px}.slide-enter,.slide-leave-to{width:100%}@media only screen and (max-width:1450px){.ai-mapping-instance .variable-example{margin-left:30px}}@media only screen and (max-width:1250px){.ai-mapping-instance{grid-template-columns:minmax(-webkit-max-content,120px) 1px minmax(-webkit-max-content,150px) 3fr 86px;grid-template-columns:minmax(max-content,120px) 1px minmax(max-content,150px) 3fr 86px;padding-right:0}.ai-mapping-instance .variable-example{margin-left:0;margin-right:10%}.ai-mapping-instance .ai-variable{width:110px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-right:0;margin:0}.ai-mapping-instance .ai-value{margin:0;width:100px;padding-right:0}.ai-mapping-instance .user-variable{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.ai-mapping-instance .user-variable .select-variable{width:100px;font-size:11px;margin-right:20px;padding-left:8px}.ai-mapping-instance .variable-example{margin-left:30px;max-width:200px}.active-status .container-checkbox .checkbox-check-indicator{background-color:var(--charcoal-115)}}