/*!
Author  : Hunter Perrin
Version : 3.2.0
Link    : http://sciactive.com/pnotify/
*/
.ui-pnotify{top:36px;right:36px;position:absolute;height:auto;z-index:2}
body>.ui-pnotify{position:fixed;z-index:100040}
.ui-pnotify-modal-overlay{background-color:rgba(0,0,0,.4);top:0;left:0;position:absolute;height:100%;width:100%;z-index:1}
body>.ui-pnotify-modal-overlay{position:fixed;z-index:100039}
.ui-pnotify.ui-pnotify-in{display:block!important}
.ui-pnotify.ui-pnotify-move{transition:left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}
.ui-pnotify.ui-pnotify-fade-slow{transition:opacity .4s linear;opacity:0}
.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move{transition:opacity .4s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}
.ui-pnotify.ui-pnotify-fade-normal{transition:opacity .25s linear;opacity:0}
.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move{transition:opacity .25s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}
.ui-pnotify.ui-pnotify-fade-fast{transition:opacity .1s linear;opacity:0}
.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move{transition:opacity .1s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}
.ui-pnotify.ui-pnotify-fade-in{opacity:1}
.ui-pnotify .ui-pnotify-shadow{-webkit-box-shadow:0 6px 28px 0 rgba(0,0,0,.1);-moz-box-shadow:0 6px 28px 0 rgba(0,0,0,.1);box-shadow:0 6px 28px 0 rgba(0,0,0,.1)}
.ui-pnotify-container{background-position:0 0;padding:.8em;height:100%;margin:0}
.ui-pnotify-container:after{content:" ";visibility:hidden;display:block;height:0;clear:both}
.ui-pnotify-container.ui-pnotify-sharp{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.ui-pnotify-title{display:block;margin-bottom:.4em;margin-top:0}
.ui-pnotify-text{display:block}
.ui-pnotify-icon,.ui-pnotify-icon span{display:block;float:left;margin-right:.2em}
.ui-pnotify.stack-bottomleft,.ui-pnotify.stack-topleft{left:25px;right:auto}
.ui-pnotify.stack-bottomleft,.ui-pnotify.stack-bottomright{bottom:25px;top:auto}
.ui-pnotify.stack-modal{left:50%;right:auto;margin-left:-255px}.brighttheme{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
 .brighttheme.ui-pnotify-container{padding: 30px 37px;}
.brighttheme .ui-pnotify-title{margin-bottom:12px; display: inline-block}
.brighttheme .ui-pnotify-text{ display: block; }
.brighttheme-notice{background-color: #ffffff; border-radius: 5px; box-shadow: 1px 2px 1px rgba(44, 45, 101, 0.08);}
.brighttheme-notice .ui-pnotify-title{ line-height: 40px; font-size: 26px; margin-bottom: 18px;}
.brighttheme-notice .ui-pnotify-text{ border-top: 1px solid #dddee4; padding-top: 30px; font-size: 16px;}
.brighttheme-notice .ui-pnotify-icon { margin-right: 13px; }
.brighttheme-info{background-color:#8fcedd;border:0 solid #0286a5;color:#012831}
.brighttheme-success{background-color:#aff29a;border:0 solid #35db00;color:#104300}
/* .brighttheme-error{background-color:#ffaba2;background-image:repeating-linear-gradient(135deg,transparent,transparent 35px,rgba(255,255,255,.3) 35px,rgba(255,255,255,.3) 70px);border:0 solid #ff1800;color:#4f0800} */
.brighttheme-error{ overflow: hidden; padding: 0 0 0 40px !important; width: 300px; box-shadow: 0 6px 28px rgba(44, 45, 101, 0.1); border-radius: 5px; border: 1px solid #e75252; background-color: #ffffff;}
.brighttheme-icon-error:after{ display: none;}
.brighttheme-error .brighttheme-icon-closer{ float: right; width: 20px; height: 20px; background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23777;%20fill-rule:%20evenodd;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20id='close'%20class='cls-1'%20d='M1317.71,56.293l-1.42,1.414L1313,54.414l-3.29,3.293-1.42-1.414,3.3-3.293-3.3-3.293,1.42-1.414,3.29,3.293,3.29-3.293,1.42,1.414L1314.41,53Z'%20transform='translate(-1301%20-41)'/%3e%3c/svg%3e") no-repeat; top: 4px; left: -8px;}
.brighttheme-error .brighttheme-icon-closer:hover{background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23333;%20fill-rule:%20evenodd;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20id='close'%20class='cls-1'%20d='M1317.71,56.293l-1.42,1.414L1313,54.414l-3.29,3.293-1.42-1.414,3.3-3.293-3.3-3.293,1.42-1.414,3.29,3.293,3.29-3.293,1.42,1.414L1314.41,53Z'%20transform='translate(-1301%20-41)'/%3e%3c/svg%3e") no-repeat}
.brighttheme-error .brighttheme-icon-closer::after{  content:""; }
/* .brighttheme-error .brighttheme-icon-closer::after:hover{ background: url('../images/svg//close-hover.svg')} */
.brighttheme-error .ui-pnotify-title{ margin-top: 7px; margin-bottom: 2px; margin-left: 6px; font-size: 14px; font-weight: 700; line-height: 20px;}
.brighttheme-error .brighttheme-icon-error{ all: initial; float: left; margin: 7px 10px; background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='19'%20viewBox='0%200%2020%2019'%3e%3cpath%20fill='%23fff'%20d='M10%201l10%2018H0zm1%2012V7H9v6zm0%204v-2H9v2z'/%3e%3c/svg%3e") no-repeat; padding: 10px;}
.brighttheme-error .ui-pnotify-text{font-weight: 300; line-height: 18px; width: 218px; padding-left: 7px; padding-bottom: 9px}
.brighttheme-error .ui-pnotify-icon{ background-color: #e75252; position: absolute; left: 0; top: 0; height: 100%; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.brighttheme-question-icon{ background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%3e%3cpath%20fill='%23005eb8'%20d='M20%200a20%2020%200%201%201%200%2040%2020%2020%200%200%201%200-40zM2%2020a18%2018%200%201%200%2036%200%2018%2018%200%200%200-36%200zm15.8%203.97c0-5.07%205.75-5.8%205.75-9.64%200-1.87-1.62-3.3-3.85-3.3-2.13%200-3.86%201.4-3.86%201.4l-1.82-2.3S16.25%208%2019.93%208C23.75%208%2027%2010.4%2027%2014.1%2027%2019.6%2021%2020.17%2021%2024.17v1.36h-3.2zm-.06%204.8h3.34V32h-3.34z'/%3e%3c/svg%3e"); padding: 20px; margin: 0 !important;}
.brighttheme-exclamation-icon{ background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%3e%3cpath%20fill='%23f4ac4a'%20d='M20%200a20%2020%200%201%201%200%2040%2020%2020%200%200%201%200-40zM2%2020a18%2018%200%201%200%2036%200%2018%2018%200%200%200-36%200zM18%208h4l-1%2017h-2zm0%2024v-4h4v4z'/%3e%3c/svg%3e"); padding: 20px; margin: 0 !important;}
.brighttheme-error-icon{ background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%3e%3cpath%20fill='%23e75252'%20d='M20%200a20%2020%200%201%201%200%2040%2020%2020%200%200%201%200-40zM2%2020a18%2018%200%201%200%2036%200%2018%2018%200%200%200-36%200zm19.41%200l6.3%206.3-1.42%201.4L20%2021.42l-6.3%206.3-1.4-1.42L18.58%2020l-6.3-6.3%201.42-1.4L20%2018.58l6.3-6.3%201.4%201.42z'/%3e%3c/svg%3e"); padding: 20px; margin: 0 !important;}
.brighttheme-icon-closer,.brighttheme-icon-info,.brighttheme-icon-notice,.brighttheme-icon-sticker,.brighttheme-icon-success{position:relative;width:16px;height:16px;font-size:12px;font-weight:700;line-height:16px;font-family:"Courier New",Courier,monospace;border-radius:50%}
.brighttheme-icon-closer:after,.brighttheme-icon-info:after,.brighttheme-icon-notice:after,.brighttheme-icon-sticker:after,.brighttheme-icon-success:after{position:absolute;top:0;left:4px}
.brighttheme-icon-notice{background-color:#2e2e00;color:#ffffa2;margin-top:2px}
.brighttheme-icon-notice:after{content:"!"}
.brighttheme-icon-info{background-color:#012831;color:#8fcedd;margin-top:2px}
.brighttheme-icon-info:after{content:"i"}
.brighttheme-icon-success{background-color:#104300;color:#aff29a;margin-top:2px}
.brighttheme-icon-success:after{content:"\002713"}
/* .brighttheme-icon-error{position:relative;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:16px solid #2e0400;font-size:0;line-height:0;color:#ffaba2;margin-top:1px} */
/* .brighttheme-icon-error:after{position:absolute;top:1px;left:-4px;font-size:12px;font-weight:700;line-height:16px;font-family:"Courier New",Courier,monospace;content:"!"} */
.brighttheme-icon-closer,.brighttheme-icon-sticker{display:inline-block}
.brighttheme-icon-closer:after{top:-4px;content:"\002715"}
.brighttheme-icon-sticker:after{top:-5px;content:"\002016"}
.brighttheme-icon-sticker.brighttheme-icon-stuck:after{content:"\00003E"}
.brighttheme .ui-pnotify-action-bar{padding-top:45px}
.brighttheme .ui-pnotify-action-bar input,.brighttheme .ui-pnotify-action-bar textarea{display:block;width:100%;margin-bottom:12px!important}
/* .brighttheme .ui-pnotify-action-button{text-transform:uppercase;font-weight:700;padding:4px 8px;border:none;background:0 0} */
.brighttheme .ui-pnotify-action-button{width: 100px; text-transform: capitalize; font-weight:300; background-color: #00a9e0; color: #ffffff; font-size: 14px; line-height: 40px; padding: 0px 16px; border-radius: 20px; margin-left: 25px; }
.brighttheme .ui-pnotify-action-button:hover{background-color: #0099cc;}
.brighttheme .ui-pnotify-action-button.btn-primary{border:none;border-radius:0}.brighttheme-notice .ui-pnotify-action-button.btn-primary{background-color:#ff0;color:#4f4f00}
.brighttheme-info .ui-pnotify-action-button.btn-primary{background-color:#0286a5;color:#012831}
.brighttheme-success .ui-pnotify-action-button.btn-primary{background-color:#35db00;color:#104300}
.brighttheme-error .ui-pnotify-action-button.btn-primary{background-color:#ff1800;color:#4f0800}
.brighttheme .ui-pnotify-action-button.whiteBTN{ background-color: #ffffff; border: 1px solid #dddee4; color: #333333; }
.brighttheme .ui-pnotify-action-button.whiteBTN:hover{ background-color: var(--bg-gray); }.stack-modal.input-popup-notification .ui-pnotify-container {
    width: 450px;
    min-height: 260px;
    padding: 30px;
}

.stack-modal.input-popup-notification .ui-pnotify-title {
    font-family: "MuseoSans";
    text-transform: capitalize;
    line-height: 34px;
    font-size: 22px;
    color: #000000;
}

.stack-modal.input-popup-notification .ui-pnotify-text {
    font-family: "MuseoSans";
    line-height: normal;
    padding-top: 0;
    border-top: none;
    font-size: 12px;
    min-height: 30px;
    margin-top: 23px;
    color: #00A9E0;
}

.stack-modal.input-popup-notification .ui-pnotify-action-bar {
    width: 390px;
    position: relative;
    bottom: 30px;
}

.stack-modal.input-popup-notification .ui-pnotify-container {
    padding-top: 30px;
    padding-right: 30px;
}

.brighttheme .ui-pnotify-title {
    display: block;
}

.brighttheme .ui-pnotify-action-bar {
    padding-top: 5px;
}

.brighttheme .ui-pnotify-action-bar input {
    margin-bottom: 5px!important;
}

.brighttheme .ui-pnotify-action-button {
    top: 32px;
    margin-left: 6px;
    position: relative;
}

.brighttheme .ui-pnotify-action-button.invalid {
    top: 32px;
    position: relative;
    background-color: #DDDEE4;
    cursor: unset;
}

.input-popup {
    font-family: "MuseoSans";
    line-height: 19px;
    font-size: 14px;
    font-weight: 500;
    min-width: 20px;
    max-width: 325px;
    color: #333333;
    border: none;
    background: transparent;
    cursor: pointer;
    vertical-align: middle;
    outline: none;
    margin-top: 7px;
    border-bottom: 2px solid #DDDDDD !important; /* todo - should be 1px */
}

.input-popup:focus {
    border-bottom: 2px solid #00A8E0 !important;
    background: transparent;
    cursor: text;
}

.input-popup.invalid:focus {
    border-bottom: 2px solid #FF3333 !important;
}

.input-popup-invalid-message {
    position: absolute;
    color: #FF3333;
    font-weight: 500;
    font-size: 12px;
    text-align: start;
}
.logic-popup-container {
    background: #FFF;
    max-height: 421px;
    min-width: 354px;
    border-radius: 4px;
    overflow: visible;
    z-index: 10;
    cursor: initial;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    position: absolute;
}

.logic-popup-container .popup-menu{
    padding-right: 36px;
}

.logic-popup-title {
    padding: 9px 9px 6px 9px;
    color: #3F3F3F;
    font-weight: 700;
    border-bottom: #DDDDDD 1px solid;
}

.logic-popup-content {
    overflow: hidden;
    overflow-y: auto;
}

.logic-popup-content.hub-selection-popup {
    /*height: unset;*/
    /*max-height: 341px;*/
    height: 350px; /* = height of .modify-data-element + total height of .logic-popup-footer */
    min-height: 70px;
}

.logic-popup-footer {
    border-top: 1px solid #DDDDDD;
    padding: 6px;
    bottom: 0;
    width: 100%;
}

.logic-popup-container .ui.menu.popup-menu .item.active {
    border-bottom: 4px solid #00A9E0;
}

.logic-popup-container .ui.menu.popup-menu .item {
    display: inline-block;
    font-weight: 700;
    font-family: 'museoSans';
    font-size: 14px;
    line-height: 12px;
    text-align: center;
    padding-bottom: 12px;
}

.logic-popup-container .ui.menu.popup-menu .item.stretch {
    width: 50%;
}

.logic-popup-container .editorTabs .ui.menu.popup-menu {
    margin-bottom: 20px;
    width: 100%
}

.hubEditorsContainer .logic-popup-container .ui.menu.popup-menu {
    margin-bottom: 0;
    min-height: 36px;
}


.hubEditorsContainer .logic-popup-container .ui.menu .item {
    line-height: 12px;
}

.hubEditorsContainer .logic-popup-container .ui.menu .item.stretch {
    width: 50%;
}

.hubEditorsContainer .logic-popup-container .ui.menu .item.fit {
    width: auto;
}

/*keep those since there are more specific rules affecting the popup-menu*/
.hubEditorsContainer .logic-popup-container .ui.menu.popup-menu .item.active,
.hubEditorsContainer .logic-popup-container .ui.menu.popup-menu .item.active:hover,

.logic-popup-container .ui.menu.popup-menu .item.active,
.logic-popup-container .ui.menu.popup-menu .item.active:hover {
    border-bottom: 4px solid #00A9E0;
}

.logic-popup-container .ui.secondary.pointing.menu .active.item {
    border-color: #00A9E0;
}

.logic-popup-container .ui.secondary.pointing.menu .active.item:hover {
    border-color: #00A9E0;
}.contentEditable:hover + .ui.dropdown .icon:before{
    background-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eedit%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-371%20514)'%3e%3cg%20id='edit'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(371%20-514)'%20fill='%23777777'/%3e%3cuse%20xlink:href='%23path1_fill'%20transform='translate(371%20-514)'%20fill='%23777777'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20d='M%2010.9592%200L%2014.4947%203.53553L%205.30232%2012.7279L%201.76679%209.19239L%2010.9592%200Z'/%3e%3cpath%20id='path1_fill'%20fill-rule='evenodd'%20d='M%202.55834%209.98296L%201.76679%209.19239L%201.41421%2010.2531L%200.395285%2013.3098L%200%2014.4957L%201.18585%2014.1004L%204.24264%2013.0815L%205.30232%2012.7279L%204.51273%2011.9374L%202.55834%209.98296ZM%202.20478%2011.0436L%201.58114%2012.9146L%203.45207%2012.2909L%202.20478%2011.0436Z'/%3e%3c/defs%3e%3c/svg%3e") !important;
    margin-right: 5px;
    content: ' ';
    background-repeat: no-repeat ;
    background-position: center ;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
}


.editNameButtonsWrapper{
    vertical-align: middle;
    display: inline-block;
    margin-left: 1px;
}

.editNameButtonsWrapper .btnIcon{
    display: inline-block;
    width: 27px;
    height: 27px;
    background: rgba(0, 0, 0, 0.08);
    border-radius: 3px;
    vertical-align: middle;
    margin-right: 1px;
    cursor: pointer;
}

.hubContentEditable.invalid{
    color:red;
}

.contentEditable:empty:before {
    content: attr(placeholder);
    display: inline-block; /* For Firefox */
    color: darkgray;
}

.contentEditable {
    font-family: "MuseoSans", serif;
    line-height: 19px;
    font-weight: 500;
    min-width: 20px;
    max-width: 100%;
    border: none;
    padding: 0 0.5rem 0 0;
    background: transparent;
    cursor: pointer;
    vertical-align: middle;
    outline: none;
    white-space: pre-wrap;
}

.contentEditable:focus {
    border-bottom: 2px solid #00A8E0;
    background: transparent;
    cursor: text;
}

.contentEditable:not(:focus) {
    padding-bottom: 2px;
}

.hubContentEditable.invalid {
    color: #D72828;
}

.hubContentEditable.invalid .contentEditable:focus {
    border-bottom: 2px solid #D72828;
    color: #333333;
}

.hubContentEditable {
    display: inline-block;
}

.hubContentEditable label {
    margin-left: 17px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
}

.hubContentEditable .parameters-ph-icon {
    background: url("data:image/svg+xml,%3csvg%20width='19'%20height='15'%20viewBox='0%200%2019%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.00877%2014.5001H16.0088C17.5088%2014.5001%2018.0088%2013.5002%2018.0088%2012.5002V2.50016C18.0088%201.00015%2017.0088%200.500148%2016.0088%200.500148H2.00877C0.692884%200.487246%200.0284945%201.31898%200.00876755%202.50016C-0.0109594%203.68134%200.00876755%2012.5002%200.00876755%2012.5002C0.00876755%2013.5002%200.508768%2014.5001%202.00877%2014.5001ZM1.62467%201.57383C1.74654%201.524%201.87711%201.49896%202.00877%201.50016H16.0088C16.1404%201.49896%2016.271%201.524%2016.3929%201.57383C16.5147%201.62366%2016.6254%201.69729%2016.7185%201.79038C16.8116%201.88348%2016.8853%201.9942%2016.9351%202.11607C16.9849%202.23794%2017.01%202.36851%2017.0088%202.50016V12.5002C17.01%2012.6318%2016.9849%2012.7624%2016.9351%2012.8843C16.8853%2013.0061%2016.8116%2013.1168%2016.7185%2013.2099C16.6254%2013.303%2016.5147%2013.3767%2016.3929%2013.4265C16.271%2013.4763%2016.1404%2013.5014%2016.0088%2013.5002H2.00877C1.87711%2013.5014%201.74654%2013.4763%201.62467%2013.4265C1.50281%2013.3767%201.39209%2013.303%201.29899%2013.2099C1.20589%2013.1168%201.13227%2013.0061%201.08244%2012.8843C1.03261%2012.7624%201.00757%2012.6318%201.00877%2012.5002V2.50016C1.00757%202.36851%201.03261%202.23794%201.08244%202.11607C1.13227%201.9942%201.20589%201.88348%201.29899%201.79038C1.39209%201.69729%201.50281%201.62366%201.62467%201.57383ZM11.2105%206.22727C11.2105%207.30909%2012.0316%208.13636%2013.1053%208.13636C14.1789%208.13636%2015%207.30909%2015%206.22727C15%205.14545%2014.1789%204.31818%2013.1053%204.31818C12.0316%204.31818%2011.2105%205.14545%2011.2105%206.22727ZM9.50526%208.00909C9.25263%208.26364%209.25263%208.64545%209.50526%208.9C9.63158%209.02727%209.75789%209.09091%209.94737%209.09091C10.1368%209.09091%2010.2632%209.02727%2010.3895%208.9C10.6421%208.64545%2010.6421%208.26364%2010.3895%208.00909C10.1368%207.75455%209.75789%207.75455%209.50526%208.00909ZM7.61053%209.91818C7.35789%2010.1727%207.35789%2010.5545%207.61053%2010.8091C7.73684%2010.9364%207.86316%2011%208.05263%2011C8.24211%2011%208.36842%2010.9364%208.49474%2010.8091C8.74737%2010.5545%208.74737%2010.1727%208.49474%209.91818C8.2421%209.66364%207.86316%209.66364%207.61053%209.91818ZM5.08421%206.1C4.83158%206.35455%204.83158%206.73636%205.08421%206.99091C5.21053%207.11818%205.33684%207.18182%205.52632%207.18182C5.71579%207.18182%205.8421%207.11818%205.96842%206.99091C6.22105%206.73636%206.22105%206.35455%205.96842%206.1C5.71579%205.84545%205.33684%205.84545%205.08421%206.1ZM6.34737%208.00909C6.09474%208.26364%206.09474%208.64545%206.34737%208.9C6.47368%209.02727%206.6%209.09091%206.78947%209.09091C6.97895%209.09091%207.10526%209.02727%207.23158%208.9C7.48421%208.64545%207.48421%208.26364%207.23158%208.00909C6.97895%207.75455%206.6%207.75455%206.34737%208.00909ZM3.18947%204.19091C2.93684%204.44545%202.93684%204.82727%203.18947%205.08182C3.31579%205.20909%203.44211%205.27273%203.63158%205.27273C3.82105%205.27273%203.94737%205.20909%204.07368%205.08182C4.32632%204.82727%204.32632%204.44545%204.07368%204.19091C3.82105%203.93636%203.44211%203.93636%203.18947%204.19091Z'%20fill='%23999999'/%3e%3c/svg%3e") no-repeat left;
    height: 20px;
    width: 27px;
}

.hubContentEditable .story-ph-icon {
    background: url("data:image/svg+xml,%3csvg%20width='21'%20height='14'%20viewBox='0%200%2023%2018'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eVector%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-927%20-2325)'%3e%3cg%20id='Vector'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(927%202325)'%20fill='%23777777'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20fill-rule='evenodd'%20d='M%2020.467%2015.5315C%2018.8396%2015.5977%2017.2212%2015.8082%2015.631%2016.1605C%2014.1536%2016.4004%2012.7336%2016.9124%2011.443%2017.6705L%2011.1%2017.9125L%2010.761%2017.6735C%209.38042%2016.9371%207.88078%2016.45%206.331%2016.2345C%204.80044%2015.9246%203.25266%2015.7068%201.696%2015.5825C%201.24196%2015.5529%200.815591%2015.3539%200.501446%2015.0247C%200.187301%2014.6956%200.00832188%2014.2604%200%2013.8055L%200%202.33746L%201.164%202.33746L%201.164%2013.8055C%201.17119%2013.9693%201.23905%2014.1246%201.35437%2014.2412C%201.46969%2014.3579%201.62424%2014.4274%201.788%2014.4365C%203.39018%2014.5653%204.98331%2014.789%206.559%2015.1065C%208.13358%2015.3528%209.66331%2015.8295%2011.099%2016.5215C%2012.4419%2015.8033%2013.8902%2015.3028%2015.39%2015.0385C%2017.0442%2014.6752%2018.7269%2014.4567%2020.419%2014.3855C%2020.5777%2014.3827%2020.7293%2014.3187%2020.842%2014.2069C%2020.9547%2014.0951%2021.0199%2013.9442%2021.024%2013.7855L%2021.024%202.31946L%2022.189%202.31946L%2022.189%2013.7875C%2022.1822%2014.2441%2021.9993%2014.6805%2021.6784%2015.0054C%2021.3575%2015.3304%2020.9235%2015.5189%2020.467%2015.5315ZM%2018.735%2012.6115C%2017.5398%2012.6979%2016.3517%2012.8649%2015.179%2013.1115C%2014.1647%2013.378%2013.1695%2013.7124%2012.2%2014.1125C%2011.847%2014.2243%2011.4767%2014.2714%2011.107%2014.2515C%2010.7384%2014.2492%2010.3714%2014.2025%2010.014%2014.1125C%209.04375%2013.7099%208.0475%2013.3731%207.032%2013.1045C%205.85927%2012.8579%204.67124%2012.6909%203.476%2012.6045C%203.17993%2012.5832%202.90262%2012.4516%202.69893%2012.2357C%202.49524%2012.0198%202.38%2011.7353%202.376%2011.4385L%202.376%201.12846C%202.37566%200.97235%202.40787%200.817882%202.47057%200.674917C%202.53328%200.531953%202.62511%200.403632%202.74019%200.298147C%202.85527%200.192663%202.99108%200.112335%203.13895%200.0622846C%203.28683%200.0122338%203.44351%20-0.00644198%203.599%200.00745974C%204.75358%200.0924265%205.90116%200.254791%207.034%200.49346C%208.39237%200.867179%209.72104%201.34149%2011.009%201.91246C%2011.0417%201.93046%2011.0734%201.95016%2011.104%201.97146C%2011.1362%201.94998%2011.1696%201.93028%2011.204%201.91246C%2012.4935%201.34021%2013.8238%200.864898%2015.184%200.490461C%2016.3168%200.251781%2017.4644%200.0894162%2018.619%200.00446138C%2018.7745%20-0.00944033%2018.9312%200.00922781%2019.079%200.0592786C%2019.2269%200.109329%2019.3627%200.189664%2019.4778%200.295149C%2019.5929%200.400633%2019.6847%200.528954%2019.7474%200.671919C%2019.8101%200.814884%2019.8423%200.969352%2019.842%201.12546L%2019.842%2011.4435C%2019.8386%2011.7418%2019.7229%2012.0278%2019.5179%2012.2445C%2019.3129%2012.4612%2019.0336%2012.5926%2018.736%2012.6125L%2018.735%2012.6115ZM%206.753%201.61146C%205.69153%201.38734%204.61605%201.23565%203.534%201.15746L%203.534%2011.4515C%203.53526%2011.4544%203.53695%2011.4571%203.539%2011.4595C%203.54691%2011.467%203.55714%2011.4715%203.568%2011.4725C%204.82264%2011.5641%206.06975%2011.7395%207.301%2011.9975C%208.37232%2012.2807%209.42364%2012.6348%2010.448%2013.0575C%2010.4565%2013.0596%2010.4655%2013.0596%2010.474%2013.0575C%2010.4854%2013.0558%2010.4963%2013.0517%2010.506%2013.0455C%2010.5116%2013.0423%2010.5165%2013.0379%2010.52%2013.0325L%2010.52%202.95746C%209.3003%202.41501%208.04139%201.96539%206.754%201.61246L%206.753%201.61146ZM%2018.672%201.15746C%2017.59%201.23565%2016.5145%201.38734%2015.453%201.61146C%2014.1648%201.96559%2012.9052%202.41654%2011.685%202.96046L%2011.685%2013.0325C%2011.6885%2013.0379%2011.6933%2013.0424%2011.699%2013.0455C%2011.7087%2013.0517%2011.7196%2013.0558%2011.731%2013.0575C%2011.7395%2013.0596%2011.7485%2013.0596%2011.757%2013.0575C%2012.781%2012.6348%2013.832%2012.2807%2014.903%2011.9975C%2016.1343%2011.7395%2017.3814%2011.5641%2018.636%2011.4725C%2018.6472%2011.4718%2018.6578%2011.4672%2018.666%2011.4595C%2018.668%2011.457%2018.6697%2011.4543%2018.671%2011.4515L%2018.671%201.15346L%2018.672%201.15746Z'/%3e%3c/defs%3e%3c/svg%3e") no-repeat left;
    width: 27px;
    height: 17px;
    top: 2px;
}

.hubContentEditable .scene-ph-icon {
    background: url("data:image/svg+xml,%3csvg%20width='21'%20height='14'%20viewBox='0%200%2021%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eVector%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-3859%20-9220)'%3e%3cg%20id='Vector'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(3859%209220)'%20fill='%23777777'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20fill-rule='evenodd'%20d='M%200%200L%201%200L%201%2014L%200%2014L%200%200ZM%2020%200L%2021%200L%2021%2014L%2020%2014L%2020%200ZM%202%200L%203%200L%203%202L%202%202L%202%200ZM%202%204L%203%204L%203%206L%202%206L%202%204ZM%202%208L%203%208L%203%2010L%202%2010L%202%208ZM%202%2012L%203%2012L%203%2014L%202%2014L%202%2012ZM%2018%200L%2019%200L%2019%202L%2018%202L%2018%200ZM%2018%204L%2019%204L%2019%206L%2018%206L%2018%204ZM%2018%208L%2019%208L%2019%2010L%2018%2010L%2018%208ZM%2018%2012L%2019%2012L%2019%2014L%2018%2014L%2018%2012ZM%204%202L%205%202L%205%2012L%204%2012L%204%202ZM%2016%202L%2017%202L%2017%2012L%2016%2012L%2016%202ZM%2016%202L%2016%203L%205%203L%205%202L%2016%202ZM%2016%2011L%2016%2012L%205%2012L%205%2011L%2016%2011ZM%204%200L%2017%200L%2017%201L%204%201L%204%200ZM%204%2013L%2017%2013L%2017%2014L%204%2014L%204%2013Z'/%3e%3c/defs%3e%3c/svg%3e") no-repeat left;
    width: 29px;
    height: 14px;
    top: 3px;
}

.hubContentEditable .scenePart-ph-icon {
    display: none;
}

.hubContentEditable .text-ph-icon {
    background: url("data:image/svg+xml,%3csvg%20width='12'%20height='15'%20viewBox='0%200%2012%2015'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eadd%20text%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-2897%20-2396)'%3e%3cg%20id='add%20text'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(2897%202396)'%20fill='%23949494'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20fill-rule='evenodd'%20d='M%2011.0154%203.01769L%2010.0154%203.01769L%2010.0154%201.01769L%206.01539%201.01769L%206.01539%2013.0177L%208.01539%2013.0177L%208.01539%2014.0177L%203.01539%2014.0177L%203.01539%2013.0177L%205.01539%2013.0177L%205.01539%201.01769L%201.01539%201.01769L%201.01539%203.01769L%200.0153882%203.01769L%200.0153882%201.01769C%20-0.0109822%200.880665%20-0.00337835%200.739264%200.037544%200.605858C%200.0784663%200.472452%200.151459%200.351104%200.250129%200.252434C%200.3488%200.153763%200.470147%200.0807705%200.603553%200.0398482C%200.73696%20-0.00107407%200.878361%20-0.00867794%201.01539%200.0176925L%2010.0154%200.0176925C%2010.0424%200.0176925%2010.9844%20-0.216308%2011.0154%201.01769L%2011.0154%203.01769Z'/%3e%3c/defs%3e%3c/svg%3e") no-repeat left;
    width: 0;
    height: 17px;
    top: 2px;
    padding-right: 8px;
}

.hubContentEditable .video-ph-icon {
    background: url("data:image/svg+xml,%3csvg%20width='19'%20height='14'%20viewBox='0%200%2019%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eadd%20video%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-2954%20-2396)'%3e%3cg%20id='add%20video'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(2954.99%202396)'%20fill='%23949494'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20fill-rule='evenodd'%20d='M%2016.0088%2014.0001L%202.00877%2014.0001C%200.508768%2014.0001%200.00876755%2013.0002%200.00876755%2012.0002C%200.00876755%2012.0002%20-0.0109594%203.18134%200.00876755%202.00016C%200.0284945%200.818979%200.692884%20-0.0127541%202.00877%200.000148036C%202.00877%200.000148036%2015.0088%200.000148036%2016.0088%200.000148036C%2017.0088%200.000148036%2018.0088%200.500153%2018.0088%202.00016C%2018.0088%203.50017%2018.0088%2012.0002%2018.0088%2012.0002C%2018.0088%2013.0002%2017.5088%2014.0001%2016.0088%2014.0001ZM%202.00877%201.00016C%201.87711%200.998961%201.74654%201.024%201.62467%201.07383C%201.50281%201.12366%201.39209%201.19729%201.29899%201.29038C%201.20589%201.38348%201.13227%201.4942%201.08244%201.61607C%201.03261%201.73794%201.00757%201.86851%201.00877%202.00016L%201.00877%2012.0002C%201.00757%2012.1318%201.03261%2012.2624%201.08244%2012.3843C%201.13227%2012.5061%201.20589%2012.6168%201.29899%2012.7099C%201.39209%2012.803%201.50281%2012.8767%201.62467%2012.9265C%201.74654%2012.9763%201.87711%2013.0014%202.00877%2013.0002L%2016.0088%2013.0002C%2016.1404%2013.0014%2016.271%2012.9763%2016.3929%2012.9265C%2016.5147%2012.8767%2016.6254%2012.803%2016.7185%2012.7099C%2016.8116%2012.6168%2016.8853%2012.5061%2016.9351%2012.3843C%2016.9849%2012.2624%2017.01%2012.1318%2017.0088%2012.0002L%2017.0088%202.00016C%2017.01%201.86851%2016.9849%201.73794%2016.9351%201.61607C%2016.8853%201.4942%2016.8116%201.38348%2016.7185%201.29038C%2016.6254%201.19729%2016.5147%201.12366%2016.3929%201.07383C%2016.271%201.024%2016.1404%200.998961%2016.0088%201.00016L%202.00877%201.00016ZM%207.00877%2010.0002L%2012.0088%207.00016L%207.00877%204.00016L%207.00877%2010.0002Z'/%3e%3c/defs%3e%3c/svg%3e") no-repeat left;
    width: 27px;
    height: 17px;
    top: 2px;
}

.hubContentEditable .image-ph-icon {
    background: url("data:image/svg+xml,%3csvg%20width='18'%20height='14'%20viewBox='0%200%2018%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eadd%20image%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-2923%20-2396)'%3e%3cg%20id='add%20image'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(2923%202396)'%20fill='%23949494'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20fill-rule='evenodd'%20d='M%2016.078%2014L%202%2014C%201.47741%2013.9757%200.98272%2013.7571%200.612793%2013.3872C%200.242866%2013.0173%200.0243454%2012.5226%200%2012L%200%202C%200.0243454%201.47741%200.242866%200.982735%200.612793%200.612808C%200.98272%200.242882%201.47741%200.0243454%202%200L%2016%200C%2016.5226%200.0243454%2017.0173%200.242882%2017.3872%200.612808C%2017.7571%200.982735%2017.9757%201.47741%2018%202L%2018%2012C%2017.9941%2012.5153%2017.792%2013.0089%2017.4349%2013.3805C%2017.0779%2013.752%2016.5926%2013.9736%2016.078%2014ZM%2014.867%205.839L%208.367%2012.047C%208.29559%2012.1182%208.19884%2012.1582%208.09799%2012.1582C%207.99714%2012.1582%207.90043%2012.1182%207.82901%2012.047C%207.79271%2012.0146%207.76366%2011.975%207.74377%2011.9306C%207.72389%2011.8862%207.71359%2011.8381%207.71359%2011.7895C%207.71359%2011.7409%207.72389%2011.6928%207.74377%2011.6484C%207.76366%2011.604%207.79271%2011.5644%207.82901%2011.532L%209.38599%2010.039L%209.367%2010.021L%207.13699%207.884L%205.254%209.689C%205.18258%209.7602%205.08583%209.80019%204.98499%209.80019C%204.88414%209.80019%204.78742%209.7602%204.716%209.689C%204.67971%209.65663%204.65065%209.61696%204.63077%209.57259C%204.61088%209.52821%204.60062%209.48013%204.60062%209.4315C%204.60062%209.38287%204.61088%209.3348%204.63077%209.29042C%204.65065%209.24604%204.67971%209.20636%204.716%209.174L%206.599%207.368C%206.74624%207.2342%206.93805%207.16008%207.13699%207.16008C%207.33594%207.16008%207.52775%207.2342%207.67499%207.368L%209.905%209.505L%209.92401%209.524L%2014.324%205.32401C%2014.4672%205.18233%2014.6605%205.10286%2014.862%205.10286C%2015.0635%205.10286%2015.2568%205.18233%2015.4%205.32401L%2017%207L%2017%202C%2017.0116%201.86576%2016.9937%201.73062%2016.9475%201.60403C%2016.9014%201.47745%2016.8281%201.36249%2016.7328%201.26721C%2016.6375%201.17194%2016.5226%201.09865%2016.396%201.05249C%2016.2694%201.00633%2016.1342%200.988419%2016%201L%202%201C%201.86576%200.988419%201.73062%201.00633%201.60403%201.05249C%201.47745%201.09865%201.36249%201.17194%201.26721%201.26721C%201.17194%201.36249%201.09865%201.47745%201.05249%201.60403C%201.00633%201.73062%200.988419%201.86576%201%202L%201%2012C%200.988419%2012.1342%201.00633%2012.2694%201.05249%2012.396C%201.09865%2012.5225%201.17194%2012.6375%201.26721%2012.7328C%201.36249%2012.8281%201.47745%2012.9014%201.60403%2012.9475C%201.73062%2012.9937%201.86576%2013.0116%202%2013L%2016%2013C%2016.1342%2013.0116%2016.2694%2012.9937%2016.396%2012.9475C%2016.5226%2012.9014%2016.6375%2012.8281%2016.7328%2012.7328C%2016.8281%2012.6375%2016.9014%2012.5225%2016.9475%2012.396C%2016.9937%2012.2694%2017.0116%2012.1342%2017%2012L%2017%208C%2016.981%207.982%2017.173%208.05001%2017.154%208.03101L%2014.867%205.839ZM%203%204C%203%203.60444%203.1173%203.21775%203.33707%202.88885C%203.55683%202.55996%203.86917%202.30361%204.23462%202.15224C%204.60007%202.00086%205.00221%201.96127%205.39017%202.03844C%205.77813%202.11561%206.13451%202.30608%206.41422%202.58578C%206.69392%202.86549%206.88441%203.22186%206.96158%203.60982C%207.03875%203.99778%206.99912%204.39991%206.84775%204.76537C%206.69637%205.13082%206.44004%205.44317%206.11115%205.66293C%205.78225%205.8827%205.39556%206%205%206C%204.47741%205.97565%203.98272%205.75712%203.61279%205.38719C%203.24287%205.01727%203.02435%204.52259%203%204ZM%205%205C%205.19778%205%205.39112%204.94135%205.55557%204.83147C%205.72002%204.72159%205.8482%204.56542%205.92389%204.38269C%205.99958%204.19996%206.01936%203.9989%205.98077%203.80492C%205.94219%203.61094%205.84694%203.43274%205.70709%203.29289C%205.56724%203.15304%205.38908%203.0578%205.1951%203.01921C%205.00112%202.98063%204.80004%203.00044%204.61731%203.07613C%204.43458%203.15181%204.2784%203.27998%204.16852%203.44443C%204.05864%203.60888%204%203.80222%204%204C%203.98842%204.13424%204.00633%204.26938%204.05249%204.39597C%204.09865%204.52255%204.17194%204.63751%204.26721%204.73279C%204.36249%204.82806%204.47745%204.90135%204.60403%204.94751C%204.73062%204.99367%204.86576%205.01158%205%205ZM%203.79999%2010.058C%203.87141%209.9868%203.96815%209.94681%204.069%209.94681C%204.16985%209.94681%204.26659%209.9868%204.33801%2010.058C%204.37433%2010.0905%204.40338%2010.1302%204.42328%2010.1747C%204.44317%2010.2191%204.45346%2010.2673%204.45346%2010.316C%204.45346%2010.3647%204.44317%2010.4129%204.42328%2010.4573C%204.40338%2010.5018%204.37433%2010.5415%204.33801%2010.574L%203.95401%2010.942C%203.88259%2011.0132%203.78585%2011.0532%203.685%2011.0532C%203.58415%2011.0532%203.4874%2011.0132%203.41599%2010.942C%203.37967%2010.9095%203.35061%2010.8698%203.33072%2010.8253C%203.31082%2010.7809%203.30054%2010.7327%203.30054%2010.684C%203.30054%2010.6353%203.31082%2010.5871%203.33072%2010.5427C%203.35061%2010.4982%203.37967%2010.4585%203.41599%2010.426L%203.79999%2010.058Z'/%3e%3c/defs%3e%3c/svg%3e") no-repeat left;
    width: 27px;
    height: 17px;
    top: 2px;
}

.hubContentEditable .narration-ph-icon {
    background: url("data:image/svg+xml,%3csvg%20width='9'%20height='15'%20viewBox='0%200%209%2015'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eUnion%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-2987%20-2395)'%3e%3cg%20id='Union'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(2987%202395)'%20fill='%23949494'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20fill-rule='evenodd'%20d='M%201.97253%202.5C%201.97253%201.11914%203.09183%200%204.47253%200C%205.85324%200%206.97253%201.11914%206.97253%202.5L%206.97253%208.5C%206.97253%209.70947%206.11365%2010.7188%204.97253%2010.9502L%204.97253%2011.9644C%206.5054%2011.7451%207.71783%2010.5332%207.9371%209L%208.94507%209C%208.71451%2011.0859%207.05835%2012.7422%204.97253%2012.9727L%204.97253%2014L%207.97253%2014L%207.97253%2015L%200.972534%2015L%200.972534%2014L%203.97253%2014L%203.97253%2012.9727C%201.88672%2012.7422%200.23056%2011.0859%200%209L%201.00797%209C%201.22723%2010.5332%202.43967%2011.7451%203.97253%2011.9644L%203.97253%2010.9502C%202.83142%2010.7188%201.97253%209.70947%201.97253%208.5L%201.97253%202.5ZM%205.97253%202.5L%205.97253%208.5C%205.97253%209.32861%205.30096%2010%204.47253%2010C%203.6441%2010%202.97253%209.32861%202.97253%208.5L%202.97253%202.5C%202.97253%201.67139%203.6441%201%204.47253%201C%205.30096%201%205.97253%201.67139%205.97253%202.5Z'/%3e%3c/defs%3e%3c/svg%3e") no-repeat left;
    width: 0;
    height: 15px;
    top: 3px;
    padding-right: 4px;
}

.hubContentEditable .group-ph-icon {
    background: url("data:image/svg+xml,%3csvg%20width='18'%20height='17'%20viewBox='0%200%2018%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.2031%207C14.3086%207%2014.4141%207.07031%2014.4844%207.14062C14.5547%207.21094%2014.625%207.31641%2014.625%207.42188V13.3281C14.625%2013.4688%2014.5547%2013.5742%2014.4844%2013.6445C14.4141%2013.7148%2014.3086%2013.75%2014.2031%2013.75H7.17188C7.03125%2013.75%206.92578%2013.7148%206.85547%2013.6445C6.78516%2013.5742%206.75%2013.4688%206.75%2013.3281V11.5H3.79688C3.65625%2011.5%203.55078%2011.4648%203.48047%2011.3945C3.41016%2011.3242%203.375%2011.2188%203.375%2011.0781V5.17188C3.375%205.06641%203.41016%204.96094%203.48047%204.89062C3.55078%204.82031%203.65625%204.75%203.79688%204.75H10.8281C10.9336%204.75%2011.0391%204.82031%2011.1094%204.89062C11.1797%204.96094%2011.25%205.06641%2011.25%205.17188V7H14.2031ZM4.5%205.875V10.375H10.125V5.875H4.5ZM13.5%2012.625V8.125H11.25V11.0781C11.25%2011.2188%2011.1797%2011.3242%2011.1094%2011.3945C11.0391%2011.4648%2010.9336%2011.5%2010.8281%2011.5H7.875V12.625H13.5ZM17.5781%204.75H16.875V13.75H17.5781C17.6836%2013.75%2017.7891%2013.8203%2017.8594%2013.8906C17.9297%2013.9609%2018%2014.0664%2018%2014.1719V16.7031C18%2016.8438%2017.9297%2016.9492%2017.8594%2017.0195C17.7891%2017.0898%2017.6836%2017.125%2017.5781%2017.125H15.0469C14.9062%2017.125%2014.8008%2017.0898%2014.7305%2017.0195C14.6602%2016.9492%2014.625%2016.8438%2014.625%2016.7031V16H3.375V16.7031C3.375%2016.8438%203.30469%2016.9492%203.23438%2017.0195C3.16406%2017.0898%203.05859%2017.125%202.95312%2017.125H0.421875C0.28125%2017.125%200.175781%2017.0898%200.105469%2017.0195C0.0351562%2016.9492%200%2016.8438%200%2016.7031V14.1719C0%2014.0664%200.0351562%2013.9609%200.105469%2013.8906C0.175781%2013.8203%200.28125%2013.75%200.421875%2013.75H1.125V4.75H0.421875C0.28125%204.75%200.175781%204.71484%200.105469%204.64453C0.0351562%204.57422%200%204.46875%200%204.32812V1.79688C0%201.69141%200.0351562%201.58594%200.105469%201.51562C0.175781%201.44531%200.28125%201.375%200.421875%201.375H2.95312C3.05859%201.375%203.16406%201.44531%203.23438%201.51562C3.30469%201.58594%203.375%201.69141%203.375%201.79688V2.5H14.625V1.79688C14.625%201.69141%2014.6602%201.58594%2014.7305%201.51562C14.8008%201.44531%2014.9062%201.375%2015.0469%201.375H17.5781C17.6836%201.375%2017.7891%201.44531%2017.8594%201.51562C17.9297%201.58594%2018%201.69141%2018%201.79688V4.32812C18%204.46875%2017.9297%204.57422%2017.8594%204.64453C17.7891%204.71484%2017.6836%204.75%2017.5781%204.75ZM15.75%2013.75V4.75H15.0469C14.9062%204.75%2014.8008%204.71484%2014.7305%204.64453C14.6602%204.57422%2014.625%204.46875%2014.625%204.32812V3.625H3.375V4.32812C3.375%204.46875%203.30469%204.57422%203.23438%204.64453C3.16406%204.71484%203.05859%204.75%202.95312%204.75H2.25V13.75H2.95312C3.05859%2013.75%203.16406%2013.8203%203.23438%2013.8906C3.30469%2013.9609%203.375%2014.0664%203.375%2014.1719V14.875H14.625V14.1719C14.625%2014.0664%2014.6602%2013.9609%2014.7305%2013.8906C14.8008%2013.8203%2014.9062%2013.75%2015.0469%2013.75H15.75ZM2.25%202.5H1.125V3.625H2.25V2.5ZM16.875%202.5H15.75V3.625H16.875V2.5ZM2.25%2014.875H1.125V16H2.25V14.875ZM16.875%2014.875H15.75V16H16.875V14.875Z'%20transform='translate(0%20-1)'%20fill='%23999999'/%3e%3c/svg%3e") no-repeat left;
    width: 0;
    height: 18px;
    top: 2px;
    padding-right: 12px;
}

.hubContentEditable .prioritized-ph-icon {
    margin-right: 11px;
}

.hubContentEditable .hotspot-ph-icon {
    background: url("data:image/svg+xml,%3csvg%20width='20'%20height='17'%20viewBox='0%200%2020%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M18.0088%209.49995V2.00016C18.0088%200.500153%2017.0088%200.000148036%2016.0088%200.000148036H2.00877C0.692884%20-0.0127541%200.0284945%200.818979%200.00876755%202.00016C-0.0109594%203.18134%200.00876755%2012.0002%200.00876755%2012.0002C0.00876755%2013.0002%200.508768%2014.0001%202.00877%2014.0001H12V13.0002H2.00877C1.87711%2013.0014%201.74654%2012.9763%201.62467%2012.9265C1.50281%2012.8767%201.39209%2012.803%201.29899%2012.7099C1.20589%2012.6168%201.13227%2012.5061%201.08244%2012.3843C1.03261%2012.2624%201.00757%2012.1318%201.00877%2012.0002V2.00016C1.00757%201.86851%201.03261%201.73794%201.08244%201.61607C1.13227%201.4942%201.20589%201.38348%201.29899%201.29038C1.39209%201.19729%201.50281%201.12366%201.62467%201.07383C1.74654%201.024%201.87711%200.998961%202.00877%201.00016H16.0088C16.1404%200.998961%2016.271%201.024%2016.3929%201.07383C16.5147%201.12366%2016.6254%201.19729%2016.7185%201.29038C16.8116%201.38348%2016.8853%201.4942%2016.9351%201.61607C16.9849%201.73794%2017.01%201.86851%2017.0088%202.00016V9.49995H18.0088Z'%20fill='%23949494'/%3e%3crect%20width='1.68876'%20height='3.49218'%20transform='matrix(0.881113%20-0.472906%200.429038%200.903286%2014.6995%2012.7637)'%20fill='%23949494'/%3e%3cpath%20d='M13.8214%208.19252L18.372%2012.3432L13.4852%2014.5723L13.8214%208.19252Z'%20fill='%23949494'/%3e%3c/svg%3e") no-repeat left;
    width: 27px;
    height: 17px;
    top: 2px;
}

.hubContentEditable .inline-block {
    display: inline-block;
}

.program-analytics .contentEditable { margin-right: 9px; }

.program-analytics .hubContentEditable.disabled .contentEditable {
    height: 30px;
    background-color: #F2F2F2;
    color: #777777;
    padding-bottom: 22px;
    padding-top: 12px;
    padding-left: 5px;
}

.hubContentEditable .disabled{
    cursor: default;
}.actions-list-item.params .action-parameter {
    display: inline-block;
    width: 68%
}

.actions-list-item.params .action-parameter.string {
    width: 45%
}

.actions-list-item.params .action-parameter.number {
    width: 45%
}

.actions-list-item .ui.dropdown.param-choice {
    width: 100%;
}

.actions-list-item > .ui.dropdown .menu > .item {
    padding: .5rem 1.15rem!important
}
.actions-list-item > .ui.dropdown .menu > .item.header {
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 3px!important;
    background: transparent!important;
}

.actions-list-item > .ui.dropdown .menu > .item.header:not(:first-child) {
    border-top: 2px solid #dddddd!important;
}

.actions-list-item > .ui.dropdown .menu > .item.header span.text {
    color: #999999!important;
}

    /*small hack for date-time picker*/
.param-date .react-datepicker-wrapper input { background-color: transparent; }
.param-date .react-datepicker-popper .react-datepicker__triangle { display: none; }
.param-date .dots-icon{
    color: #00A9E0;
}
.popup-selected .contentEditable input {
    min-width: 80px;
    padding-left: 5px;
}

.actions-list-item .param-data-element {
    padding-top: 20px;
    padding-bottom: 13px;
}.data-element-picker {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    width: fit-content;
}

.data-element-picker .dotsIcon {
    background:url("data:image/svg+xml,%3csvg%20width='23'%20height='5'%20viewBox='0%200%2023%205'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eellipsis%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-7820%20-5507)'%3e%3cg%20id='ellipsis'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(7820%205507)'%20fill='%2300A8DF'/%3e%3cuse%20xlink:href='%23path1_fill'%20transform='translate(7820%205507)'%20fill='%2300A8DF'/%3e%3cuse%20xlink:href='%23path2_fill'%20transform='translate(7820%205507)'%20fill='%2300A8DF'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20d='M%205%202.5C%205%203.88071%203.88071%205%202.5%205C%201.11929%205%200%203.88071%200%202.5C%200%201.11929%201.11929%200%202.5%200C%203.88071%200%205%201.11929%205%202.5Z'/%3e%3cpath%20id='path1_fill'%20d='M%2014%202.5C%2014%203.88071%2012.8807%205%2011.5%205C%2010.1193%205%209%203.88071%209%202.5C%209%201.11929%2010.1193%200%2011.5%200C%2012.8807%200%2014%201.11929%2014%202.5Z'/%3e%3cpath%20id='path2_fill'%20d='M%2023%202.5C%2023%203.88071%2021.8807%205%2020.5%205C%2019.1193%205%2018%203.88071%2018%202.5C%2018%201.11929%2019.1193%200%2020.5%200C%2021.8807%200%2023%201.11929%2023%202.5Z'/%3e%3c/defs%3e%3c/svg%3e") no-repeat top left;
    display: inline-block;
    height: 12px;
    width: 23px;
    border-bottom: 2px solid #00a8e0;
    margin-right: 10px;
}

.data-element-picker .dotsIcon:hover {
    background-color: #e6e7e9;
    text-decoration: underline;
    cursor: pointer;
}

.data-element-picker .data-element-picked-line .contentEditable {
    padding-bottom: 2px;
    border-bottom: none;
    color: #6B7F00;
    padding-left: 4px;
}

.data-element-picker .contentEditable {
    border-bottom: 2px solid #00A8E0;
    padding-bottom: 2px;
    line-height: 20px;
    min-width: 50px;
}

.data-element-picker .inline-date-picker.with-date-value {
    width: 90px;
}

.data-element-picker .param-name {
    color: darkgray;
    padding-bottom: 2px;
}.date-picker-placeholder {
    width: 278px;
}

.inline-date-picker {
    width: fit-content;
}

.logic-whens-wrapper .inline-date-picker.with-date-value {
    width: 80px;
}.popup-selected {
    margin-left: 9px;
    margin-right: 9px;
}

.popup-selected .selected-title {
    background-color: #F0F0F0;
    margin-top: 14px;
    margin-bottom: 24px;
    border-radius: 6px;
    padding: 8px;
    color: #333333;
}

.popup-selected .sub-title { color: #333333; }

button.remove-selected {
    float: right;
    color: #777777;
    padding: 7px 14px 7px 7px;
}

button.remove-action {
    float: right;
    background: url("data:image/svg+xml,%3csvg%20height='16'%20version='1.1'%20viewBox='0%200%2013%2016'%20width='13'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eVector%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-5819%20-7246)'%3e%3cg%20id='Vector'%3e%3cuse%20fill='%23808080'%20transform='translate(5819%207246)'%20xlink:href='%23path0_fill'/%3e%3cuse%20fill='%23808080'%20transform='translate(5819%207246)'%20xlink:href='%23path1_fill'/%3e%3cuse%20fill='%23808080'%20transform='translate(5819%207246)'%20xlink:href='%23path2_fill'/%3e%3cuse%20fill='%23808080'%20transform='translate(5819%207246)'%20xlink:href='%23path3_fill'/%3e%3cuse%20fill='%23808080'%20transform='translate(5819%207246)'%20xlink:href='%23path4_fill'/%3e%3cuse%20fill='%23808080'%20transform='translate(5819%207246)'%20xlink:href='%23path5_fill'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20d='M%2011%203L%202%203L%202%2014C%202%2014.5523%202.44772%2015%203%2015L%2010%2015C%2010.5523%2015%2011%2014.5523%2011%2014L%2011%203ZM%201%202L%201%2014C%201%2015.1046%201.89543%2016%203%2016L%2010%2016C%2011.1046%2016%2012%2015.1046%2012%2014L%2012%202L%201%202Z'%20fill-rule='evenodd'%20id='path0_fill'/%3e%3cpath%20d='M%200%202L%2013%202L%2013%203L%200%203L%200%202Z'%20id='path1_fill'/%3e%3cpath%20d='M%204%205L%205%205L%205%2013L%204%2013L%204%205Z'%20id='path2_fill'/%3e%3cpath%20d='M%206%205L%207%205L%207%2013L%206%2013L%206%205Z'%20id='path3_fill'/%3e%3cpath%20d='M%208%205L%209%205L%209%2013L%208%2013L%208%205Z'%20id='path4_fill'/%3e%3cpath%20d='M%209%201L%204%201L%204%202L%209%202L%209%201ZM%204%200C%203.44772%200%203%200.447715%203%201L%203%203L%2010%203L%2010%201C%2010%200.447715%209.55228%200%209%200L%204%200Z'%20fill-rule='evenodd'%20id='path5_fill'/%3e%3c/defs%3e%3c/svg%3e") no-repeat;
    width: 13px;
    height: 16px;
    margin: 9px 15px 9px 11px;
}

button.remove-action:hover {
    background: url("data:image/svg+xml,%3csvg%20height='16'%20version='1.1'%20viewBox='0%200%2013%2016'%20width='13'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eVector%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-5819%20-7246)'%3e%3cg%20id='Vector'%3e%3cuse%20fill='%23333333'%20transform='translate(5819%207246)'%20xlink:href='%23path0_fill'/%3e%3cuse%20fill='%23333333'%20transform='translate(5819%207246)'%20xlink:href='%23path1_fill'/%3e%3cuse%20fill='%23333333'%20transform='translate(5819%207246)'%20xlink:href='%23path2_fill'/%3e%3cuse%20fill='%23333333'%20transform='translate(5819%207246)'%20xlink:href='%23path3_fill'/%3e%3cuse%20fill='%23333333'%20transform='translate(5819%207246)'%20xlink:href='%23path4_fill'/%3e%3cuse%20fill='%23333333'%20transform='translate(5819%207246)'%20xlink:href='%23path5_fill'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20d='M%2011%203L%202%203L%202%2014C%202%2014.5523%202.44772%2015%203%2015L%2010%2015C%2010.5523%2015%2011%2014.5523%2011%2014L%2011%203ZM%201%202L%201%2014C%201%2015.1046%201.89543%2016%203%2016L%2010%2016C%2011.1046%2016%2012%2015.1046%2012%2014L%2012%202L%201%202Z'%20fill-rule='evenodd'%20id='path0_fill'/%3e%3cpath%20d='M%200%202L%2013%202L%2013%203L%200%203L%200%202Z'%20id='path1_fill'/%3e%3cpath%20d='M%204%205L%205%205L%205%2013L%204%2013L%204%205Z'%20id='path2_fill'/%3e%3cpath%20d='M%206%205L%207%205L%207%2013L%206%2013L%206%205Z'%20id='path3_fill'/%3e%3cpath%20d='M%208%205L%209%205L%209%2013L%208%2013L%208%205Z'%20id='path4_fill'/%3e%3cpath%20d='M%209%201L%204%201L%204%202L%209%202L%209%201ZM%204%200C%203.44772%200%203%200.447715%203%201L%203%203L%2010%203L%2010%201C%2010%200.447715%209.55228%200%209%200L%204%200Z'%20fill-rule='evenodd'%20id='path5_fill'/%3e%3c/defs%3e%3c/svg%3e") no-repeat;
}

button.add-actions {
    color: #00A9E0;
    line-height: 27px;
    font-weight: 500;
    margin: -6px;
}

.actions-list-item .ui.dropdown {
    width: 295px;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    padding: 6px 8px;
    min-height: 30px;
}

.actions-list-item .dropdown .text {
    font-size: 14px;
    line-height: 16px;
    width: calc(100% - 25px);
    color: #333333;
}

.actions-list-item .dropdown .menu .item:not(.header) .text:hover {
    background-color: #E6F7FC;
}

.actions-list-item .ui.dropdown .menu {
    font-size: 14px;
    width: 100%;
    max-height: 188px;
    overflow: auto;
}

li.actions-list-item {
    margin: 12px auto;
}

li.action-title {
    color: #333333;
}

li.action-link {
    margin-top: 20px;
    cursor: pointer;
}

li.action-link:hover button.add-actions {
    text-decoration: underline;
}

.data-presenter .actions-list-item .dropdown.icon {
    display: inline;
    color: #3F3F3F;
}

.actions-list-item .ui.dropdown .menu > .item:not(.header):hover {
    background: #E6F7FC;
}


.actions-list-item .dropdown .menu > .header {
    margin: auto;
    cursor: auto;
    text-transform: none;
}


.actions-list-item .ui.dropdown .menu > .item.header:hover {
    background: transparent;
}
.actions-list-item .ui.dropdown .menu > .item.header span.text {
    font-size: 12px;
    color: #777777;
    font-weight: 700;
    line-height: 12px;
}

.logic-popup-remove-selected {
    background: url("data:image/svg+xml,%3csvg%20height='16'%20version='1.1'%20viewBox='0%200%2013%2016'%20width='13'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eVector%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-5819%20-7246)'%3e%3cg%20id='Vector'%3e%3cuse%20fill='%23808080'%20transform='translate(5819%207246)'%20xlink:href='%23path0_fill'/%3e%3cuse%20fill='%23808080'%20transform='translate(5819%207246)'%20xlink:href='%23path1_fill'/%3e%3cuse%20fill='%23808080'%20transform='translate(5819%207246)'%20xlink:href='%23path2_fill'/%3e%3cuse%20fill='%23808080'%20transform='translate(5819%207246)'%20xlink:href='%23path3_fill'/%3e%3cuse%20fill='%23808080'%20transform='translate(5819%207246)'%20xlink:href='%23path4_fill'/%3e%3cuse%20fill='%23808080'%20transform='translate(5819%207246)'%20xlink:href='%23path5_fill'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20d='M%2011%203L%202%203L%202%2014C%202%2014.5523%202.44772%2015%203%2015L%2010%2015C%2010.5523%2015%2011%2014.5523%2011%2014L%2011%203ZM%201%202L%201%2014C%201%2015.1046%201.89543%2016%203%2016L%2010%2016C%2011.1046%2016%2012%2015.1046%2012%2014L%2012%202L%201%202Z'%20fill-rule='evenodd'%20id='path0_fill'/%3e%3cpath%20d='M%200%202L%2013%202L%2013%203L%200%203L%200%202Z'%20id='path1_fill'/%3e%3cpath%20d='M%204%205L%205%205L%205%2013L%204%2013L%204%205Z'%20id='path2_fill'/%3e%3cpath%20d='M%206%205L%207%205L%207%2013L%206%2013L%206%205Z'%20id='path3_fill'/%3e%3cpath%20d='M%208%205L%209%205L%209%2013L%208%2013L%208%205Z'%20id='path4_fill'/%3e%3cpath%20d='M%209%201L%204%201L%204%202L%209%202L%209%201ZM%204%200C%203.44772%200%203%200.447715%203%201L%203%203L%2010%203L%2010%201C%2010%200.447715%209.55228%200%209%200L%204%200Z'%20fill-rule='evenodd'%20id='path5_fill'/%3e%3c/defs%3e%3c/svg%3e") no-repeat;
    position: absolute;
    right: 11px;
    top: 11px;
    width: 13px;
    height: 16px;
}

.logic-popup-remove-selected:hover {
    background: url("data:image/svg+xml,%3csvg%20height='16'%20version='1.1'%20viewBox='0%200%2013%2016'%20width='13'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eVector%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-5819%20-7246)'%3e%3cg%20id='Vector'%3e%3cuse%20fill='%23333333'%20transform='translate(5819%207246)'%20xlink:href='%23path0_fill'/%3e%3cuse%20fill='%23333333'%20transform='translate(5819%207246)'%20xlink:href='%23path1_fill'/%3e%3cuse%20fill='%23333333'%20transform='translate(5819%207246)'%20xlink:href='%23path2_fill'/%3e%3cuse%20fill='%23333333'%20transform='translate(5819%207246)'%20xlink:href='%23path3_fill'/%3e%3cuse%20fill='%23333333'%20transform='translate(5819%207246)'%20xlink:href='%23path4_fill'/%3e%3cuse%20fill='%23333333'%20transform='translate(5819%207246)'%20xlink:href='%23path5_fill'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20d='M%2011%203L%202%203L%202%2014C%202%2014.5523%202.44772%2015%203%2015L%2010%2015C%2010.5523%2015%2011%2014.5523%2011%2014L%2011%203ZM%201%202L%201%2014C%201%2015.1046%201.89543%2016%203%2016L%2010%2016C%2011.1046%2016%2012%2015.1046%2012%2014L%2012%202L%201%202Z'%20fill-rule='evenodd'%20id='path0_fill'/%3e%3cpath%20d='M%200%202L%2013%202L%2013%203L%200%203L%200%202Z'%20id='path1_fill'/%3e%3cpath%20d='M%204%205L%205%205L%205%2013L%204%2013L%204%205Z'%20id='path2_fill'/%3e%3cpath%20d='M%206%205L%207%205L%207%2013L%206%2013L%206%205Z'%20id='path3_fill'/%3e%3cpath%20d='M%208%205L%209%205L%209%2013L%208%2013L%208%205Z'%20id='path4_fill'/%3e%3cpath%20d='M%209%201L%204%201L%204%202L%209%202L%209%201ZM%204%200C%203.44772%200%203%200.447715%203%201L%203%203L%2010%203L%2010%201C%2010%200.447715%209.55228%200%209%200L%204%200Z'%20fill-rule='evenodd'%20id='path5_fill'/%3e%3c/defs%3e%3c/svg%3e") no-repeat;
}

.logic-popup-content.data-elements, .logic-popup-content.assets, .logic-popup-content.value-set {
    /*height: unset;*/
    /*max-height: 341px;*/
    height: 350px; /* = height of .modify-data-element + total height of .logic-popup-footer */
    min-height: 70px;
}

.logic-popup-content.modify-data-element {
    height: 313px;
}
.logic-data-selector-footer {
    float: right;
    display: inline-block;
}

.logic-data-selector-footer button {
    width: 73px;
    font-size: 12px;
    line-height: 22px;
    padding: 0px 16px;
    border-radius: 20px;
    border: 1px solid #ccc;
    margin-left: 13px;
}

.logic-data-selector-footer button.positive {
    color: #ffffff;
    background: #00A9E0;
}
.logic-data-selector-footer button.positive:active:hover {
    background: #0090BF;
}

.logic-data-selector-footer button.negative {
    color: #333333;
}

.logic-data-selector-footer button.negative:hover {
    background: #DDDEE4;
}

.logic-data-selector-footer button:disabled {
    background: #d6d6d6;
}
.search-bar-container { position: relative; }

.search-bar-container .search-icon {
    position: absolute;
    top: 21px;
    left: 19px;
    background-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='17'%20viewBox='0%200%2018%2017'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eVector%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-2660%20-8566)'%3e%3cg%20id='Vector'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(2660%208566)'%20fill='%23414042'%20fill-opacity='0.502'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20fill-rule='evenodd'%20d='M%2017.992%2016.065L%2017.024%2016.993L%2011.884%2012.062C%2010.622%2013.119%208.99%2013.781%207.183%2013.781C%203.216%2013.781%200%2010.696%200%206.891C%200%203.086%203.216%20-9.49949e-11%207.183%20-9.49949e-11C%2011.15%20-9.49949e-11%2014.366%203.086%2014.366%206.891C%2014.366%208.488%2013.776%209.94%2012.825%2011.108L%2017.992%2016.065ZM%207.183%201.313C%203.971%201.313%201.368%203.811%201.368%206.891C%201.368%209.971%203.971%2012.469%207.183%2012.469C%2010.394%2012.469%2012.997%209.971%2012.997%206.891C%2012.997%203.811%2010.394%201.313%207.183%201.313Z'/%3e%3c/defs%3e%3c/svg%3e");
    width: 18px;
    height: 17px;
}

.logic-popup-container li.data-item {
    padding-left: 6px;
    width: 100%;
    line-height: 27px;
    text-align: left;
    color: #333333;
    cursor: pointer;
    font-weight: 500;
}

.logic-popup-container li.separator {
    margin: 18px 9px;
    background-color: #DDDDDD;
    height: 1px;
}

.logic-popup-container li.data-item:hover {
    background: #E6F7FC;
}

/*TODO: remove once icons are introduced*/
.logic-popup-container li.data-item .text {
    margin-left: 33px;
}

.logic-popup-container .search-bar-container {
    width: 100%;
    text-align: left;
}

.logic-popup-container .search-bar-container input {
    border: 1px solid #D6D6D6;
    border-radius: 10px;
    margin: 13px 9px 10px 9px;
    padding: 5px 0 5px 37px;
    color: #333333;
    font-size: 14px;
    width: calc(100% - 22px);
}

.logic-popup-container .search-bar-container input ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:  rgba(131, 131, 131, 0.5);
}
.logic-popup-container .search-bar-container input ::-moz-placeholder { /* Firefox 19+ */
    color:  rgba(131, 131, 131, 0.5);
}
.logic-popup-container .search-bar-container input :-ms-input-placeholder { /* IE 10+ */
    color:  rgba(131, 131, 131, 0.5);
}
.logic-popup-container .search-bar-container input :-moz-placeholder { /* Firefox 18- */
    color:  rgba(131, 131, 131, 0.5);
}

.logic-popup-container .search-bar-container input.short {
    margin-right: 20px;
    width: calc(100% - 70px);
}

.logic-popup-container .empty-content {
    color: rgba(131, 131, 131, 0.5);
    font-size: 14px;
    font-weight: 500;
    margin-top: 95px;
    margin-bottom: 100px;
    text-align: center;
}

.data-selection-list {
    min-height: 100px;
    max-height: 295px;
    overflow-y: auto;
}

.data-selection-list .data-type-icon {
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 14px;
    padding-left: 23px;
    margin-left: 7px;
}

.data-selection-list .dsl-icon-line-break {
    background-image: url("data:image/svg+xml,%3csvg%20width='10'%20height='9'%20viewBox='0%200%2010%209'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='line%20break'%3e%3cg%20id='Union'%3e%3cpath%20d='M%209%200L%2010%200L%2010%206C%2010%206.55228%209.55228%207%209%207L%204%207L%204%209L%203%209L%200%206.5L%203%204L%204%204L%204%206L%209%206L%209%200Z'%20fill='%23333333'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    padding-left: 21px;
}

.data-selection-list .dsl-icon-boolean {
    background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='B'%3e%3cg%20id='Rectangle%202'%3e%3crect%20width='14'%20height='14'%20rx='2'%20fill='%23BDBDBD'/%3e%3c/g%3e%3cg%20id='Vector'%3e%3cpath%20d='M%200%207.766L%202.783%207.766C%204.147%207.766%205.28%207.018%205.28%205.555C%205.28%204.686%204.818%203.916%204.004%203.674L%204.004%203.652C%204.598%203.344%204.972%202.739%204.972%201.98C%204.972%200.726%204.026%200%202.717%200L%200%200L%200%207.766ZM%201.089%203.267L%201.089%200.946L%202.695%200.946C%203.443%200.946%203.861%201.408%203.861%202.09C%203.861%202.772%203.421%203.267%202.717%203.267L%201.089%203.267ZM%201.089%206.82L%201.089%204.169L%202.82701%204.169C%203.64101%204.169%204.169%204.708%204.169%205.5C%204.169%206.292%203.674%206.82%202.838%206.82L%201.089%206.82Z'%20transform='translate(4%203)'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.data-selection-list .dsl-icon-datetime {
    background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='D'%3e%3cg%20id='Rectangle%202'%3e%3crect%20width='14'%20height='14'%20rx='2'%20fill='%23BDBDBD'/%3e%3crect%20x='0.5'%20y='0.5'%20width='13'%20height='13'%20rx='1.5'%20stroke='%23BDBDBD'/%3e%3c/g%3e%3cg%20id='Vector'%3e%3cpath%20d='M%200%207.766L%202.574%207.766C%204.95%207.766%206.512%206.336%206.512%203.872C%206.512%201.419%204.95%200%202.574%200L%200%200L%200%207.766ZM%201.089%206.82L%201.089%200.946L%202.497%200.946C%204.235%200.946%205.39%201.969%205.39%203.872C%205.39%205.786%204.246%206.82%202.497%206.82L%201.089%206.82Z'%20transform='translate(4%203)'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.data-selection-list .dsl-icon-url {
    background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='U'%3e%3cg%20id='Rectangle%202'%3e%3crect%20width='14'%20height='14'%20rx='2'%20fill='%23BDBDBD'/%3e%3crect%20x='0.5'%20y='0.5'%20width='13'%20height='13'%20rx='1.5'%20stroke='%23BDBDBD'/%3e%3c/g%3e%3cg%20id='Vector'%3e%3cpath%20d='M%200%205.016C%200%206.743%201.243%207.898%203.058%207.898C%204.873%207.898%206.116%206.743%206.116%205.016L%206.116%200L%205.027%200L%205.027%204.994C%205.027%206.204%204.246%206.897%203.047%206.897C%201.859%206.897%201.089%206.204%201.089%205.016L%201.089%200L%200%200L%200%205.016Z'%20transform='translate(4%203)'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.data-selection-list .dsl-icon-number {
    background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='N'%3e%3cg%20id='Rectangle%202'%3e%3crect%20width='14'%20height='14'%20rx='2'%20fill='%23BDBDBD'/%3e%3crect%20x='0.5'%20y='0.5'%20width='13'%20height='13'%20rx='1.5'%20stroke='%23BDBDBD'/%3e%3c/g%3e%3cg%20id='Vector'%3e%3cpath%20d='M%200%207.766L%201.089%207.766L%201.089%202.728C%201.089%202.288%201.012%201.595%201.012%201.595L%201.034%201.595C%201.034%201.595%201.397%202.299%201.683%202.728L%205.148%207.766L%206.215%207.766L%206.215%200L%205.126%200L%205.126%205.049C%205.126%205.478%205.203%206.171%205.203%206.171L%205.181%206.171C%205.181%206.171%204.818%205.467%204.532%205.049L%201.078%200L%200%200L%200%207.766Z'%20transform='translate(4%203)'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.data-selection-list .dsl-icon-string {
    background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='S'%3e%3cg%20id='Rectangle%202'%3e%3crect%20width='14'%20height='14'%20rx='2'%20fill='%23BDBDBD'/%3e%3crect%20x='0.5'%20y='0.5'%20width='13'%20height='13'%20rx='1.5'%20stroke='%23BDBDBD'/%3e%3c/g%3e%3cg%20id='S_2'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%20-0.64652%207.03716L%20-0.40064%206.70786L%200.21536%205.88286L%200.563344%205.41681L%200.970346%205.82924L%200.970544%205.82944L%200.970583%205.82947L%200.973334%205.83216C%200.976816%205.83553%200.983237%205.84167%200.992475%205.85018C%201.01098%205.86723%201.0406%205.89362%201.08037%205.9263C%201.16027%205.99195%201.279%206.08117%201.42888%206.17051C%201.73249%206.35149%202.13844%206.518%202.596%206.518C%202.8712%206.518%203.09011%206.44029%203.22879%206.33044C%203.35555%206.23003%203.438%206.08756%203.438%205.874C%203.438%205.68501%203.3506%205.52545%203.06894%205.33384C%202.81992%205.16442%202.50196%205.0254%202.11851%204.85775C%202.03352%204.82059%201.94532%204.78202%201.85393%204.74141C%201.3839%204.5325%200.843349%204.27326%200.423341%203.88273C%20-0.0182994%203.47208%20-0.324%202.91921%20-0.324%202.167C%20-0.324%200.622346%201.00725%20-0.5%202.684%20-0.5C%203.49805%20-0.5%204.1276%20-0.278764%204.55779%20-0.0516735C%204.77222%200.0615187%204.93689%200.175989%205.05081%200.265033C%205.10783%200.309605%205.15237%200.347987%205.1843%200.376922C%205.20028%200.391397%205.21313%200.403533%205.22284%200.412928L%205.23505%200.424925L%205.2394%200.429296L%205.24113%200.431058L%205.24188%200.431832L%205.24224%200.432192C%205.2424%200.432364%205.24257%200.432533%204.884%200.781L%205.24257%200.432533L%205.50013%200.697562L%205.32233%201.02155L%204.82733%201.92355L%204.51708%202.4889L%204.04842%202.04908L%204.04831%202.04897L%204.04685%202.04766C%204.04427%202.04534%204.03916%202.04081%204.03164%202.03439C%204.01656%202.02151%203.99194%202.00115%203.95864%201.97576C%203.89172%201.92473%203.79167%201.85486%203.66527%201.78477C%203.40901%201.64266%203.06709%201.512%202.684%201.512C%202.04312%201.512%201.776%201.88895%201.776%202.145C%201.776%202.301%201.84698%202.44199%202.13272%202.62426C%202.36719%202.77383%202.65746%202.8961%203.0075%203.04355C%203.11774%203.08999%203.23392%203.13892%203.35614%203.19199C%203.83069%203.39805%204.37421%203.65996%204.79673%204.06622C%205.24%204.49242%205.538%205.06522%205.538%205.841C%205.538%206.5727%205.2541%207.25387%204.72563%207.74975C%204.19715%208.24562%203.45319%208.53%202.574%208.53C%201.64211%208.53%200.912273%208.24048%200.415808%207.95009C%200.167891%207.80509%20-0.0231138%207.6592%20-0.154376%207.54721C%20-0.22012%207.49112%20-0.27124%207.44321%20-0.307384%207.40772C%20-0.325468%207.38997%20-0.33984%207.37528%20-0.350457%207.36419L%20-0.363574%207.35029L%20-0.368019%207.34548L%20-0.369712%207.34362L%20-0.370426%207.34283L%20-0.37075%207.34248C%20-0.370902%207.34231%20-0.371051%207.34214%200%207.007L%20-0.371051%207.34214L%20-0.64652%207.03716Z'%20transform='translate(4.46191%203.10156)'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%20-0.64652%207.03716L%20-0.40064%206.70786L%200.21536%205.88286L%200.563344%205.41681L%200.970346%205.82924L%200.970544%205.82944L%200.970583%205.82947L%200.973334%205.83216C%200.976816%205.83553%200.983237%205.84167%200.992475%205.85018C%201.01098%205.86723%201.0406%205.89362%201.08037%205.9263C%201.16027%205.99195%201.279%206.08117%201.42888%206.17051C%201.73249%206.35149%202.13844%206.518%202.596%206.518C%202.8712%206.518%203.09011%206.44029%203.22879%206.33044C%203.35555%206.23003%203.438%206.08756%203.438%205.874C%203.438%205.68501%203.3506%205.52545%203.06894%205.33384C%202.81992%205.16442%202.50196%205.0254%202.11851%204.85775C%202.03352%204.82059%201.94532%204.78202%201.85393%204.74141C%201.3839%204.5325%200.843349%204.27326%200.423341%203.88273C%20-0.0182994%203.47208%20-0.324%202.91921%20-0.324%202.167C%20-0.324%200.622346%201.00725%20-0.5%202.684%20-0.5C%203.49805%20-0.5%204.1276%20-0.278764%204.55779%20-0.0516735C%204.77222%200.0615187%204.93689%200.175989%205.05081%200.265033C%205.10783%200.309605%205.15237%200.347987%205.1843%200.376922C%205.20028%200.391397%205.21313%200.403533%205.22284%200.412928L%205.23505%200.424925L%205.2394%200.429296L%205.24113%200.431058L%205.24188%200.431832L%205.24224%200.432192C%205.2424%200.432364%205.24257%200.432533%204.884%200.781L%205.24257%200.432533L%205.50013%200.697562L%205.32233%201.02155L%204.82733%201.92355L%204.51708%202.4889L%204.04842%202.04908L%204.04831%202.04897L%204.04685%202.04766C%204.04427%202.04534%204.03916%202.04081%204.03164%202.03439C%204.01656%202.02151%203.99194%202.00115%203.95864%201.97576C%203.89172%201.92473%203.79167%201.85486%203.66527%201.78477C%203.40901%201.64266%203.06709%201.512%202.684%201.512C%202.04312%201.512%201.776%201.88895%201.776%202.145C%201.776%202.301%201.84698%202.44199%202.13272%202.62426C%202.36719%202.77383%202.65746%202.8961%203.0075%203.04355C%203.11774%203.08999%203.23392%203.13892%203.35614%203.19199C%203.83069%203.39805%204.37421%203.65996%204.79673%204.06622C%205.24%204.49242%205.538%205.06522%205.538%205.841C%205.538%206.5727%205.2541%207.25387%204.72563%207.74975C%204.19715%208.24562%203.45319%208.53%202.574%208.53C%201.64211%208.53%200.912273%208.24048%200.415808%207.95009C%200.167891%207.80509%20-0.0231138%207.6592%20-0.154376%207.54721C%20-0.22012%207.49112%20-0.27124%207.44321%20-0.307384%207.40772C%20-0.325468%207.38997%20-0.33984%207.37528%20-0.350457%207.36419L%20-0.363574%207.35029L%20-0.368019%207.34548L%20-0.369712%207.34362L%20-0.370426%207.34283L%20-0.37075%207.34248C%20-0.370902%207.34231%20-0.371051%207.34214%200%207.007L%20-0.371051%207.34214L%20-0.64652%207.03716Z'%20stroke-miterlimit='8'%20transform='translate(4.46191%203.10156)'%20stroke='%23BDBDBD'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.data-selection-list .dsl-icon-image {
    background-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='14'%20viewBox='0%200%2018%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eadd%20image%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-2923%20-2396)'%3e%3cg%20id='add%20image'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(2923%202396)'%20fill='%23949494'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20fill-rule='evenodd'%20d='M%2016.078%2014L%202%2014C%201.47741%2013.9757%200.98272%2013.7571%200.612793%2013.3872C%200.242866%2013.0173%200.0243454%2012.5226%200%2012L%200%202C%200.0243454%201.47741%200.242866%200.982735%200.612793%200.612808C%200.98272%200.242882%201.47741%200.0243454%202%200L%2016%200C%2016.5226%200.0243454%2017.0173%200.242882%2017.3872%200.612808C%2017.7571%200.982735%2017.9757%201.47741%2018%202L%2018%2012C%2017.9941%2012.5153%2017.792%2013.0089%2017.4349%2013.3805C%2017.0779%2013.752%2016.5926%2013.9736%2016.078%2014ZM%2014.867%205.839L%208.367%2012.047C%208.29559%2012.1182%208.19884%2012.1582%208.09799%2012.1582C%207.99714%2012.1582%207.90043%2012.1182%207.82901%2012.047C%207.79271%2012.0146%207.76366%2011.975%207.74377%2011.9306C%207.72389%2011.8862%207.71359%2011.8381%207.71359%2011.7895C%207.71359%2011.7409%207.72389%2011.6928%207.74377%2011.6484C%207.76366%2011.604%207.79271%2011.5644%207.82901%2011.532L%209.38599%2010.039L%209.367%2010.021L%207.13699%207.884L%205.254%209.689C%205.18258%209.7602%205.08583%209.80019%204.98499%209.80019C%204.88414%209.80019%204.78742%209.7602%204.716%209.689C%204.67971%209.65663%204.65065%209.61696%204.63077%209.57259C%204.61088%209.52821%204.60062%209.48013%204.60062%209.4315C%204.60062%209.38287%204.61088%209.3348%204.63077%209.29042C%204.65065%209.24604%204.67971%209.20636%204.716%209.174L%206.599%207.368C%206.74624%207.2342%206.93805%207.16008%207.13699%207.16008C%207.33594%207.16008%207.52775%207.2342%207.67499%207.368L%209.905%209.505L%209.92401%209.524L%2014.324%205.32401C%2014.4672%205.18233%2014.6605%205.10286%2014.862%205.10286C%2015.0635%205.10286%2015.2568%205.18233%2015.4%205.32401L%2017%207L%2017%202C%2017.0116%201.86576%2016.9937%201.73062%2016.9475%201.60403C%2016.9014%201.47745%2016.8281%201.36249%2016.7328%201.26721C%2016.6375%201.17194%2016.5226%201.09865%2016.396%201.05249C%2016.2694%201.00633%2016.1342%200.988419%2016%201L%202%201C%201.86576%200.988419%201.73062%201.00633%201.60403%201.05249C%201.47745%201.09865%201.36249%201.17194%201.26721%201.26721C%201.17194%201.36249%201.09865%201.47745%201.05249%201.60403C%201.00633%201.73062%200.988419%201.86576%201%202L%201%2012C%200.988419%2012.1342%201.00633%2012.2694%201.05249%2012.396C%201.09865%2012.5225%201.17194%2012.6375%201.26721%2012.7328C%201.36249%2012.8281%201.47745%2012.9014%201.60403%2012.9475C%201.73062%2012.9937%201.86576%2013.0116%202%2013L%2016%2013C%2016.1342%2013.0116%2016.2694%2012.9937%2016.396%2012.9475C%2016.5226%2012.9014%2016.6375%2012.8281%2016.7328%2012.7328C%2016.8281%2012.6375%2016.9014%2012.5225%2016.9475%2012.396C%2016.9937%2012.2694%2017.0116%2012.1342%2017%2012L%2017%208C%2016.981%207.982%2017.173%208.05001%2017.154%208.03101L%2014.867%205.839ZM%203%204C%203%203.60444%203.1173%203.21775%203.33707%202.88885C%203.55683%202.55996%203.86917%202.30361%204.23462%202.15224C%204.60007%202.00086%205.00221%201.96127%205.39017%202.03844C%205.77813%202.11561%206.13451%202.30608%206.41422%202.58578C%206.69392%202.86549%206.88441%203.22186%206.96158%203.60982C%207.03875%203.99778%206.99912%204.39991%206.84775%204.76537C%206.69637%205.13082%206.44004%205.44317%206.11115%205.66293C%205.78225%205.8827%205.39556%206%205%206C%204.47741%205.97565%203.98272%205.75712%203.61279%205.38719C%203.24287%205.01727%203.02435%204.52259%203%204ZM%205%205C%205.19778%205%205.39112%204.94135%205.55557%204.83147C%205.72002%204.72159%205.8482%204.56542%205.92389%204.38269C%205.99958%204.19996%206.01936%203.9989%205.98077%203.80492C%205.94219%203.61094%205.84694%203.43274%205.70709%203.29289C%205.56724%203.15304%205.38908%203.0578%205.1951%203.01921C%205.00112%202.98063%204.80004%203.00044%204.61731%203.07613C%204.43458%203.15181%204.2784%203.27998%204.16852%203.44443C%204.05864%203.60888%204%203.80222%204%204C%203.98842%204.13424%204.00633%204.26938%204.05249%204.39597C%204.09865%204.52255%204.17194%204.63751%204.26721%204.73279C%204.36249%204.82806%204.47745%204.90135%204.60403%204.94751C%204.73062%204.99367%204.86576%205.01158%205%205ZM%203.79999%2010.058C%203.87141%209.9868%203.96815%209.94681%204.069%209.94681C%204.16985%209.94681%204.26659%209.9868%204.33801%2010.058C%204.37433%2010.0905%204.40338%2010.1302%204.42328%2010.1747C%204.44317%2010.2191%204.45346%2010.2673%204.45346%2010.316C%204.45346%2010.3647%204.44317%2010.4129%204.42328%2010.4573C%204.40338%2010.5018%204.37433%2010.5415%204.33801%2010.574L%203.95401%2010.942C%203.88259%2011.0132%203.78585%2011.0532%203.685%2011.0532C%203.58415%2011.0532%203.4874%2011.0132%203.41599%2010.942C%203.37967%2010.9095%203.35061%2010.8698%203.33072%2010.8253C%203.31082%2010.7809%203.30054%2010.7327%203.30054%2010.684C%203.30054%2010.6353%203.31082%2010.5871%203.33072%2010.5427C%203.35061%2010.4982%203.37967%2010.4585%203.41599%2010.426L%203.79999%2010.058Z'/%3e%3c/defs%3e%3c/svg%3e");
}

.data-selection-list .dsl-icon-video {
    background-image: url("data:image/svg+xml,%3csvg%20width='19'%20height='14'%20viewBox='0%200%2019%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eadd%20video%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-2954%20-2396)'%3e%3cg%20id='add%20video'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(2954.99%202396)'%20fill='%23949494'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20fill-rule='evenodd'%20d='M%2016.0088%2014.0001L%202.00877%2014.0001C%200.508768%2014.0001%200.00876755%2013.0002%200.00876755%2012.0002C%200.00876755%2012.0002%20-0.0109594%203.18134%200.00876755%202.00016C%200.0284945%200.818979%200.692884%20-0.0127541%202.00877%200.000148036C%202.00877%200.000148036%2015.0088%200.000148036%2016.0088%200.000148036C%2017.0088%200.000148036%2018.0088%200.500153%2018.0088%202.00016C%2018.0088%203.50017%2018.0088%2012.0002%2018.0088%2012.0002C%2018.0088%2013.0002%2017.5088%2014.0001%2016.0088%2014.0001ZM%202.00877%201.00016C%201.87711%200.998961%201.74654%201.024%201.62467%201.07383C%201.50281%201.12366%201.39209%201.19729%201.29899%201.29038C%201.20589%201.38348%201.13227%201.4942%201.08244%201.61607C%201.03261%201.73794%201.00757%201.86851%201.00877%202.00016L%201.00877%2012.0002C%201.00757%2012.1318%201.03261%2012.2624%201.08244%2012.3843C%201.13227%2012.5061%201.20589%2012.6168%201.29899%2012.7099C%201.39209%2012.803%201.50281%2012.8767%201.62467%2012.9265C%201.74654%2012.9763%201.87711%2013.0014%202.00877%2013.0002L%2016.0088%2013.0002C%2016.1404%2013.0014%2016.271%2012.9763%2016.3929%2012.9265C%2016.5147%2012.8767%2016.6254%2012.803%2016.7185%2012.7099C%2016.8116%2012.6168%2016.8853%2012.5061%2016.9351%2012.3843C%2016.9849%2012.2624%2017.01%2012.1318%2017.0088%2012.0002L%2017.0088%202.00016C%2017.01%201.86851%2016.9849%201.73794%2016.9351%201.61607C%2016.8853%201.4942%2016.8116%201.38348%2016.7185%201.29038C%2016.6254%201.19729%2016.5147%201.12366%2016.3929%201.07383C%2016.271%201.024%2016.1404%200.998961%2016.0088%201.00016L%202.00877%201.00016ZM%207.00877%2010.0002L%2012.0088%207.00016L%207.00877%204.00016L%207.00877%2010.0002Z'/%3e%3c/defs%3e%3c/svg%3e");
}

.data-selection-list .dsl-icon-audio {
    background-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='&%23239;&%23128;&%23167;=='%3e%3cpath%20d='M%2012.6914%207.0918C%2013.1738%207.38867%2013.5449%207.79688%2013.8418%208.2793C%2014.1016%208.79883%2014.25%209.31836%2014.25%209.875C%2014.25%2010.4688%2014.1016%2010.9883%2013.8418%2011.4707C%2013.5449%2011.9902%2013.1738%2012.3613%2012.6914%2012.6582C%2012.543%2012.7695%2012.3574%2012.8066%2012.209%2012.7324C%2012.0605%2012.6953%2011.9121%2012.6211%2011.8379%2012.4727C%2011.7637%2012.3242%2011.7266%2012.1758%2011.8008%2012.0273C%2011.8379%2011.8789%2011.9121%2011.7305%2012.0605%2011.6562C%2012.3574%2011.4707%2012.6172%2011.2109%2012.8027%2010.9141C%2012.9512%2010.6172%2013.0625%2010.2461%2013.0625%209.875C%2013.0625%209.50391%2012.9512%209.16992%2012.8027%208.87305C%2012.6172%208.57617%2012.3574%208.31641%2012.0605%208.09375C%2011.9121%208.01953%2011.8379%207.9082%2011.8008%207.75977C%2011.7266%207.61133%2011.7637%207.46289%2011.8379%207.31445C%2011.9121%207.16602%2012.0605%207.0918%2012.209%207.01758C%2012.3574%206.98047%2012.543%207.01758%2012.6914%207.0918ZM%209.5%203.64062C%209.5%203.41797%209.38867%203.19531%209.24023%203.00977C%209.05469%202.86133%208.83203%202.75%208.60938%202.75C%208.34961%202.75%208.12695%202.86133%207.97852%203.00977L%204.67578%206.3125L%200.890625%206.3125C%200.630859%206.3125%200.408203%206.42383%200.259766%206.57227C%200.0742188%206.75781%200%206.98047%200%207.20312L%200%2012.5469C%200%2012.8066%200.0742188%2013.0293%200.259766%2013.1777C%200.408203%2013.3633%200.630859%2013.4375%200.890625%2013.4375L%204.67578%2013.4375L%207.97852%2016.7402C%208.12695%2016.9258%208.34961%2017%208.60938%2017C%208.83203%2017%209.05469%2016.9258%209.24023%2016.7402C%209.38867%2016.5918%209.5%2016.3691%209.5%2016.1094L%209.5%203.64062ZM%208.3125%204.3457L%208.3125%2015.4043L%205.41797%2012.5098C%205.23242%2012.3613%205.00977%2012.25%204.78711%2012.25L%201.1875%2012.25L%201.1875%207.5L%204.78711%207.5C%205.00977%207.5%205.23242%207.42578%205.41797%207.24023L%208.3125%204.3457Z'%20transform='translate(0%20-2)'%20fill='%23777777'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.data-selection-list .dsl-icon-prioritized-list {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='14'%20viewBox='0%200%2016%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.8125%202.5625C15.8438%202.5625%2015.875%202.5625%2015.9375%202.5C15.9688%202.46875%2016%202.4375%2016%202.375V1.625C16%201.59375%2015.9688%201.5625%2015.9375%201.5C15.875%201.46875%2015.8438%201.4375%2015.8125%201.4375H4.1875C4.125%201.4375%204.09375%201.46875%204.0625%201.5C4%201.5625%204%201.59375%204%201.625V2.375C4%202.4375%204%202.46875%204.0625%202.5C4.09375%202.5625%204.125%202.5625%204.1875%202.5625H15.8125ZM16%207.375C16%207.4375%2015.9688%207.46875%2015.9375%207.5C15.875%207.5625%2015.8438%207.5625%2015.8125%207.5625H4.1875C4.125%207.5625%204.09375%207.5625%204.0625%207.5C4%207.46875%204%207.4375%204%207.375V6.625C4%206.59375%204%206.5625%204.0625%206.5C4.09375%206.46875%204.125%206.4375%204.1875%206.4375H15.8125C15.8438%206.4375%2015.875%206.46875%2015.9375%206.5C15.9688%206.5625%2016%206.59375%2016%206.625V7.375ZM16%2012.375C16%2012.4375%2015.9688%2012.4688%2015.9375%2012.5C15.875%2012.5625%2015.8438%2012.5625%2015.8125%2012.5625H4.1875C4.125%2012.5625%204.09375%2012.5625%204.0625%2012.5C4%2012.4688%204%2012.4375%204%2012.375V11.625C4%2011.5938%204%2011.5625%204.0625%2011.5C4.09375%2011.4688%204.125%2011.4375%204.1875%2011.4375H15.8125C15.8438%2011.4375%2015.875%2011.4688%2015.9375%2011.5C15.9688%2011.5625%2016%2011.5938%2016%2011.625V12.375ZM1.5%200.875C1.8125%200.875%202.0625%201%202.28125%201.21875C2.5%201.4375%202.625%201.6875%202.625%202C2.625%202.3125%202.5%202.59375%202.28125%202.8125C2.0625%203.03125%201.8125%203.125%201.5%203.125C1.1875%203.125%200.90625%203.03125%200.6875%202.8125C0.46875%202.59375%200.375%202.3125%200.375%202C0.375%201.6875%200.46875%201.4375%200.6875%201.21875C0.90625%201%201.1875%200.875%201.5%200.875ZM1.5%205.875C1.8125%205.875%202.0625%206%202.28125%206.21875C2.5%206.4375%202.625%206.6875%202.625%207C2.625%207.3125%202.5%207.59375%202.28125%207.8125C2.0625%208.03125%201.8125%208.125%201.5%208.125C1.1875%208.125%200.90625%208.03125%200.6875%207.8125C0.46875%207.59375%200.375%207.3125%200.375%207C0.375%206.6875%200.46875%206.4375%200.6875%206.21875C0.90625%206%201.1875%205.875%201.5%205.875ZM1.5%2010.875C1.8125%2010.875%202.0625%2011%202.28125%2011.2188C2.5%2011.4375%202.625%2011.6875%202.625%2012C2.625%2012.3125%202.5%2012.5938%202.28125%2012.8125C2.0625%2013.0312%201.8125%2013.125%201.5%2013.125C1.1875%2013.125%200.90625%2013.0312%200.6875%2012.8125C0.46875%2012.5938%200.375%2012.3125%200.375%2012C0.375%2011.6875%200.46875%2011.4375%200.6875%2011.2188C0.90625%2011%201.1875%2010.875%201.5%2010.875Z'%20fill='%23828282'/%3e%3c/svg%3e");
}

.data-selection-list .dsl-icon-data-table {
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='14'%20viewBox='0%200%2016%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.5%200C14.9062%200%2015.25%200.15625%2015.5625%200.4375C15.8438%200.75%2016%201.09375%2016%201.5V12.5C16%2012.9375%2015.8438%2013.2812%2015.5625%2013.5625C15.25%2013.875%2014.9062%2014%2014.5%2014H1.5C1.0625%2014%200.71875%2013.875%200.4375%2013.5625C0.125%2013.2812%200%2012.9375%200%2012.5V1.5C0%201.09375%200.125%200.75%200.4375%200.4375C0.71875%200.15625%201.0625%200%201.5%200H14.5ZM5%2013V10H1V12.5C1%2012.6562%201.03125%2012.7812%201.125%2012.875C1.21875%2012.9688%201.34375%2013%201.5%2013H5ZM5%209V6H1V9H5ZM5%205V2H1V5H5ZM10%2013V10H6V13H10ZM10%209V6H6V9H10ZM10%205V2H6V5H10ZM15%2010H11V13H14.5C14.625%2013%2014.75%2012.9688%2014.8438%2012.875C14.9375%2012.7812%2015%2012.6562%2015%2012.5V10ZM15%209V6H11V9H15ZM15%205V2H11V5H15Z'%20fill='%23828282'/%3e%3c/svg%3e");
}

.data-selection-list .divider {
    border-bottom: 1px solid;
    border-color: #CCC;
    margin: 8px;
}

.data-selection-list .__react_component_tooltip.place-top.dsl-tooltip {
    /* fix position after padding change */
    margin-top: -6px;
    margin-left: 7px;
}

.data-selection-list .dsl-tooltip {
    padding: 0.1em 0.8em;
}.hub-semantic-drop-down.ui.dropdown>.dropdown.icon {
    /*margin: 0 0 0 0.5em;*/
    /*vertical-align: middle;*/
}.hubMappingTableData {
    overflow: auto;
    height: calc(100% - 65px);
}

.hubMappingTableData .mappingTable {
    width: auto;
}

.hubMappingTableData .inputHeader,
.hubMappingTableData .outputHeader {
    min-width: 220px;
    width: 100%;
}

.hubMappingTableData .outputHeader {
    margin: 0;
    position: relative;
}

.hubMappingTableData .outputHeaderType {
    padding: 0;
    color: #6B7F00;
    cursor: pointer;
}

.hubMappingTableData .outputHeaderType.read-only {
    cursor: auto;
    width: 10%;
}

.hubMappingTableData .outputHeaderValue {
    padding: 0;
    border: none;
    background-color: inherit;
}

.hubMappingTableData .outputHeaderValue .contentEditable {
    min-width: 140px;
    max-width: 100%;
}

.hubMappingTableData i.add.icon,
.hubMappingTableData i.remove.icon {
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.hubMappingTableData i.add.icon {
    color: green;
}

.hubMappingTableData i.remove.icon {
    color: red;
}

.hubMappingTableData .dataElement,
.hubMappingTableData .missingDataElement {
    cursor: pointer;
    font-weight: 500;
}

.hubMappingTableData .dataElement {
    color: #00a9e0;
}

.hubMappingTableData .missingDataElement {
    color: #ff0000ba;
}

.hubMappingTableData .dataElement.read-only,
.hubMappingTableData .missingDataElement.read-only {
    cursor: auto;
    color: black;
}

.hubMappingTableData .indexCell {
    line-height: 42px;
    position: relative;
}

.hubMappingTableData .dataCell {
    border: none;
}

.hubMappingTableData .dataCell .contentEditable {
    min-width: 203px;
}

.hubMappingTableData .assetCell,
.hubMappingTableData .missingAssetCell {
    position: relative;
    max-height: 20px;
}

.hubMappingTableData .missingAssetCell {
    color: #ff0000ba;
}

.hubMappingTableData .icon.ellipsis {
    background: url("data:image/svg+xml,%3csvg%20width='23'%20height='5'%20viewBox='0%200%2023%205'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eellipsis%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-3010%20-2400)'%3e%3cg%20id='ellipsis'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(3010%202400)'%20fill='%23808080'/%3e%3cuse%20xlink:href='%23path1_fill'%20transform='translate(3010%202400)'%20fill='%23808080'/%3e%3cuse%20xlink:href='%23path2_fill'%20transform='translate(3010%202400)'%20fill='%23808080'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20d='M%205%202.5C%205%203.88071%203.88071%205%202.5%205C%201.11929%205%200%203.88071%200%202.5C%200%201.11929%201.11929%200%202.5%200C%203.88071%200%205%201.11929%205%202.5Z'/%3e%3cpath%20id='path1_fill'%20d='M%2014%202.5C%2014%203.88071%2012.8807%205%2011.5%205C%2010.1193%205%209%203.88071%209%202.5C%209%201.11929%2010.1193%200%2011.5%200C%2012.8807%200%2014%201.11929%2014%202.5Z'/%3e%3cpath%20id='path2_fill'%20d='M%2023%202.5C%2023%203.88071%2021.8807%205%2020.5%205C%2019.1193%205%2018%203.88071%2018%202.5C%2018%201.11929%2019.1193%200%2020.5%200C%2021.8807%200%2023%201.11929%2023%202.5Z'/%3e%3c/defs%3e%3c/svg%3e") no-repeat;
    width: 25px;
    top: 9px;
    float: right;
    position: relative;
}

.hubMappingTableData .ui.dropdown .menu {
    top: -6px
}

.hubMappingTableData .headerContextMenuIcon {
    background: url("data:image/svg+xml,%3csvg%20width='3'%20height='13'%20viewBox='0%200%203%2013'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eUnion%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-5571%20-6841)'%3e%3cg%20id='Union'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(5571%206841)'%20fill='%23949494'/%3e%3cuse%20xlink:href='%23path1_fill'%20transform='translate(5571%206841)'%20fill='%23949494'/%3e%3cuse%20xlink:href='%23path2_fill'%20transform='translate(5571%206841)'%20fill='%23949494'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20d='M%203%201.5C%203%202.32843%202.32861%203%201.5%203C%200.671387%203%200%202.32843%200%201.5C%200%200.67157%200.671387%200%201.5%200C%202.32861%200%203%200.67157%203%201.5Z'/%3e%3cpath%20id='path1_fill'%20d='M%203%206.5C%203%207.32843%202.32861%208%201.5%208C%200.671387%208%200%207.32843%200%206.5C%200%205.67157%200.671387%205%201.5%205C%202.32861%205%203%205.67157%203%206.5Z'/%3e%3cpath%20id='path2_fill'%20d='M%201.5%2013C%202.32861%2013%203%2012.3284%203%2011.5C%203%2010.6716%202.32861%2010%201.5%2010C%200.671387%2010%200%2010.6716%200%2011.5C%200%2012.3284%200.671387%2013%201.5%2013Z'/%3e%3c/defs%3e%3c/svg%3e") no-repeat;
    height: 15px;
    position: relative;
    padding: 0;
    width: 5px;
    top: 3px;
    left: 15px;
    cursor: pointer;
}

.hubMappingTableData .btn-add-new {
    background-repeat: no-repeat;
    background-color: transparent;
    margin-left: 9px;
    padding-bottom: 30px;
    bottom: 146px;
    position: relative;
}

.hubMappingTableData .headerContextMenuIcon:hover {
    background: url("data:image/svg+xml,%3csvg%20width='3'%20height='13'%20viewBox='0%200%203%2013'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eUnion%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-5171%20-6841)'%3e%3cg%20id='Union'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(5171%206841)'%20fill='%2300A9E0'/%3e%3cuse%20xlink:href='%23path1_fill'%20transform='translate(5171%206841)'%20fill='%2300A9E0'/%3e%3cuse%20xlink:href='%23path2_fill'%20transform='translate(5171%206841)'%20fill='%2300A9E0'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20d='M%203%201.5C%203%202.32843%202.32861%203%201.5%203C%200.671387%203%200%202.32843%200%201.5C%200%200.67157%200.671387%200%201.5%200C%202.32861%200%203%200.67157%203%201.5Z'/%3e%3cpath%20id='path1_fill'%20d='M%203%206.5C%203%207.32843%202.32861%208%201.5%208C%200.671387%208%200%207.32843%200%206.5C%200%205.67157%200.671387%205%201.5%205C%202.32861%205%203%205.67157%203%206.5Z'/%3e%3cpath%20id='path2_fill'%20d='M%201.5%2013C%202.32861%2013%203%2012.3284%203%2011.5C%203%2010.6716%202.32861%2010%201.5%2010C%200.671387%2010%200%2010.6716%200%2011.5C%200%2012.3284%200.671387%2013%201.5%2013Z'/%3e%3c/defs%3e%3c/svg%3e") no-repeat;
}

.outputHeader .hubContentEditable .inline-block {
    width: 100%;
}

.hubMappingTableData .ui.table thead th .logic-popup-container {
    font-weight: 500;
}

/* Sticky header & input column */
.hubMappingTableData thead tr th,
.hubMappingTableData tbody tr td:nth-child(-n+2) {
    position: sticky;
    z-index: 1;
}

.hubMappingTableData thead tr:first-child th:nth-child(-n+2),
.hubMappingTableData thead tr:nth-child(2) th:first-child {
    z-index: 2;
}

/* First header row */
.hubMappingTableData thead tr:first-child th {
    top: 0;
    box-shadow: 1px 0 0 1px gainsboro;
}

/* Second header row */
.hubMappingTableData thead tr:nth-child(2) th {
    box-shadow: 2px 2px 3px 0 gainsboro;
}

.hubMappingTableData thead tr:nth-child(2) th {
    top: 40px;
}

/* First column */
.hubMappingTableData thead tr:first-child th:first-child,
.hubMappingTableData tbody tr td:first-child {
    left: 0;
}

.hubMappingTableData thead tr:first-child th:first-child {
    box-shadow: 1px 0 0 0 gainsboro, 2px 2px 3px 0 gainsboro;
}

.hubMappingTableData tbody tr td:first-child {
    box-shadow: 1px 0 0 0 gainsboro;
}

/* Second column */
.hubMappingTableData thead tr:nth-child(2) th:first-child,
.hubMappingTableData thead tr:first-child th:nth-child(2),
.hubMappingTableData tbody tr td:nth-child(2) {
    left: 40px;
}

.hubMappingTableData thead tr:nth-child(2) th:first-child {
    box-shadow: 2px 1px 0 0 gainsboro, 1px 2px 3px 0 gainsboro;
}

.hubMappingTableData tbody tr td:nth-child(2) {
    box-shadow: -1px 0 0 0 #E4E4E4, 1px 0 0 0 rgb(143, 143, 143);
}.style-preview {
    display: inline-block;
    width: 21px;
    height: 21px;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    margin-bottom: -5px;
}

.style-preview.no-style {
    background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1.5'%20y='1.50049'%20width='19'%20height='19'%20rx='1.5'%20fill='white'%20stroke='%23CCCCCC'/%3e%3crect%20x='0.515625'%20y='19.3281'%20width='26.6159'%20height='3'%20rx='1.5'%20transform='rotate(-45%200.515625%2019.3281)'%20fill='%23FF3333'/%3e%3c/svg%3e");
    border: 0;
}

.style-preview.clickable:hover {
    cursor: pointer;
}

.style-picker-popover {
    display: inline-block;
    position: absolute !important;
    padding: 0 !important;
    outline: none !important;
}.style-picker {
    width: 220px;
}

.style-picker .tab-content {
    height: 275px;
    width: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.style-picker .tabs-bar {
    width: 220px;
}

.style-picker .tab-single {
    width: 110px;
    min-width: 110px;
}

.style-picker .grad-holder {
    width: 200px;
    height: 50px;
}

.style-picker .grad-holder .tints {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 10px;
}

.style-picker .grad-holder .tints .single-tint {
    width: 14px;
    height: 14px;
    border: 1px solid transparent;
    border-radius: 2px;
}

.style-picker .grad-holder .tints .single-tint.selected {
    border: 1px solid #FFFFFF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
}

.style-picker .grad-holder .slider {
    height: 12px;
}

.style-picker .grad-holder .slider .slider-draggable {
    width: 12px;
    height: 12px;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
}

.style-picker .color-picker {
    display: flex;
    align-items: center;
    justify-content: center;
}

.style-picker .color-picker > .disable-box-shadow {
    /* color-picker is using box-shadow in style and not from class... */
    box-shadow: none !important;
}.hubMappingTable {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #fff;
    z-index: 100;
    overflow: hidden;
    overflow-y: auto;
}

.hubMappingTable .header {
    height: 62px;
    padding: 20px 40px;
    font-size: 18px;
}

.hubMappingTable .close-icon {
    background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%3e%3cpath%20fill='%23777'%20d='M.3%201.7L1.7.3%206%204.58l4.3-4.3%201.4%201.42L7.42%206l4.3%204.3-1.42%201.4L6%207.42l-4.3%204.3-1.4-1.42L4.58%206z'/%3e%3c/svg%3e") no-repeat;
    background-size: 1rem;
    margin-right: 0;
    margin-left: 15px;
    top: 4px;
}

.hubMappingTable .save,
.hubMappingTable .revert {
    float: right;
    width: 73px;
    height: 22px;
    border-radius: 13px;
    font-weight: 500;
}

.hubMappingTable .save,
.hubMappingTable .save:focus {
    color: white;
    background-color: #00A9E0;
    padding-top: 5px;
    margin: 0;
}

.hubMappingTable .revert,
.hubMappingTable .revert:focus {
    margin-right: 10px;
    color: #333333;
    background-color: white;
    padding-top: 4px;
    border: 1px solid #DDDEE4;
}

.hubMappingTable .import {
    float: right;
    margin-right: 34px;
    width: 21px;
    height: 20px;
    cursor: pointer;
    background: url("data:image/svg+xml,%3csvg%20width='21'%20height='22'%20viewBox='0%200%2021%2022'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eGroup%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-444%20491)'%3e%3cg%20id='Group'%3e%3cg%20id='Rectangle%202.14'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(450%20-491)'%20fill='%23FFFFFF'/%3e%3cmask%20id='mask0_outline_ins'%3e%3cuse%20xlink:href='%23path0_fill'%20fill='white'%20transform='translate(450%20-491)'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_outline_ins)'%3e%3cuse%20xlink:href='%23path1_stroke_2x'%20transform='translate(450%20-491)'%20fill='%23949494'/%3e%3c/g%3e%3c/g%3e%3cg%20id='Vector'%3e%3cuse%20xlink:href='%23path2_fill'%20transform='translate(458.438%20-491)'%20fill='%23FFFFFF'/%3e%3cmask%20id='mask1_outline_ins'%3e%3cuse%20xlink:href='%23path2_fill'%20fill='white'%20transform='translate(458.438%20-491)'/%3e%3c/mask%3e%3cg%20mask='url(%23mask1_outline_ins)'%3e%3cuse%20xlink:href='%23path3_stroke_2x'%20transform='translate(458.438%20-491)'%20fill='%23949494'/%3e%3c/g%3e%3c/g%3e%3cg%20id='Union'%3e%3cuse%20xlink:href='%23path4_fill'%20transform='matrix(-4.37114e-08%20-1%201%20-4.37114e-08%20446%20-471)'%20fill='%23949494'/%3e%3cmask%20id='mask2_outline_out'%3e%3crect%20id='mask2_outline_inv'%20fill='white'%20x='-2'%20y='-2'%20width='14'%20height='14'%20transform='matrix(-4.37114e-08%20-1%201%20-4.37114e-08%20446%20-471)'/%3e%3cuse%20xlink:href='%23path4_fill'%20fill='black'%20transform='matrix(-4.37114e-08%20-1%201%20-4.37114e-08%20446%20-471)'/%3e%3c/mask%3e%3cg%20mask='url(%23mask2_outline_out)'%3e%3cuse%20xlink:href='%23path5_stroke_2x'%20transform='matrix(-4.37114e-08%20-1%201%20-4.37114e-08%20446%20-471)'%20fill='%23FFFFFF'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20d='M%200%202C%200%200.895431%200.895431%200%202%200L%2010.1613%200L%2015%204.75L%2015%2017C%2015%2018.1046%2014.1046%2019%2013%2019L%202%2019C%200.89543%2019%200%2018.1046%200%2017L%200%202Z'/%3e%3cpath%20id='path1_stroke_2x'%20d='M%2015%204.75L%2016%204.75L%2016%204.33036L%2015.7005%204.03638L%2015%204.75ZM%2010.1613%200L%2010.8618%20-0.713618L%2010.5701%20-1L%2010.1613%20-1L%2010.1613%200ZM%2014%204.75L%2014%2017L%2016%2017L%2016%204.75L%2014%204.75ZM%2013%2018L%202%2018L%202%2020L%2013%2020L%2013%2018ZM%201%2017L%201%202L%20-1%202L%20-1%2017L%201%2017ZM%202%201L%2010.1613%201L%2010.1613%20-1L%202%20-1L%202%201ZM%209.46075%200.713618L%2014.2995%205.46362L%2015.7005%204.03638L%2010.8618%20-0.713618L%209.46075%200.713618ZM%202%2018C%201.44772%2018%201%2017.5523%201%2017L%20-1%2017C%20-1%2018.6569%200.343146%2020%202%2020L%202%2018ZM%2014%2017C%2014%2017.5523%2013.5523%2018%2013%2018L%2013%2020C%2014.6569%2020%2016%2018.6569%2016%2017L%2014%2017ZM%201%202C%201%201.44772%201.44772%201%202%201L%202%20-1C%200.343146%20-1%20-1%200.343146%20-1%202L%201%202Z'/%3e%3cpath%20id='path2_fill'%20d='M%200%204.65L%200%201.32219C%200%200.591966%200.591966%200%201.32219%200C%201.6759%200%202.01485%200.141717%202.2633%200.393474L%206.1742%204.35653C%206.423%204.60864%206.5625%204.9486%206.5625%205.30281C%206.5625%206.04684%205.95934%206.65%205.21531%206.65L%202%206.65C%200.895431%206.65%200%205.75457%200%204.65Z'/%3e%3cpath%20id='path3_stroke_2x'%20d='M%206.1742%204.35653L%206.88598%203.65412L%206.1742%204.35653ZM%202.2633%200.393474L%201.55152%201.09588L%201.55152%201.09588L%202.2633%200.393474ZM%20-1%201.32219L%20-1%204.65L%201%204.65L%201%201.32219L%20-1%201.32219ZM%202%207.65L%205.21531%207.65L%205.21531%205.65L%202%205.65L%202%207.65ZM%206.88598%203.65412L%202.97507%20-0.308935L%201.55152%201.09588L%205.46243%205.05893L%206.88598%203.65412ZM%202.97507%20-0.308935C%202.53872%20-0.751099%201.94341%20-1%201.32219%20-1L%201.32219%201C%201.40838%201%201.49098%201.03453%201.55152%201.09588L%202.97507%20-0.308935ZM%207.5625%205.30281C%207.5625%204.68568%207.31946%204.09337%206.88598%203.65412L%205.46243%205.05893C%205.52655%205.12391%205.5625%205.21152%205.5625%205.30281L%207.5625%205.30281ZM%205.21531%207.65C%206.51162%207.65%207.5625%206.59913%207.5625%205.30281L%205.5625%205.30281C%205.5625%205.49455%205.40706%205.65%205.21531%205.65L%205.21531%207.65ZM%20-1%204.65C%20-1%206.30685%200.343145%207.65%202%207.65L%202%205.65C%201.44772%205.65%201%205.20228%201%204.65L%20-1%204.65ZM%201%201.32219C%201%201.14425%201.14425%201%201.32219%201L%201.32219%20-1C%200.0396812%20-1%20-1%200.0396816%20-1%201.32219L%201%201.32219Z'/%3e%3cpath%20id='path4_fill'%20d='M%2010%205L%205%200L%205%203L%208.74228e-08%203L%200%207L%205%207L%205%2010L%2010%205Z'/%3e%3cpath%20id='path5_stroke_2x'%20d='M%205%200L%206.41421%20-1.41421L%203%200L%205%200ZM%2010%205L%2011.4142%206.41421L%2011.4142%203.58579L%2010%205ZM%205%203L%205%205L%207%203L%205%203ZM%208.74228e-08%203L%208.74228e-08%201L%20-2%203L%208.74228e-08%203ZM%200%207L%20-2%207L%200%209L%200%207ZM%205%207L%207%207L%205%205L%205%207ZM%205%2010L%203%2010L%206.41421%2011.4142L%205%2010ZM%203.58579%201.41421L%208.58579%206.41421L%2011.4142%203.58579L%206.41421%20-1.41421L%203.58579%201.41421ZM%207%203L%207%200L%203%200L%203%203L%207%203ZM%208.74228e-08%205L%205%205L%205%201L%208.74228e-08%201L%208.74228e-08%205ZM%202%207L%202%203L%20-2%203L%20-2%207L%202%207ZM%205%205L%200%205L%200%209L%205%209L%205%205ZM%207%2010L%207%207L%203%207L%203%2010L%207%2010ZM%208.58579%203.58579L%203.58579%208.58579L%206.41421%2011.4142L%2011.4142%206.41421L%208.58579%203.58579Z'/%3e%3c/defs%3e%3c/svg%3e") no-repeat;
}

.hubMappingTable .close-csv {
    background: url("data:image/svg+xml,%3csvg%20width='38'%20height='38'%20viewBox='0%200%2038%2038'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eclose-x%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-3664%20-5325)'%3e%3cg%20id='close-x'%3e%3cg%20id='Ellipse'%20filter='url(%23filter0_d)'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(3668%205329)'%20fill='%23FFFFFF'/%3e%3c/g%3e%3cg%20id='x'%3e%3cuse%20xlink:href='%23path1_fill'%20transform='translate(3677%205338)'%20fill='%23777777'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d'%20filterUnits='userSpaceOnUse'%20x='3664'%20y='5325'%20width='38'%20height='38'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20255%200'/%3e%3cfeOffset%20dx='0'%20dy='0'/%3e%3cfeGaussianBlur%20stdDeviation='2'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow'%20result='shape'/%3e%3c/filter%3e%3cpath%20id='path0_fill'%20d='M%2030%2015C%2030%2023.2843%2023.2843%2030%2015%2030C%206.71573%2030%200%2023.2843%200%2015C%200%206.71573%206.71573%200%2015%200C%2023.2843%200%2030%206.71573%2030%2015Z'/%3e%3cpath%20id='path1_fill'%20fill-rule='evenodd'%20d='M%207.14286%206L%2012%201.14286L%2010.8571%200L%206%204.85714L%201.14286%200L%200%201.14286L%204.85714%206L%200%2010.8571L%201.14286%2012L%206%207.14286L%2010.8571%2012L%2012%2010.8571L%207.14286%206Z'/%3e%3c/defs%3e%3c/svg%3e") no-repeat;
    width: 37px;
    height: 37px;
    margin: 0;
    left: 561px;
    bottom: 234px;
    position: relative;
}

.hubMappingTable .close-csv:hover {
    background: url("data:image/svg+xml,%3csvg%20width='38'%20height='38'%20viewBox='0%200%2038%2038'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eclose-x-hover%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-3605%20-5325)'%3e%3cg%20id='close-x-hover'%3e%3cg%20id='Ellipse'%20filter='url(%23filter0_d)'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(3609%205329)'%20fill='%23FFFFFF'/%3e%3c/g%3e%3cg%20id='x'%3e%3cuse%20xlink:href='%23path1_fill'%20transform='translate(3618%205338)'%20fill='%232D9CDB'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d'%20filterUnits='userSpaceOnUse'%20x='3605'%20y='5325'%20width='38'%20height='38'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20255%200'/%3e%3cfeOffset%20dx='0'%20dy='0'/%3e%3cfeGaussianBlur%20stdDeviation='2'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow'%20result='shape'/%3e%3c/filter%3e%3cpath%20id='path0_fill'%20d='M%2030%2015C%2030%2023.2843%2023.2843%2030%2015%2030C%206.71573%2030%200%2023.2843%200%2015C%200%206.71573%206.71573%200%2015%200C%2023.2843%200%2030%206.71573%2030%2015Z'/%3e%3cpath%20id='path1_fill'%20fill-rule='evenodd'%20d='M%207.14286%206L%2012%201.14286L%2010.8571%200L%206%204.85714L%201.14286%200L%200%201.14286L%204.85714%206L%200%2010.8571L%201.14286%2012L%206%207.14286L%2010.8571%2012L%2012%2010.8571L%207.14286%206Z'/%3e%3c/defs%3e%3c/svg%3e") no-repeat;
}

.hubMappingTable .uploadCsv {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 244px;
}

.hubMappingTable .dndCuratedAssets {
    height: 310px;
    width: 544px;
    background-color: #F2FBFD;
    border-color: #B7DFE8;
    display: inline-block;
}