{"version":3,"file":"assets/app.css","mappings":";;;AAGA;EACE;EACA;EACA;EAIA;EACA;ACLF;ADSA;EACE;ACPF;ADSE;EACE;ACPJ;ADGA;;EASI;ACRJ;ADDA;;;;;EAiBI;EACA;EACA;ACTJ;ADWI;;;;;EE/BF;EACA;EACA;AD2BF;ADMI;;;;;EEvCF;ADwCF;ADEM;;;;;EACE;ACIR;ADjCA;;;;EAsCI;ACCJ;ADvCA;;EA2CI;ACAJ;AD3CA;EA+CI;EAEA;EACA;EAEA;EAEA;ECJF,UAAU;EDMR;ECJF,wBAAwB;EDMtB;ECJF,cAAc;EDMZ;ECJF,YAAY;EDMV;ECJF,2BAA2B;AAC7B;ADMI;EACE;ACJN;AD9DA;EAuEI;ACNJ;ADjEA;EE+CE;EACA;EACA;EACA;EF2BE;ACLJ;ACrBE;EAAe;ADwBjB;AD3EA;EE+CE;EACA;EACA;EACA;EFgCE;EACA;EACA;ACAJ;ACjCE;EAAe;ADoCjB;ADDI;EACE;EACA;EACA;EACA;ACGN;AD7FA;EEgBE;EACA;EACA;EACA;EACA;EACA;EACA;ADgFF;ADtGA;EEyBI;ADgFJ;AC7EE;EAhCA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAsBE;AD0FJ;ACvFE;EACE;ADyFJ;ACtFE;EACE;ADwFJ;ACrFE;EACE;ADuFJ;AD7BA;;EAEE;EACA;AC+BF;AD5BA;EACE;EACA;AC8BF;AD5BE;EACE;AC8BJ;AD3BE;EACE;AC6BJ;ADzBA;;;EAGE;AC2BF;ADxBA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;ACwBF;ADtBE;EACE;ACwBJ;ADpBA;EACE;ACsBF;ADpBE;EACE;EACA;ACsBJ;ADlBA;EACE;EACA;EACA;ACoBF;ADvBA;EAMI;ACoBJ;AD1BA;;EAWI;ACmBJ;AD9BA;EAeI;EACA;ACkBJ;ADdA;;EAGI;ACeJ;ADXI;;EACE;ACcN;ADTA;EAEI;ACUJ;ADZA;EAMI;EACA;EACA;EACA;ACSJ;ADLA;EACE;ACOF;ADJA;EAEI;ACKJ;ADPA;EAMI;EACA;ACIJ;ADKI;;;;EAEE;EACA;ACDN;ADPA;;EAaI;ACFJ;ADXA;;EAiBI;ACFJ;ADMA;E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","sources":["webpack://ifml-js/./styles/properties-panel/properties.less","webpack://ifml-js/./styles/app.less","webpack://ifml-js/./styles/properties-panel/_mixins.less","webpack://ifml-js/./styles/properties-panel/header.less","webpack://ifml-js/./styles/properties-panel/groups.less","webpack://ifml-js/./styles/properties-panel/listeners.less","webpack://ifml-js/./styles/properties-panel/tabs.less","webpack://ifml-js/./styles/align.less"],"sourcesContent":["@import \"./_variables\";\n@import \"./_mixins\";\n\n@font-face {\n  font-family: 'bpmn-js-pp';\n  src: url(@font-eot);\n  src: url(@font-eot) format('embedded-opentype'),\n    url(@font-woff) format('woff'),\n    url(@font-ttf) format('truetype'),\n    url(@bpp-font-svg) format('svg');\n  font-weight: normal;\n  font-style: normal;\n}\n\n\n.bpp-properties-panel {\n  position: relative;\n\n  &:empty {\n    display: none;\n  }\n\n  label,\n  input {\n    vertical-align: middle;\n  }\n\n  button,\n  input,\n  select,\n  textarea,\n  [contenteditable] {\n    font-size: 14px;\n    padding: 3px 6px;\n    border: 1px solid @bpp-input-border-color;\n\n    &:focus {\n      .focus();\n    }\n\n    &.invalid {\n      .invalid();\n\n      &:focus {\n        box-shadow: 0 0 0 2px @bpp-error-shadow-color, 0 0 0 1px @bpp-error-shadow-inset-color inset;\n      }\n    }\n  }\n\n  [type=text],\n  [contenteditable],\n  textarea,\n  select {\n    width: 100%;\n  }\n\n  [contenteditable],\n  textarea {\n    resize: vertical;\n  }\n\n  [contenteditable] {\n    min-height: 24px;\n\n    outline: 0px solid transparent;\n    background-color: @bpp-input-background-color;\n\n    overflow-y: auto;\n\n    white-space: pre-wrap;\n    /* css-3 */\n    white-space: -moz-pre-wrap;\n    /* Mozilla, since 1999 */\n    white-space: -pre-wrap;\n    /* Opera 4-6 */\n    white-space: -o-pre-wrap;\n    /* Opera 7 */\n    word-wrap: break-word;\n    /* Internet Explorer 5.5+ */\n\n    &:before {\n      content: \"\\feff\";\n    }\n  }\n\n  [disabled] {\n    color: @bpp-input-disabled-color;\n  }\n\n  label {\n    .label();\n\n    margin-bottom: 3px;\n  }\n\n  .entry-label {\n    .label();\n    font-size: 16px;\n    margin-top: 5px;\n    margin-bottom: 10px;\n\n    &.divider {\n      border-top: 1px dotted @bpp-divider-color;\n      padding-top: 8px;\n      margin-top: 16px;\n      width: 100%;\n    }\n  }\n\n  .action-button {\n    .action-button();\n  }\n\n}\n\n.bpp-error-message,\n.bpp-error-message.bpp-entry-link {\n  margin-top: 5px;\n  color: @bpp-error-color;\n}\n\n.bpp-row {\n  margin-top: 10px;\n  margin-bottom: 10px;\n\n  &:first-of-type {\n    margin-top: 0;\n  }\n\n  &:last-of-type {\n    margin-bottom: 0;\n  }\n}\n\n.bpp-textfield,\n.bpp-textbox,\n.bpp-autosuggest-textbox {\n  margin-bottom: 3px;\n}\n\n.bpp-autosuggest-list {\n  position: fixed;\n  min-width: 100px;\n  box-shadow: 0 2px 4px 0 @bpp-autosuggest-shadow-color;\n  border: solid 1px @bpp-autosuggest-border-color;\n  background-color: @bpp-color-ffffff;\n  z-index: 1;\n\n  display: none;\n\n  overflow-y: auto;\n  max-height: 200px;\n\n  &.active {\n    display: block;\n  }\n}\n\n.bpp-autosuggest-item {\n  padding: 6px 3px;\n\n  &:hover {\n    background: @blue-base-65;\n    color: @bpp-color-ffffff;\n  }\n}\n\n.bpp-radios-group {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 9px 0;\n\n  .bpp-radio-wrapper {\n    margin: 6px 0;\n  }\n\n  input,\n  label {\n    vertical-align: middle;\n  }\n\n  input {\n    margin-top: 0;\n    margin-left: 0;\n  }\n}\n\n.bpp-radios-group,\n.bpp-checkbox {\n  input {\n    margin-left: 0;\n  }\n\n  label {\n    &:after {\n      display: none;\n    }\n  }\n}\n\n.bpp-textfield {\n  input {\n    padding-right: 28px;\n  }\n\n  .clear {\n    background: transparent;\n    border: none;\n    top: 0;\n    right: 0;\n  }\n}\n\n.bpp-combo-input {\n  margin-top: 7px;\n}\n\n.bpp-select {\n  select {\n    height: 23px;\n  }\n\n  .action-button.add {\n    top: -22px;\n    right: 0;\n  }\n}\n\n.bpp-select,\n.bpp-element-list {\n\n  .action-button {\n\n    &.add,\n    &.clear {\n      top: -23px;\n      border-bottom: none;\n    }\n  }\n\n  .action-button.add {\n    right: 0px;\n  }\n\n  .action-button.clear {\n    right: 23px;\n  }\n}\n\n.bpp-properties-entry {\n  margin-bottom: 9px;\n\n  .bpp-field-wrapper {\n    position: relative;\n\n    input[readonly]+.clear {\n      display: none;\n    }\n\n    select {\n      resize: vertical;\n    }\n  }\n\n  &.bpp-entry--warning {\n    background-color: @bpp-entry-warning-background-color;\n    border-top: solid 1px @bpp-entry-warning-border-color;\n    border-bottom: solid 1px @bpp-entry-warning-border-color;\n  }\n}\n\n.bpp-hidden {\n  display: none;\n}\n\nlabel.bpp-hidden {\n  .bpp-hidden;\n}\n\n.bpp-table-add-row {\n  >.action-button {\n    position: relative;\n    margin-left: 10px;\n  }\n}\n\n.bpp-table {\n  margin-top: 10px;\n}\n\n.bpp-table-row {\n  margin-bottom: 2px;\n  overflow: hidden;\n\n  >input,\n  >.action-button {\n    float: left;\n  }\n\n  >label {\n    padding-left: 5px;\n  }\n\n  >label,\n  >input {\n\n    &.bpp-table-row-columns-1 {\n      width: 100%;\n\n      &.bpp-table-row-removable {\n        width: ~\"calc(100% - 24px)\";\n      }\n    }\n\n    &.bpp-table-row-columns-2 {\n      width: 50%;\n      box-sizing: border-box;\n\n      &.bpp-table-row-removable {\n        width: ~\"calc(50% - 12px)\";\n      }\n\n      &:nth-child(2) {\n        border-left: none;\n      }\n    }\n\n    &.bpp-table-row-columns-3 {\n      width: 33%;\n      box-sizing: border-box;\n\n      &.bpp-table-row-removable {\n        width: ~\"calc(33% - 8px)\";\n      }\n\n      &:not(:first-child) {\n        border-left: none;\n      }\n    }\n  }\n\n  >.action-button {\n    border-left: none;\n    position: static;\n  }\n}\n\n.bpp-properties-static {\n  margin-bottom: 0;\n  margin-top: 0;\n  border: 1px solid @bpp-properties-static-border-color;\n  background-color: @bpp-properties-static-background-color;\n  padding: 3px 6px;\n  font: 13.3333px Arial;\n  width: 100%;\n}\n\n.bpp-entry-link {\n  color: @bpp-primary-color;\n  text-decoration: underline;\n\n  &.bpp-entry-link-button {\n    display: inline-block;\n    padding: 3px 13px;\n    background: @blue-base-65;\n    color: @bpp-color-ffffff;\n    border: solid 1px @blue-darken-62;\n    border-radius: 100px;\n    text-decoration: none;\n  }\n}\n\n.bpp-icon-warning:before {\n  .icon-font();\n  content: '\\E806';\n}\n\n.bpp-field-description {\n  margin-top: 5px;\n  color: @bpp-input-description-color;\n\n  a {\n    color: darken(@bpp-primary-color, 10%);\n    text-decoration: none;\n\n    &:hover {\n      color: @bpp-primary-color;\n    }\n  }\n}\n\n.bpp-description {\n  color: @bpp-input-description-color;\n}\n\n.bpp-collapsible {\n  height: 19px;\n\n  .bpp-field-wrapper {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .bpp-collapsible__icon {\n    display: block;\n\n    padding-right: 2px;\n  }\n\n  .bpp-collapsible__icon:before {\n    display: block;\n\n    height: 16px;\n    width: 16px;\n\n    content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon fill='%23666666' fill-rule='evenodd' points='5 4.414 6.414 3 11.364 7.95 6.414 12.899 5 11.485 8.534 7.95'/%3E%3C/svg%3E%0A\");\n    transform: rotate(90deg);\n  }\n\n  &.bpp-collapsible--collapsed .bpp-collapsible__icon:before {\n    transform: none;\n  }\n\n  .bpp-collapsible__title {\n    display: block;\n    margin: 0;\n    padding-right: 6px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &:not(.bpp-collapsible--collapsed) .bpp-collapsible__title {\n    padding-right: 0;\n  }\n\n  // make space for remove button\n  &:not(.bpp-collapsible--collapsed) .bpp-collapsible__title:nth-last-child(3) {\n    padding-right: 24px;\n  }\n\n  .bpp-collapsible__description {\n    display: none;\n\n    margin: 0;\n\n    white-space: nowrap;\n    color: @bpp-collapsible-description-color;\n    font-weight: normal;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .bpp-collapsible__description {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.bpp-collapsible--collapsed .bpp-collapsible__description {\n    display: block;\n  }\n\n  .bpp-collapsible__remove {\n    height: 24px;\n    top: -4px;\n    right: 0;\n  }\n\n  &.bpp-collapsible--collapsed .bpp-collapsible__remove {\n    display: none;\n  }\n}\n\n.bpp-collapsible~.bpp-properties-entry:not(.bpp-collapsible):not(.bpp-collapsible-break) {\n  margin-left: 18px;\n}\n\n.bpp-process-variables {\n\n  &.bpp-process-variables__description {\n    margin-bottom: 16px;\n  }\n\n  &.bpp-process-variables__scope-title {\n    font-size: 13px;\n    font-weight: 600;\n    color: @bpp-color-666666;\n    margin-bottom: 16px;\n  }\n\n  &.bpp-process-variables__created-in {\n    .bpp-process-variables__created-in-item {\n      margin-bottom: 4px;\n      margin-top: 4px;\n    }\n  }\n}\n\n.bpp-collapsible~.bpp-properties-entry.bpp-input-output {\n  margin-left: 0;\n}\n\n.bpp-collapsible--with-mapping .bpp-collapsible__description:not(:empty) {\n  position: relative;\n\n  // make space for icon\n  text-indent: 24px;\n  padding-right: 24px;\n}\n\n.bpp-collapsible--with-mapping .bpp-collapsible__description:not(:empty):before {\n  position: absolute;\n  top: -1px;\n  left: -24px;\n\n  display: block;\n  width: 16px;\n  height: 16px;\n\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon fill='%23909090' fill-rule='evenodd' points='8 3 8 7 15 7 15 9 8 9 8 13 2 8'/%3E%3C/svg%3E\");\n  opacity: 0.7;\n}\n\n.bpp-input-output {\n  .bpp-input-output__add {\n    top: -28px;\n    right: 0;\n  }\n}\n\n.bpp-input-output-placeholder {\n  padding-bottom: 3px;\n  font-size: 14px;\n}\n\n.bpp-collapsible--with-template-out .bpp-collapsible__description:not(:empty):before {\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon fill='%23909090' fill-rule='evenodd' points='15 8 9 13 9 9 2 9 2 7 9 7 9 3'/%3E%3C/svg%3E\");\n}\n\n.bpp-toggle-switch {\n\n  .bpp-field-wrapper {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .bpp-field-wrapper.bpp-hidden {\n    .bpp-hidden;\n  }\n\n  .bpp-toggle-switch__label {\n    margin: 0;\n    margin-left: 6px;\n  }\n\n  .bpp-toggle-switch__switcher {\n    position: relative;\n    width: 48px;\n    height: 20px;\n\n    input[type='checkbox'] {\n      opacity: 0;\n      width: 0;\n      height: 0;\n    }\n\n    .bpp-toggle-switch__slider {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-color: @silver-darken-80;\n      -webkit-transition: 0.4s;\n      transition: 0.4s;\n      border-radius: 34px;\n\n      &:before {\n        position: absolute;\n        content: \"\";\n        height: 16px;\n        width: 16px;\n        left: 2px;\n        bottom: 2px;\n        background-color: white;\n        -webkit-transition: 0.4s;\n        transition: 0.4s;\n        border-radius: 50%;\n      }\n    }\n\n    input[type='checkbox']:checked+.bpp-toggle-switch__slider {\n      background-color: @blue-base-65;\n      box-shadow: 0 0 1px @blue-base-65;\n\n      &:before {\n        -webkit-transform: translateX(28px);\n        -ms-transform: translateX(28px);\n        transform: translateX(28px);\n      }\n    }\n  }\n}\n\n@import \"./header\";\n@import \"./groups\";\n@import \"./listeners\";\n@import \"./tabs\";","@import \"properties-panel/properties\";\n@import \"./align.less\";\n\n* {\n  box-sizing: border-box;\n}\n\nbody,\nhtml {\n\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n\n  font-size: 12px;\n\n  height: 100%;\n  max-height: 100%;\n  padding: 0;\n  margin: 0;\n}\n\n.editor-button {\n  display: inline-block;\n  background: var(--palette-background-color);\n  border: solid 1px var(--palette-border-color);\n  border-radius: 2px;\n  padding: 6px;\n  cursor: pointer;\n}\n\n.editor-button:hover {\n  color: #4d90ff\n}\n\n.editor-button.disabled {\n  opacity: 0.3;\n}\n\n.edit-domainModel {\n  position: absolute;\n  left: 68px + 20px;\n  top: 20px;\n  box-sizing: border-box;\n  z-index: 20010;\n}\n\n.domainEditor {\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  background: #fff;\n  z-index: 20000;\n  display: none;\n  padding: 60px 20px 20px (68px + 20px);\n\n  &.open {\n    display: block;\n  }\n\n  .close {\n    float: right;\n  }\n\n  textarea {\n    display: block;\n    width: 50%;\n    height: 80%;\n    padding: 20px;\n    box-sizing: border-box;\n    font-family: monospace;\n    font-size: 12px;\n    resize: none;\n  }\n}\n\n\n\na:link {\n  text-decoration: none;\n}\n\n// stereotyp icon + longer text\n\n\n.djs-context-pad .entry {\n\n  &.icon-stereotyp {\n    // background: url('ifml-js/resources/icons/Stereotyp.svg');\n    // background-size: 100%;\n    // background-position: center center;\n    // background-repeat: no-repeat;\n    line-height: 22px;\n    text-align: left;\n    width: auto;\n    white-space: nowrap;\n    padding-right: 5px;\n\n    &::before {\n      margin-right: 3px;\n    }\n  }\n\n  .iconText {\n    font-size: 10px;\n    line-height: 22px;\n    vertical-align: bottom;\n    display: inline;\n  }\n}\n\n.djs-context-pad .entry .content {\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  >.message {\n    width: 100%;\n    height: 100%;\n    text-align: center;\n    display: table;\n\n    font-size: 16px;\n    color: #111;\n\n    .note {\n      vertical-align: middle;\n      text-align: center;\n      display: table-cell;\n    }\n\n    &.error {\n      .details {\n        max-width: 500px;\n        font-size: 12px;\n        margin: 20px auto;\n        text-align: left;\n        color: #BD2828;\n      }\n\n      pre {\n        border: solid 1px #BD2828;\n        background: #fefafa;\n        padding: 10px;\n        color: #BD2828;\n      }\n    }\n  }\n\n  &:not(.with-error) .error,\n  &.with-error .intro,\n  &.with-diagram .intro {\n    display: none;\n  }\n\n  .canvas {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n\n  .canvas,\n  .properties-panel-parent {\n    display: none;\n  }\n\n  &.with-diagram {\n\n    .canvas,\n    .properties-panel-parent {\n      display: block;\n    }\n  }\n}\n\n\n.buttons {\n  position: fixed;\n  bottom: 20px;\n  left: 20px;\n\n  padding: 0;\n  margin: 0;\n  list-style: none;\n\n  >li {\n    display: inline-block;\n    margin-right: 10px;\n\n    >a {\n      background: #DDD;\n      border: solid 1px #666;\n      display: inline-block;\n      padding: 5px;\n    }\n  }\n\n  a {\n    opacity: 0.3;\n  }\n\n  a.active {\n    opacity: 1.0;\n  }\n}\n\n.properties-panel-parent {\n  .overlay();\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: 260px;\n  z-index: 10;\n  border-left: 1px solid #ccc;\n  overflow: auto;\n\n  &:empty {\n    display: none;\n  }\n\n  >.djs-properties-panel {\n    padding-bottom: 70px;\n    min-height: 100%;\n  }\n}\n\n\n[data-popup=\"align-elements\"] .djs-popup-body {\n  display: flex;\n}\n\n[data-popup=\"align-elements\"] .djs-popup-body [data-group]+[data-group] {\n  border-left: 1px solid var(--popup-border-color);\n}\n\n[data-popup=\"align-elements\"] [data-group=\"align\"] {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n}\n\n[data-popup=\"align-elements\"] .djs-popup-body .entry {\n  padding: 6px 8px;\n}\n\n[data-popup=\"align-elements\"] .djs-popup-body .entry img {\n  display: block;\n\n  height: 20px;\n  width: 20px;\n}\n\n[data-popup=\"align-elements\"] .bjs-align-elements-menu-entry {\n  display: inline-block;\n}",".invalid() {\n  border-color: @bpp-error-color;\n}\n\n.focus() {\n  outline: none;\n  border-color: @bpp-primary-color;\n  box-shadow: 0 0 0 2px @bpp-primary-shadow-color, 0 0 0 1px @bpp-primary-shadow-inset-color inset;\n}\n\n.icon-font() {\n  font-family: \"bpmn-js-pp\";\n  font-style: normal;\n  font-weight: normal;\n  speak: none;\n\n  display: inline-block;\n  text-decoration: inherit;\n  text-align: center;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.overlay() {\n  background-color: @bpp-overlay-background-color;\n}\n\n.action-button() {\n  position: absolute;\n  top: 0;\n  height: 23px;\n  width: 24px;\n  overflow: hidden;\n  background-color: @bpp-button-background-color;\n  border: 1px solid @bpp-button-border-color;\n\n  > span {\n    display: none;\n  }\n\n  &:before {\n    .icon-font();\n    position: relative;\n  }\n\n  &.add:before {\n    content: '\\E803';\n  }\n\n  &.clear:before {\n    content: '\\E802';\n  }\n\n  &:hover {\n    color: @bpp-primary-action-hover-color;\n  }\n}\n\n.label() {\n  font-weight: bolder;\n  display: inline-block;\n  vertical-align: middle;\n  color: @bpp-label-color;\n  &.bpp-hidden { display: none; }\n}\n",".bpp-properties-header {\n  padding: 15px;\n  padding-bottom: 5px;\n\n  > .label {\n    font-size: 16px;\n    font-weight: bolder;\n  }\n}\n",".bpp-properties-group {\n  position: relative;\n\n  .group-header {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 15px;\n\n    .group-label {\n      .label();\n\n      font-size: 16px;\n    }\n  }\n\n  > .bpp-properties-entry {\n    padding-left: 15px;\n    padding-right: 15px;\n\n    &:last-child {\n      margin-bottom: 6px;\n    }\n  }\n\n  &:empty {\n    display: none;\n  }\n\n  > .group-toggle {\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 4px;\n    &:hover {\n      background-color: @bpp-group-toggle-hover-color;\n    }\n  }\n\n  &:hover > .group-toggle {\n    background-color: @bpp-group-toggle-color;\n    &:hover {\n      background-color: @bpp-group-toggle-hover-color;\n    }\n  }\n\n  &.group-closed {\n    border-top: none;\n\n    > .group-toggle {\n      background-color: @bpp-group-toggle-color;\n    }\n\n    &:hover > .group-toggle {\n      background-color: @bpp-group-toggle-hover-color;\n    }\n\n    > div:not(.group-header) {\n      display: none;\n    }\n\n    .group-label {\n      margin-bottom: 5px;\n    }\n  }\n\n  + .bpp-properties-group {\n    border-top: 1px solid @bpp-group-border-color;\n  }\n\n  &:last-child {\n    padding-bottom: 9px;\n  }\n\n  .group__dropdown {\n    position: relative;\n    justify-self: flex-end;\n  }\n\n  .group__dropdown-button {\n    width: 26px;\n    height: 26px;\n    text-align: center;\n    border: none;\n    background-color: transparent;\n    color: @bpp-color-666666;\n    outline: none;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .group__dropdown--open .group__dropdown-button,\n  .group__dropdown-button:hover {\n    background-color: @silver-darken-80;\n  }\n\n  .group__dropdown-menu {\n    position: absolute;\n    top: 30px;\n    right: 0;\n    z-index: 10000;\n  }\n  \n  .group__dropdown:not(.group__dropdown--open) .group__dropdown-menu {\n    display: none;\n  }\n\n  .group__dropdown-button {\n    border-radius: 100%;\n  }\n\n  .group__dropdown-menu {\n    background-color: @bpp-color-ffffff;\n\n    border: solid 1px @silver-darken-80;\n    border-radius: 3px;\n\n    padding: 4px 0 4px 0;\n\n    box-shadow: 0 1px 4px 0 @bpp-color-000000-opacity-10;\n  }\n\n  .group__dropdown-menu-item {\n    padding: 8px 16px;\n  }\n\n  .group__dropdown-menu-item:hover {\n    background-color: @silver-darken-80;\n  }\n}\n",".cam-add-listener {\n  > .action-button {\n    position: relative;\n    margin-left: 10px;\n  }\n}\n\n[data-list-entry-container] > .bpp-listener-area {\n  border: 1px solid @bpp-color-cccccc;\n  margin: 10px 1px;\n  padding: 10px;\n}\n\n.bpp-listener-area {\n  position: relative;\n  > .action-button {\n    position: absolute;\n    right: 0;\n    top: 0;\n    border: none;\n    background: none;\n  }\n}\n\n.bpp-listener-area + .bpp-listener-area {\n  margin-top: 20px;\n}\n",".bpp-properties-tab-bar {\n  border-bottom: 1px solid @bpp-tabs-border-color;\n  padding: 0 15px;\n\n  .scroll-tabs-button {\n    font-size: 16px;\n    padding: 3px 4px 3px 4px;\n    color: @bpp-tabs-button-color;\n\n    &:hover {\n      font-weight: bold;\n    }\n\n    &.scroll-tabs-left {\n      float: left;\n      margin-left: -15px;\n    }\n\n    &.scroll-tabs-right {\n      float: right;\n      margin-right: -15px;\n    }\n  }\n\n  &:not(.scroll-tabs-overflow) {\n    .scroll-tabs-button {\n      display: none;\n    }\n  }\n}\n\nul.bpp-properties-tabs-links {\n  margin: 5px 0 -1px 0;\n  padding: 0;\n  white-space: nowrap;\n  overflow: hidden;\n\n  > li {\n    display: inline-block;\n    margin: 0;\n\n    &.bpp-hidden {\n      .bpp-hidden;\n    }\n\n    > a {\n      display: inline-block;\n\n      font-size: 12px;\n      padding: 4px 7px;\n\n      border: 1px solid @bpp-tabs-tab-link-border-color;\n      border-radius: 3px 3px 0 0;\n      border-bottom: transparent;\n\n      background-color: @bpp-tabs-tab-link-background-color;\n      color: @bpp-tabs-tab-link-color;\n\n      text-decoration: none;\n\n      cursor: default;\n\n      &:hover {\n        color: darken(@bpp-tabs-tab-link-color, 10%);\n      }\n    }\n  }\n\n  > li + li {\n    margin-left: 4px;\n  }\n\n  > li.bpp-active {\n\n    a {\n      padding-bottom: 5px;\n\n      border-top: 3px solid @bpp-tab-active-border-color;\n      border-bottom: none;\n    }\n  }\n}\n\n.bpp-properties-tab,\n.bpp-properties-tab.bpp-hidden {\n  display: none;\n}\n\n.bpp-properties-tab.bpp-active {\n  display: block;\n}\n","[data-popup=\"align-elements\"] .djs-popup-body {\n  display: flex;\n}\n\n[data-popup=\"align-elements\"] .djs-popup-body [data-group] + [data-group] {\n  border-left: 1px solid var(--popup-border-color);\n}\n\n[data-popup=\"align-elements\"] [data-group=\"align\"] {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n}\n\n[data-popup=\"align-elements\"] .djs-popup-body .entry {\n  padding: 6px 8px;\n}\n\n[data-popup=\"align-elements\"] .djs-popup-body .entry img {\n  display: block;\n\n  height: 20px;\n  width: 20px;\n}\n\n[data-popup=\"align-elements\"] .bjs-align-elements-menu-entry {\n  display: inline-block;\n}\n"],"names":[],"sourceRoot":""}