.style__applicationWrapper___1OATQ {
    height: 100vh;
}

    .style__applicationWrapper___1OATQ > div {
        height: 100%;
    }

/* stylelint-disable selector-max-id */

/* Scrollbar styles for appContainer, its siblings (needed for React portals) and also for contentcanvas' body */

#appContainer ::-webkit-scrollbar,
#appContainer ~ * ::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

#appContainer ::-webkit-scrollbar-track,
#appContainer ~ * ::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background-color: transparent;
}

#appContainer ::-webkit-scrollbar-thumb {
    background-color: #999;
}

#appContainer ~ * ::-webkit-scrollbar-thumb {
    background-color: #999;
}

body::-webkit-scrollbar-thumb {
    background-color: #999;
}

#appContainer ::-webkit-scrollbar-corner {
    background-color: #3f3f3f;
}

#appContainer ~ * ::-webkit-scrollbar-corner {
    background-color: #3f3f3f;
}

body::-webkit-scrollbar-corner {
    background-color: #3f3f3f;
}

.reset__reset___2e25U {
    font-family: 'Noto Sans', sans-serif;
    font-weight: normal;
    color: #FFF;
    margin: 0;
    padding: 0;
}

    .reset__reset___2e25U,
    .reset__reset___2e25U:before,
    .reset__reset___2e25U:after {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    /* some browsers set a font-size or margin in their user stylesheets */

    .reset__reset___2e25U input {
        font-size: 14px;
        margin: 0;
    }

    .reset__reset___2e25U textarea {
        font-size: 14px;
        margin: 0;
    }

    .reset__reset___2e25U select {
        font-size: 14px;
        margin: 0;
    }

    .reset__reset___2e25U button {
        font-size: 14px;
        margin: 0;
    }

    .reset__reset___2e25U ul {
        padding: 0;
    }

    /* webkit adds some weird spacing otherwise */

    .reset__reset___2e25U li {
        display: block;
    }

    .reset__reset___2e25U input::-webkit-search-cancel-button {
        display: none;
    }

    /* webkit adds white box around search box */

    .reset__reset___2e25U input {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
    }

.style__badge___3SRp9 {
    display: inline-block;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #ff8700;
    white-space: nowrap;
    background-color: white;
    border-radius: 3px;
}

.style__bar___1FOi1 {
    position: fixed;
    left: 0;
    z-index: 1;
    width: 100%;
    background-color: #222;
    height: 41px;
    border-bottom: 1px solid #3f3f3f;
}
.style__bar--top___ZZoUR {
    top: 0;
}
.style__bar--bottom___195IB {
    bottom: 0;
}

.style__btn___3rhzP {
    position: relative;
    display: inline-block;
    height: 40px;
    min-width: 40px;
    padding: 0 16px;
    border: 0;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    width: auto;
    color: #FFF;
    cursor: pointer;
    background-color: #323232;
    font-size: 14px;
}

    .style__btn___3rhzP:focus {
        outline: 1px solid #00ADEE;
    }

    .style__btn___3rhzP[disabled] {
        opacity: .5;
        cursor: not-allowed;
    }

    .style__btn___3rhzP[disabled]:hover {
            color: #FFF;
        }

    .style__btn___3rhzP[disabled].style__btn--isPressed___3CoIu {
            color: #FFF;
        }

    .style__btn___3rhzP[disabled]:hover i {
            color: #FFF;
        }

    .style__btn___3rhzP[disabled] i {
            color: #FFF;
        }
.style__btn--size-small___2NM3c {
    height: 32px;
    font-size: 13px;
    padding: 0 8px;
}
.style__btn--clean___JST6q {
    background-color: #222;
}
.style__btn--lighter___2noEC {
    background-color: #3f3f3f;
}
.style__btn--lighter___2noEC i {
    background-color: #3f3f3f;
}
.style__btn--transparent___37d3Q {
    background: 0;
}
.style__btn--brand___1ZsvX {
    background-color: #00ADEE;
    color: white !important;
}
.style__btn--brand___1ZsvX i {
    background-color: #00ADEE;
    color: white !important;
}
.style__btn--success___2uKNM {
    background-color: #00a338;
    color: white !important;
}
.style__btn--success___2uKNM i {
    background-color: #00a338;
    color: white !important;
}
.style__btn--warn___mYaSC {
    background-color: #ff8700;
}
.style__btn--warn___mYaSC i {
    background-color: #ff8700;
}
.style__btn--error___MCPuY {
    background-color: #ff460d;
    color: white !important;
}
.style__btn--error___MCPuY i {
    background-color: #ff460d;
    color: white !important;
}
.style__btn--brandActive___3UtEy {
    background-color: #00ADEE;
}
.style__btn--brandActive___3UtEy svg {
        color: #FFF;
    }
.style__btn--brandHover___3ZVrT:hover:enabled {
    background-color: #00ADEE;
}
.style__btn--brandHover___3ZVrT:hover:enabled i {
    background-color: #00ADEE;
}
.style__btn--brandHover___3ZVrT.style__btn--isPressed___3CoIu {
    background-color: #00ADEE;
}
.style__btn--brandHover___3ZVrT.style__btn--isPressed___3CoIu i {
    background-color: #00ADEE;
}
.style__btn--cleanHover___eru_z.style__btn--isPressed___3CoIu {
    color: #00ADEE;
}
.style__btn--cleanHover___eru_z.style__btn--isPressed___3CoIu svg {
        color: var(--colors-PrimaryBlue);
    }
.style__btn--cleanHover___eru_z.style__btn--isPressed___3CoIu i {
    color: #00ADEE;
}
.style__btn--cleanHover___eru_z.style__btn--isPressed___3CoIu i svg {
        color: var(--colors-PrimaryBlue);
    }
.style__btn--cleanHover___eru_z:hover:enabled {
    color: #00ADEE;
}
.style__btn--cleanHover___eru_z:hover:enabled svg {
        color: var(--colors-PrimaryBlue);
    }
.style__btn--cleanHover___eru_z:hover:enabled i {
    color: #00ADEE;
}
.style__btn--cleanHover___eru_z:hover:enabled i svg {
        color: var(--colors-PrimaryBlue);
    }
.style__btn--darkenHover___3ltdb.style__btn--isPressed___3CoIu,
.style__btn--darkenHover___3ltdb.style__btn--isPressed___3CoIu i,
.style__btn--darkenHover___3ltdb:hover:enabled,
.style__btn--darkenHover___3ltdb:hover:enabled i {
    background-color: rgba(0, 0, 0, .1);
}
.style__btn--successHover___2JpWS.style__btn--isPressed___3CoIu {
    background-color: #0bb344;
}
.style__btn--successHover___2JpWS.style__btn--isPressed___3CoIu i {
    background-color: #0bb344;
}
.style__btn--successHover___2JpWS:hover:enabled {
    background-color: #0bb344;
}
.style__btn--successHover___2JpWS:hover:enabled i {
    background-color: #0bb344;
}
.style__btn--warnHover___3T3eD.style__btn--isPressed___3CoIu {
    background-color: #fda23d;
}
.style__btn--warnHover___3T3eD.style__btn--isPressed___3CoIu i {
    background-color: #fda23d;
}
.style__btn--warnHover___3T3eD:hover:enabled {
    background-color: #fda23d;
}
.style__btn--warnHover___3T3eD:hover:enabled i {
    background-color: #fda23d;
}
.style__btn--errorHover___63ulE:hover:enabled {
    background-color: #ff6a3c;
}
.style__btn--errorHover___63ulE:hover:enabled i {
    background-color: #ff6a3c;
}
.style__btn--errorHover___63ulE.style__btn--isPressed___3CoIu {
    background-color: #ff6a3c;
}
.style__btn--errorHover___63ulE.style__btn--isPressed___3CoIu i {
    background-color: #ff6a3c;
}

.style__buttonGroup___3Esar {
    display: block;
}

svg:not(:root).neos-svg-inline--fa {
  overflow: visible; }

.neos-svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em; }
  .neos-svg-inline--fa.fa-lg {
    vertical-align: -.225em; }
  .neos-svg-inline--fa.fa-w-1 {
    width: 0.0625em; }
  .neos-svg-inline--fa.fa-w-2 {
    width: 0.125em; }
  .neos-svg-inline--fa.fa-w-3 {
    width: 0.1875em; }
  .neos-svg-inline--fa.fa-w-4 {
    width: 0.25em; }
  .neos-svg-inline--fa.fa-w-5 {
    width: 0.3125em; }
  .neos-svg-inline--fa.fa-w-6 {
    width: 0.375em; }
  .neos-svg-inline--fa.fa-w-7 {
    width: 0.4375em; }
  .neos-svg-inline--fa.fa-w-8 {
    width: 0.5em; }
  .neos-svg-inline--fa.fa-w-9 {
    width: 0.5625em; }
  .neos-svg-inline--fa.fa-w-10 {
    width: 0.625em; }
  .neos-svg-inline--fa.fa-w-11 {
    width: 0.6875em; }
  .neos-svg-inline--fa.fa-w-12 {
    width: 0.75em; }
  .neos-svg-inline--fa.fa-w-13 {
    width: 0.8125em; }
  .neos-svg-inline--fa.fa-w-14 {
    width: 0.875em; }
  .neos-svg-inline--fa.fa-w-15 {
    width: 0.9375em; }
  .neos-svg-inline--fa.fa-w-16 {
    width: 1em; }
  .neos-svg-inline--fa.fa-w-17 {
    width: 1.0625em; }
  .neos-svg-inline--fa.fa-w-18 {
    width: 1.125em; }
  .neos-svg-inline--fa.fa-w-19 {
    width: 1.1875em; }
  .neos-svg-inline--fa.fa-w-20 {
    width: 1.25em; }
  .neos-svg-inline--fa.fa-pull-left {
    margin-right: .3em;
    width: auto; }
  .neos-svg-inline--fa.fa-pull-right {
    margin-left: .3em;
    width: auto; }
  .neos-svg-inline--fa.fa-border {
    height: 1.5em; }
  .neos-svg-inline--fa.fa-li {
    width: 2em; }
  .neos-svg-inline--fa.fa-fw {
    width: 1.25em; }

.fa-layers svg.neos-svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0; }

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -.125em;
  width: 1em; }
  .fa-layers svg.neos-svg-inline--fa {
    -webkit-transform-origin: center center;
            transform-origin: center center; }

.fa-layers-text, .fa-layers-counter {
  display: inline-block;
  position: absolute;
  text-align: center; }

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          transform-origin: center center; }

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: .25em;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right; }

.fa-layers-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right; }

.fa-layers-bottom-left {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left; }

.fa-layers-top-right {
  right: 0;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right; }

.fa-layers-top-left {
  left: 0;
  right: auto;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top left;
          transform-origin: top left; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0; }

.neos-svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em; }

.neos-svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em; }

.fa-inverse {
  color: #fff; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.style__icon___3acxC {
    display: inline-block;
    font: normal normal normal FontAwesome;
    font-size: 14px/1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.style__icon--paddedLeft___3FiTY {
    margin-left: .75em;
}
.style__icon--paddedRight___2FV_M {
    margin-right: .75em;
}
.style__icon--color-warn___27ZqM {
    color: #ff8700;
}
.style__icon--color-error___3tJnv {
    color: #ff460d;
}
.style__icon--color-primaryBlue___2CAOS {
    color: #00ADEE;
}

.style__checkbox___35Udl {
    position: relative;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}
.style__checkbox__input___slK2g {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 20px;
    height: 20px;
    opacity: 0;
    cursor: pointer;
}
.style__checkbox__icon___G6XMf {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    opacity: .2;
}
.style__checkbox__inputMirror___39k5Z {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    vertical-align: text-bottom;
    background: #3f3f3f;
    font-size: 20px;
    font-weight: bold;
}
.style__checkbox__inputMirror--active___2pW84 {
    background: #00ADEE;
}
.style__checkbox__checked___3-wBW .style__checkbox__icon___G6XMf {
        opacity: 1;
    }
.style__checkbox__disabled___3uf8I {
    opacity: .65;
    cursor: not-allowed;
}
.style__checkbox__disabled___3uf8I .style__checkbox__input___slK2g {
        cursor: not-allowed;
    }

.style__calendarInputWrapper___3b3zP {
    display: table;
    width: 100%;
}
.style__calendarInputWrapper--highlight___OjkhY {
    outline: 2px solid #00a338;
}
.style__calendarInputWrapper--invalid___2LSdA {
    outline: 2px solid #ff460d !important;
    color: #ff460d !important;
}
.style__closeCalendarIconBtn___3kkZX {
    position: relative;
    display: table-cell;
    vertical-align: top;
    padding: 10px;
    height: 40px;
    min-width: 41px;
    border: none;
    background: #323232;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.style__calendarIconBtn___1dxzu {
    position: relative;
    display: table-cell;
    vertical-align: top;
    padding: 10px;
    height: 40px;
    min-width: 41px;
    border: none;
    background: #323232;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.style__calendarIconBtn___1dxzu {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.style__closeCalendarIconBtn___3kkZX {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.style__closeCalendarIconBtn___3kkZX:hover {
    background: #00ADEE;
}
.style__calendarIconBtn___1dxzu:hover {
    background: #00ADEE;
}
.style__closeCalendarIconBtn___3kkZX {
    border-left: 1px solid #222;
}
.style__calendarIconBtn___1dxzu {
    border-right: 1px solid #222;
}
.style__calendarFakeInputWrapper___2PRrl {
    display: table-cell;
    position: relative;
    width: 100%;
}
.style__calendarFakeInputMirror___1vhKP {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}
.style__calendarFakeInput___3aMRm {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 40px;
    border: 2px solid #323232;
    background: #323232;
    font-size: 14px;
    padding: 0 14px;
    margin: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
    transition: none;
}
.style__calendarFakeInput___3aMRm:focus {
        outline: 0;
    }
.style__selectTodayBtn___2Th-D {
    width: calc(100% - 2px);
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #323232;
    border-top: 0;
    font-size: 14px;
    cursor: pointer;
    background: #141414;
    color: #FFF;
}
.style__selectTodayBtn___2Th-D:hover {
        background: #00ADEE !important;
    }
.style__applyBtn___1T9KX {
    width: calc(100% - 2px);
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #323232;
    border-top: 0;
    font-size: 14px;
}
.style__wrapper___3H2rO {
}
.style__wrapper___3H2rO input[type='text'] {
        display: none;
    }
/**
     * Styles from the react-datetime package.
     * Since we cannot import other packages css in css modules and
     * putting them in a "global" scope at the same time, we had to
     * copy the css directly.
     *
     * @todo: revisit if we can solve this in a better way.
     */
/*!
        * https://github.com/arqex/react-datetime
        */
.style__wrapper___3H2rO .rdt {
            position: relative;
        }
.style__wrapper___3H2rO .rdtPicker {
            display: none;
            /*position: absolute;*/
            width: 250px;
            padding: 4px;
            margin-top: 1px;
            z-index: 1;
            background: #fff;
            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
                    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
            border: 1px solid #323232;
        }
.style__wrapper___3H2rO .rdtOpen .rdtPicker {
            display: block;
        }
.style__wrapper___3H2rO .rdtStatic .rdtPicker {
            -webkit-box-shadow: none;
                    box-shadow: none;
            position: static;
        }
.style__wrapper___3H2rO .rdtPicker .rdtTimeToggle {
            text-align: center;
        }
.style__wrapper___3H2rO .rdtPicker table {
            width: 100%;
            margin: 0;
        }
.style__wrapper___3H2rO .rdtPicker td,
        .style__wrapper___3H2rO .rdtPicker th {
            text-align: center;
            height: 28px;
        }
.style__wrapper___3H2rO .rdtPicker td {
            cursor: pointer;
        }
.style__wrapper___3H2rO .rdtPicker td.rdtToday:hover,
        .style__wrapper___3H2rO .rdtPicker td.rdtHour:hover,
        .style__wrapper___3H2rO .rdtPicker td.rdtMinute:hover,
        .style__wrapper___3H2rO .rdtPicker td.rdtSecond:hover,
        .style__wrapper___3H2rO .rdtPicker .rdtTimeToggle:hover {
            background: #eeeeee;
            cursor: pointer;
        }
.style__wrapper___3H2rO .rdtPicker td.rdtOld,
        .style__wrapper___3H2rO .rdtPicker td.rdtNew {
            color: #999999;
        }
.style__wrapper___3H2rO .rdtPicker td.rdtToday {
            position: relative;
        }
.style__wrapper___3H2rO .rdtPicker td.rdtToday:before {
            content: '';
            display: inline-block;
            border-left: 7px solid transparent;
            border-bottom: 7px solid #428bca;
            border-top-color: rgba(0, 0, 0, .2);
            position: absolute;
            bottom: 4px;
            right: 4px;
        }
.style__wrapper___3H2rO .rdtPicker td.rdtActive,
        .style__wrapper___3H2rO .rdtPicker td.rdtActive:hover {
            background-color: #428bca;
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
        }
.style__wrapper___3H2rO .rdtPicker td.rdtActive.rdtToday:before {
            border-bottom-color: #fff;
        }
.style__wrapper___3H2rO .rdtPicker td.rdtDisabled,
        .style__wrapper___3H2rO .rdtPicker td.rdtDisabled:hover {
            background: none;
            color: #999999;
            cursor: not-allowed;
        }
.style__wrapper___3H2rO .rdtPicker td span.rdtOld {
            color: #999999;
        }
.style__wrapper___3H2rO .rdtPicker td span.rdtDisabled,
        .style__wrapper___3H2rO .rdtPicker td span.rdtDisabled:hover {
            background: none;
            color: #999999;
            cursor: not-allowed;
        }
.style__wrapper___3H2rO .rdtPicker th {
            border-bottom: 1px solid #323232;
        }
.style__wrapper___3H2rO .rdtPicker .dow {
            width: 14.2857%;
            border-bottom: none;
        }
.style__wrapper___3H2rO .rdtPicker th.rdtSwitch {
            width: 100px;
        }
.style__wrapper___3H2rO .rdtPicker th.rdtNext,
        .style__wrapper___3H2rO .rdtPicker th.rdtPrev {
            font-size: 21px;
            vertical-align: top;
        }
.style__wrapper___3H2rO .rdtPrev span,
        .style__wrapper___3H2rO .rdtNext span {
            display: block;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
        }
.style__wrapper___3H2rO .rdtPicker th.rdtDisabled,
        .style__wrapper___3H2rO .rdtPicker th.rdtDisabled:hover {
            background: none;
            color: #999999;
            cursor: not-allowed;
        }
.style__wrapper___3H2rO .rdtPicker thead tr:first-child th {
            cursor: pointer;
        }
.style__wrapper___3H2rO .rdtPicker thead tr:first-child th:hover {
            background: #eeeeee;
        }
.style__wrapper___3H2rO .rdtPicker tfoot {
            border-top: 1px solid #323232;
        }
.style__wrapper___3H2rO .rdtPicker button {
            border: none;
            background: none;
            cursor: pointer;
        }
.style__wrapper___3H2rO .rdtPicker button:hover {
            background-color: #eee;
        }
.style__wrapper___3H2rO .rdtPicker thead button {
            width: 100%;
            height: 100%;
        }
.style__wrapper___3H2rO td.rdtMonth,
        .style__wrapper___3H2rO td.rdtYear {
            height: 50px;
            width: 25%;
            cursor: pointer;
        }
.style__wrapper___3H2rO td.rdtMonth:hover,
        .style__wrapper___3H2rO td.rdtYear:hover {
            background: #eee;
        }
.style__wrapper___3H2rO .rdtCounters {
            display: inline-block;
        }
.style__wrapper___3H2rO .rdtCounters > div {
            float: left;
        }
.style__wrapper___3H2rO .rdtCounter {
            height: 100px;
        }
.style__wrapper___3H2rO .rdtCounter {
            width: 40px;
        }
.style__wrapper___3H2rO .rdtCounterSeparator {
            line-height: 100px;
        }
.style__wrapper___3H2rO .rdtCounter .rdtBtn {
            height: 40%;
            line-height: 40px;
            cursor: pointer;
            display: block;

            -webkit-touch-callout: none;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
        }
.style__wrapper___3H2rO .rdtCounter .rdtBtn:hover {
            color: #00ADEE;
        }
.style__wrapper___3H2rO .rdtCounter .rdtCount {
            height: 20%;
            font-size: 1.2em;
        }
.style__wrapper___3H2rO .rdtMilli {
            vertical-align: middle;
            padding-left: 8px;
            width: 48px;
        }
.style__wrapper___3H2rO .rdtMilli input {
            width: 100%;
            font-size: 1.2em;
            margin-top: 37px;
        }
.style__wrapper___3H2rO .rdtDayPart {
            margin-top: 43px;
        }
/**
     * Overwrites for the calendar
     */
.style__wrapper___3H2rO .rdtPicker {
            position: relative;
            width: calc(100% - 4px);
            background: #141414;
            padding: 0;
            border: 1px solid #323232;
            border-top: 0;
            margin: 0;
            -webkit-box-shadow: none;
                    box-shadow: none;
        }
.style__wrapper___3H2rO .rdtPicker table {
                border-collapse: collapse;
            }
.style__wrapper___3H2rO .rdtPicker th {
                width: 37px;
                height: 40px;
                line-height: 40px;
                font-weight: normal;
                font-size: 14px;
                border: 0;
                border-left: 1px solid #323232;
                border-right: 1px solid #323232;
                border-bottom: 1px solid #323232;
            }
.style__wrapper___3H2rO .rdtPicker th.rdtPrev:hover {
                    background: #00ADEE !important;
                }
.style__wrapper___3H2rO .rdtPicker th.rdtNext:hover {
                    background: #00ADEE !important;
                }
.style__wrapper___3H2rO .rdtPicker th.rdtSwitch:hover {
                    background: #00ADEE !important;
                }
.style__wrapper___3H2rO .rdtPicker th.dow {
                    width: 40px;
                    background: #323232;
                    text-align: center;
                }
.style__wrapper___3H2rO td.rdtDay {
            width: 40px;
            height: 40px;
            line-height: 40px;
            border: 1px solid #323232;
        }
.style__wrapper___3H2rO td.rdtMonth {
            width: 40px;
            height: 40px;
            line-height: 40px;
            border: 1px solid #323232;
        }
.style__wrapper___3H2rO td.rdtTimeToggle {
            width: 40px;
            height: 40px;
            line-height: 40px;
            border: 1px solid #323232;
        }
.style__wrapper___3H2rO td.rdtDay:hover {
            background: #00ADEE !important;
        }
.style__wrapper___3H2rO td.rdtMonth:hover {
            background: #00ADEE !important;
        }
.style__wrapper___3H2rO td.rdtTimeToggle:hover {
            background: #00ADEE !important;
        }
.style__wrapper___3H2rO td.rdtDay.rdtOld,
        .style__wrapper___3H2rO td.rdtDay.rdtNew {
            color: #5b5b5b;
        }
.style__wrapper___3H2rO td.rdtToday:before {
            border-bottom-color: #00ADEE !important;
        }
.style__wrapper___3H2rO td.rdtActive {
            background: #00ADEE !important;
            color: #FFF;
        }
.style__wrapper___3H2rO td.rdtActive:before {
                display: none !important;
            }
.style__disabled___30DXk {
    opacity: .5;
}
.style__disabled-cursor___1HPe7 {
    cursor: not-allowed;
}

@-webkit-keyframes style__slideDialogContents___2dMWV {
    from {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(.9);
                transform: translateX(-50%) translateY(-50%) scale(.9);
    }
}

@keyframes style__slideDialogContents___2dMWV {
    from {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(.9);
                transform: translateX(-50%) translateY(-50%) scale(.9);
    }
}

.style__dialog___LLhlp {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0, .8);
}

.style__dialog__contentsPosition___1527H {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
            transform: translateX(-50%) translateY(-50%) scale(1);
    background: #222;
    -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, .4);
            box-shadow: 0 20px 40px rgba(0, 0, 0, .4);
    border-radius: 0;
    outline: none;
    opacity: 1;
    -webkit-animation: style__slideDialogContents___2dMWV .3s ease-in-out;
            animation: style__slideDialogContents___2dMWV .3s ease-in-out;
}

.style__dialog__contents___32lNX {
    position: relative;
    width: calc(100vw - 40px * 2);
    max-width: calc(40px * 16);
    border: 2px solid #3f3f3f;
}

.style__dialog--wide___2Okqj .style__dialog__contents___32lNX {
        max-width: calc(40px * 24);
    }

@media(max-width: 576px) {

.style__dialog--wide___2Okqj .style__dialog__contents___32lNX {
            max-width: 100vw;
            width: 100vw
    }
        }

.style__dialog--narrow___3V0FP .style__dialog__contents___32lNX {
        max-width: 400px;
    }

.style__dialog--success___3PB5_ .style__dialog__contents___32lNX {
        border-color: #00a338;
    }

.style__dialog--warn___kE6PY .style__dialog__contents___32lNX {
        border-color: #ff8700;
    }

.style__dialog--error___3gnPx .style__dialog__contents___32lNX {
        border-color: #ff460d;
    }

.style__dialog__title___aDGnx {
    font-size: 20px;
    line-height: 1.2;
    padding: 16px;
    padding-right: 40px;
}

.style__dialog__body___3U6ba {
    max-height: calc(65vh);
    overflow-y: auto;
}

@media(max-width: 576px) {

.style__dialog__body___3U6ba {
        max-height: calc(55vh)
}
    }

.style__dialog__actions___3nKLE {
    text-align: right;
    margin-top: 16px;
}

.style__dialog__closeBtn___J0jTj {
    position: absolute;
    top: 0;
    right: 0;
    background: #3f3f3f;
}

.style__dialog__backDrop___3-6AE {
    position: absolute;
    height: 100%;
    width: 100%;
}

.style__dropDown___1SeFF {
    position: relative;
    display: inline-block;
    width: 100%;
}
.style__dropDown__btn___2W0C9 {
    display: block;
    width: 100%;
    height: 40px;
    text-align: left;
    color: white;
    cursor: pointer;
    font-size: 14px;
    padding: 0 16px;
    border: 0;
    border-radius: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
    background: #323232;
}
.style__dropDown__btn___2W0C9:focus{
        outline: 1px solid #00ADEE;
    }
.style__dropDown__btn--withChevron___JMZEI {
    padding-right: 40px;
}
.style__dropDown__btnLabel___2I0__ {
    margin-right: .5em;
}
.style__dropDown__chevron___3wN4N {
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.style__dropDown__contents___GBeJA {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    display: none;
    width: 100%;
    margin: 0;
    list-style: none;
    background: #323232;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
            box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
}
.style__dropDown__contents--scrollable___mFW8d {
    max-height: 80vh;
    overflow-y: auto;
}
.style__dropDown__contents--isOpen___1szzg {
    display: block;
}
.style__dropDown--darker___1GLKD > .style__dropDown__btn--open___2CTio {
        background-color: #222;
    }
.style__dropDown--darker___1GLKD > .style__dropDown__contents___GBeJA {
        background-color: #222;
    }
.style__dropDown--padded___328_- > .style__dropDown__contents___GBeJA {
        padding: 16px;
    }

.style__heading___1W7n8 {
    font-size: 14px;
    text-rendering: optimizelegibility;
}
.style__heading--h1___3kXr4 {
    font-size: 16px;
}

.style__iconButton___pVWPN {
    vertical-align: top;
    width: 40px;
    padding-left: 0;
    padding-right: 0;
}

.style__iconButton--disabled___2sG1k {
    opacity: .65;
    cursor: not-allowed;
}

.style__size-small___1mDVh {
    width: 32px !important;
    min-width: 32px !important;
}

.style__wrapper___11p60 {
    position: relative;
    display: inline-block;
}
.style__wrapper__btn___JZ9aF {
    position: relative;
    width: 40px;
}
.style__wrapper__btnModeIcon___1-UtT {
    position: absolute;
    right: 4px;
    bottom: 4px;
    color: #00ADEE;
}
[disabled] > .style__wrapper__btnModeIcon___1-UtT {
        opacity: 0;
    }
.style__wrapper___11p60:hover .style__wrapper__btnIcon___2TS3f {
    color: #00ADEE;
}
.style__wrapper__dropDown___2o09P {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    display: none;
    background: #222;
    border: 1px solid #3f3f3f;
    border-top: 0;
}
.style__wrapper__dropDown--isOpen___2nnat {
    display: block;
}
.style__wrapper__dropDownItem___252tw {
    position: relative;
    display: block;
    width: calc(40px - 2px);
    height: calc(40px - 2px);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.style__wrapper__dropDownItem___252tw:hover {
        color: #00ADEE;
    }
.style__wrapper__dropDownItem___252tw:hover > * {
        color: #00ADEE;
    }
.style__wrapper__dropDownItem___252tw > * {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
    }

.style__label___1xSQ_ {
    display: block;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 288px;
    padding: 0;
    margin-bottom: 4px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.style__logo___3Jtvl {
    height: 24px;
    width: auto;
}

.style__selectBox__list___3CDrD {
    padding: 0;
}

.style__selectBox___1PAF9 {
    position: relative;
    display: inline-block;
    line-height: 0;
}

.style__selectBox__btn___2BHW4 {
    position: relative;
    display: inline-block;
    text-overflow: clip;
    height: auto;
    min-height: 40px;
    line-height: 40px;
    padding-left: 0;
    border: 0;
    background: #323232;
    min-width: 160px;
}

.style__selectBox__btn--noRightPadding___30r0P {
    padding-right: 0;
}

.style__selectBox__contents___601fP {
    min-width: 160px;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0, .2);
            box-shadow: 0 5px 5px rgba(0,0,0, .2);
    z-index: 3;
    padding: 2px !important;
    margin-top: -2px;
}

.style__selectBox__item___XqlG3 {
    border-top: 1px solid #222;
    background: #141414;
}

.style__selectBox__item___XqlG3 div {
        padding: 5px 14px;
    }

.style__selectBox__groupHeader___1GSDP {
    background-color: #222;
    font-weight: bold;
    padding-left: 16px;
    line-height: 30px;
    text-transform: uppercase;
}

.style__selectBox--disabled___3Z10k {
    -webkit-filter: opacity(50%);
            filter: opacity(50%);
    cursor: not-allowed;
}

.style__listPreviewElement___2D3TC {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;

    /* subtract the size of padding */
    line-height: calc(40px - 10px);
    padding: 5px 16px;
}

.style__listPreviewElement--isDisabled___2bTD- {
    color: #999;
    cursor: not-allowed;
}

.style__listPreviewElement--isHighlighted___26ad1 {
    background: #00ADEE;
}

.style__listPreviewElement--isHighlighted___26ad1 > span {
    color: #fff;
}

.style__listPreviewElement__icon___3qFLa {
    margin-right: .5em;
}

.style__listPreviewElement__iconWrapper___32jvP {
    padding: 0 !important;
    width: 2em;
    display: inline-block;
    text-align: center;
}

.style__selectBoxHeader___3ysc8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.style__selectBoxHeader__innerPreview___yrmpH {
    overflow: hidden;
    width: 100%;
}

.style__selectBoxHeader__icon___1TJFO {
    line-height: 40px;
    height: 100%;
}

.style__selectBoxHeader__label___2j4EL {
    padding: 0 16px;
}

.style__selectBoxHeader__wrapperIconWrapper___11ISw {
    padding: 0 16px;
}

.style__selectBoxHeader__wrapperPlaceholderIconWrapper___1X9N8 {
    padding: 0 8px 0 0;
}

.style__selectBoxHeader--disabled___3UWbf {
    cursor: not-allowed;
}

.style__selectBoxHeaderWithSearchInput___GTrXd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 16px;
}

.style__selectBoxHeaderWithSearchInput__inputContainer___22AtJ {
    width: 100%;
}

.style__selectBoxHeaderWithSearchInput__input___3-rY1 {
    width: 100%;
    color: #fff;
    /* TODO: move to reset / use var */
    font-size: 14px;
}

.style__selectBoxHeaderWithSearchInput__input___3-rY1:focus {
        background: transparent !important;
        color: #fff !important;
    }

.style__selectBoxHeaderWithSearchInput__icon___RVwfF {
    height: 40px;
}

.style__textInput___2OxV7 {
    /* TODO: should eventually be moved to reset.css, but there maybe be plenty of side-effects */
    font-size: 14px;
    width: 100%;
    height: 40px;
    padding: 0 14px;
    border: 0;
    border-radius: 2px;
    background: #323232;
    color: white;
}

    .style__textInput___2OxV7:focus {
        outline: 0;
        background: #FFF;
        color: #141414;
    }
.style__textInput___2OxV7::-webkit-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: normal;
    color: #999;
}
.style__textInput--disabled___2S4ZK {
    opacity: .65;
    cursor: not-allowed;
}

.style__sideBar___26rmh {
    position: fixed;
    width: 320px;
    height: 100%;
    background: #222;
}
.style__sideBar--left___7XmVC {
    left: 0;
}
.style__sideBar--right___36g1c {
    right: 0;
}

.style__tabs___1EIxU {
    height: 100%;
}

.style__tabs__content___OZ4nq {
    height: calc(100% - 141px);
    overflow-y: auto;
}

.style__tabNavigation___3O5cv {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #141414;
    border-bottom: 1px solid #3f3f3f;
}

.style__tabNavigation___3O5cv:before,
    .style__tabNavigation___3O5cv:after {
        content: '';
        display: table;
    }

.style__tabNavigation___3O5cv:after {
        clear: both;
    }

.style__tabNavigation__item___2WsIL {
    position: relative;
    float: left;
    border-top: 1px solid #3f3f3f;
    border-right: 1px solid #3f3f3f;
    color: #FFF;
}

.style__tabNavigation__item--isActive___2zdy_ {
    background-color: #222;
    cursor: default;
    border-bottom: 1px solid #222;
    margin-bottom: -1px;
}

.style__tabNavigation__item--isActive___2zdy_:after {
        display: block;
        content: ' ';
        position: absolute;
        top: -1px;
        left: 0;
        right: 0;
        height: 2px;
        width: 100%;
        background: #00ADEE;
    }

.style__tabNavigation__item--isActive___2zdy_ > .style__tabNavigation__itemBtn___2s4ZD {
        color: #00ADEE;
    }

.style__tabNavigation__itemBtn___2s4ZD {
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    cursor: pointer;
    border: 0;
    background: 0;
}

.style__tabNavigation__itemBtn___2s4ZD:hover {
        color: #00ADEE;
    }

.style__tabNavigation__itemBtn___2s4ZD:focus {
        outline: 0;
    }

.style__tabNavigation__itemBtnIcon___2EtjM {
    color: currentColor;
}

.style__tabNavigation__itemBtnIcon--hasLabel___3wj6T {
    margin-right: 8px;
}

.style__panel___27YB0 {
    overflow-y: auto;
}

.style__textArea___3TmV8 {
    width: 100%;
    height: 40px;
    padding: 10px 14px;
    border: 0;
    border-radius: 2px;
    background: #323232;
    resize: vertical;
    -webkit-transition: .3s height;
    transition: .3s height;
}

    .style__textArea___3TmV8:focus {
        outline: 0;
        background: #FFF;
        color: #141414;
    }
.style__textArea___3TmV8::-webkit-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    color: #999;
}
.style__textArea--invalid___3lc7o {
    outline: 2px solid #ff460d !important;
}
.style__textArea--highlight___1P2ir {
    outline: 2px solid #00a338;
}
.style__textArea--disabled___aQKq4 {
    opacity: .65;
    cursor: not-allowed;
}

.style__panel___2dVHy {
    position: relative;
}

.style__panel__headline___3upR_ {
    height: 40px;
    margin: 0;
    padding: 0 16px;
    line-height: 40px;
    font-weight: bold;
    font-size: 14px;
}

.style__panel__headline--noPadding___AQLPq {
    padding: 0;
}

.style__panel__toggleBtn___2vmR6 {
    position: absolute;
    top: 0;
    right: 0;
}

.style__panel__contents___2NfjT {
    padding: 0 16px;
    -webkit-transition: .25s ease padding;
    transition: .25s ease padding;
}

.style__panel--isOpen___kgdth .style__panel__contents___2NfjT {
        padding-top: 5px;
        padding-bottom: 5px;
    }

.style__panel--condensed___ryLOK.style__panel--isOpen___kgdth .style__panel__contents___2NfjT {
        padding-top: 0;
        padding-bottom: 0;
    }

.style__panel__contents--noPadding___2aCPX {
    padding: 0;
}

.style__tooltip___1n9Qt {
    position: absolute;
}

    .style__tooltip___1n9Qt ul  {
        margin: 0;
    }

.style__tooltip--inline___1BcaT {
    position: relative !important;
    margin-bottom: 8px;
}

.style__tooltip--arrow___xV99a {
    position: relative;
    top: 0;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #141414;
}

.style__tooltip--asError___3OleK .style__tooltip--arrow___xV99a {
    border-bottom: 8px solid #ff460d;
}

.style__tooltip--inner___3DM9n {
    position: relative;
    padding: 8px;
    background: #141414;
    color: white;
    -webkit-box-shadow: 0px 0px 10px rgba(125, 125, 125, .2);
            box-shadow: 0px 0px 10px rgba(125, 125, 125, .2);
}

.style__tooltip--asError___3OleK .style__tooltip--inner___3DM9n {
    background: #ff460d;
}

.tree__treeWrapper___2ODH- {

    padding: 5px 0;
}

    .tree__treeWrapper___2ODH-:focus {
        outline: 0;
    }

.node__header___VjnDK {
    margin: 0;
    position: relative;
    line-height: 20px;
}
.node__header__chevron___zXVME {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 18px;

    color: #adadad;
    line-height: 20px;
    text-align: center;

    cursor: pointer;
}
.node__header__chevron___zXVME:hover {
        color: #00ADEE;
    }
.node__header__chevron--isCollapsed___WH7x- > svg {
    -webkit-transform: translateY(3px) translateX(-2px) rotate(-90deg);
            transform: translateY(3px) translateX(-2px) rotate(-90deg);
}
.node__header__chevron--isHiddenInIndex___3w-RN {
    opacity: .5;
}
.node__header__chevron--isLoading___2ruux {
    color: #adadad !important;
}
.node__header__chevron--isLoading___2ruux:hover {
    color: #adadad !important;
}
.node__header__chevron--isLoading___2ruux > svg {
    margin-top: 6px;
}
.node__header__iconWrapper___3_L5- {
    width: 2em;
    display: inline-block;
    position: absolute;
    text-align: center;
}
.node__header__data___3ySAh {
    position: relative;
    display: inline-block;
    min-width: 100%;
    padding: .1em 0;

    border-left: 2px solid transparent;

    white-space: nowrap;

    cursor: pointer;
}
.node__header__data--isHiddenInIndex___1NEzB {
    opacity: .5;
}
.node__header__data--isHidden___34ear {
    text-decoration: line-through;
}
.node__header__data--isDragging___2TQZt {
    opacity: .2;
}
.node__header__data--isDirty___M19Xg {
    border-left: 2px solid #ff8700;
}
.node__header__data--isFocused___3lF2d {
    background: #323232;
}
.node__header__data--isFocused___3lF2d.node__header__data--isHiddenInIndex___1NEzB,
    .node__header__data--isFocused___3lF2d.node__header__data--isHidden___34ear {
        opacity: .8;
    }
.node__header__data--acceptsDrop___32Nys {
    background-color: #00ADEE;
}
.node__header__data--acceptsDrop___32Nys *,
.node__header__data--deniesDrop___1lOiO * {
    pointer-events: none;
}
.node__header__labelWrapper___dJ7OH {
    max-width: 264px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 1.5;
    vertical-align: middle;
}
.node__header__label___kPC7f {
    margin-left: 2em;
}
.node__header__data--isActive___2VU25 .node__header__label___kPC7f {
        color: #00ADEE;
    }
.node__contents___GgwYX {
}
.node__dropTarget___2w6E- {
    position: absolute;
    left: 0;
    right: 0;
    padding-left: 15px;
}
.node__dropTarget--before___2mVtk {
    top: -5px;
    z-index: 1;
    padding-top: 4px;
    padding-bottom: 4px;
}
.node__dropTarget--after___1qMPH {
    bottom: 0;
    z-index: 2;
    padding-top: 6px;
    padding-bottom: 0;
}
.node__dropTarget__inner___1ZBVS {
    height: 2px;
}
.node__dropTarget__inner--acceptsDrop___3mSD7 {
    background-color: #00ADEE;
}

.style__selectedOptions___3omQr {

    position: relative;
    width: 100%;
    list-style: none;
    padding-left: 0;

}

.style__selectedOptions__item___G4pEV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    background: #141414;
    border-bottom: 1px solid #222;
    border-radius: 2px;
}

    .style__selectedOptions__item___G4pEV:hover .style__selectedOptions__itemIcon___1kKKq {
            display: none;
        }

    .style__selectedOptions__item___G4pEV:hover .style__selectedOptions__itemIcon--onHover___2K1K5 {
            display: inline;
        }

.style__selectedOptions__item--draggable___3uZmH {
    cursor: move;
}

.style__selectedOptions__innerPreview___YtPxz {
    border-right: 1px solid #222;
    overflow: hidden;
    width: 100%;
}

.style__selectedOptions__innerPreview___YtPxz > div {
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
    }

.style__selectedOption__removeButton___3Xq0A {
    height: auto;
    background: #323232;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.style__selectedOption__moveButton___1SMqY {
    cursor: move;
    height: auto;
    width: 20px;
    min-width: 20px;
    color: #3f3f3f;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-right: 1px solid #222;
}

.style__selectedOption__moveButton___1SMqY svg {
        color: #3f3f3f;
    }

.style__selectedOption__moveButton___1SMqY:hover {
        background: #3f3f3f;
        color: #999 !important;
    }

.style__selectedOption__moveButton___1SMqY:hover svg {
            color: var(--colors-ContrastBright) !important;
        }

.style__selectedOption__moveButton___1SMqY:focus {
        background: #3f3f3f;
        color: #999 !important;
    }

.style__selectedOption__moveButton___1SMqY:focus svg {
            color: var(--colors-ContrastBright) !important;
        }

.style__multiLineWithThumbnail__item___2qeYA {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    line-height: 20px;
    background: #141414;
}

.style__multiLineWithThumbnail__secondaryLabel___2h1h8 {
    color: #999;
    display: block;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.style__multiLineWithThumbnail__tertiaryLabel___2FMf_ {
    color: #999;
    display: block;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.style__multiLineWithThumbnail__image___2N_k9 {
    width: calc(1.33 * (40px + 16px));
    height: calc(40px + 16px);
    -o-object-fit: contain;
       object-fit: contain;
    background-color: #fff;
    background-size: 10px 10px;
    background-position: 0 0, 25px 25px;
    background-image: linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%, #cccccc), linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%, #cccccc);
    margin-right: .75em;
    display: inline-block;
    vertical-align: middle;
    margin-left: -16px;
    margin-top: -8px;
    margin-bottom: -8px;
}

.style__multiLineWithThumbnail__item___2qeYA:hover .style__multiLineWithThumbnail__secondaryLabel___2h1h8,
.style__multiLineWithThumbnail__item___2qeYA:hover .style__multiLineWithThumbnail__tertiaryLabel___2FMf_ {
    color: white;
}

.style__envelope__label___2NiEj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.style__envelope__tooltipButton___2pIzZ {
    padding-left: 8px;
}

.style__envelope__helpmessage___Nf9kS {
    position: absolute;
    z-index: 2147483646;
    max-width: 100%;
}

.style__envelope--invalid___3TFDf {
    -webkit-box-shadow: 0 0 0 2px #ff460d;
            box-shadow: 0 0 0 2px #ff460d;
    border-radius: 2px;
}

.style__envelope--highlight___fQPJf {
    -webkit-box-shadow: 0 0 0 2px #ff8700;
            box-shadow: 0 0 0 2px #ff8700;
    border-radius: 2px;
}

.style__envelope__helpThumbnail___3HqGC {
    max-width: 100%;
}

.style__boolean__disabled___DyVUX {
    opacity: .65;
    cursor: not-allowed;
}

.style__boolean__wrapper___1p_11 {
    padding: 5px;
}

.style__boolean__wrapper___1p_11 label {
        margin-bottom: 0 !important;
    }

.style__boolean__label___1uy69 {
    max-width: none;
    display: inline;
}

.style__dropzone___pvLcT {
    border: none;
}

.style__dropzone--isActive___2EAaT {
    background-color: #00a338;
}

.style__dropzone--isRejecting___2wT_s {
    background-color: #ff8700;
}

.style__thumbnail___3B9_l {
    position: relative;
    border: 1px dashed #323232;
    margin-bottom: calc(16px - 4px);
    height: 216px;
    overflow: hidden;
    cursor: pointer;
    /* TODO: border-color: #fff; on hover */
}

.style__thumbnail--highlight___1WKCi {
    outline: 2px solid #00a338;
}

.style__thumbnail__loader___1GD5G {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.style__cropArea___3F_8L {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    overflow: hidden;
}

.style__cropArea__image___14Hem {
    position: absolute;
}

.style__cropArea__image--placeholder___12ft5 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.style__dropzone___24iIU {
    border: none;
    background: #141414;
}

.style__dropzone--isActive___3pypm {
    background-color: #00a338;
}

.style__dropzone--isRejecting___1rWx_ {
    background-color: #ff8700;
}

.style__thumbnail___24oLR {
    position: relative;
    border: 1px dashed #323232;
    border-radius: 2px;
    margin-bottom: calc(16px - 4px);
    height: 216px;
    overflow: hidden;
    cursor: pointer;
    background: #141414;
}

.style__thumbnail__overlay___GeOwH {
    -webkit-transition: .25s background-color ease-out;
    transition: .25s background-color ease-out;
    border-radius: 2px;
}

.style__thumbnail___24oLR:hover > .style__thumbnail__overlay___GeOwH {
    height: 100%;
    width: 100%;
    background-color: #00ADEE;
}

.style__thumbnail___24oLR:hover .style__cropArea___2hPZV {
    opacity: .7;
}

.style__thumbnail___24oLR .style__thumbnail__overlay__icon___lnl7q {
    display: none;
}

.style__thumbnail___24oLR:hover .style__thumbnail__overlay__icon___lnl7q {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1000;
}

.style__thumbnail--disabled___38ikJ {
    cursor: not-allowed;
    opacity: .5;
}

.style__thumbnail--highlight___37uMB {
    outline: 2px solid #00a338;
}

.style__thumbnail__loader___1n_5x {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.style__cropArea___2hPZV {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    overflow: hidden;
}

.style__cropArea__image___2olfc {
    position: absolute;
    background-color: #fff;
    background-size: 10px 10px;
    background-position: 0 0, 25px 25px;
    background-image: linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%, #cccccc), linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%, #cccccc);
}

.style__cropArea__image--placeholder___1C9Vl {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.style__cropButton___3utMg {
    float: right;
}
.style__button___Mzo1O {
    margin-right: 4px !important;
}

.style__resizeControls___CLhGl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.style__resizeControls__label___1dlfj {
    margin-top: 16px;
    margin-bottom: 4px;
}
.style__resizeControls__before___3jhiG {
    height: 40px;
    width: 40px;
    border-right: 1px solid #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #323232;
}
.style__resizeControls__main___26RKD {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.style__resizeControls__after___2X_2S {
    height: 40px;
    width: 40px;
    background: #323232;
    border-left: 1px solid #222;
    text-align: center;

    line-height: 40px;
}
.style__resizeControls__checkbox___3xvJo {
    margin-right: 0 !important;
}

.style__imageEditor___12xTp:before,
    .style__imageEditor___12xTp:after {
        content: '';
        display: table;
    }
    .style__imageEditor___12xTp:after {
        clear: both;
    }

.LinkInput__linkInput__wrap___1kF3U {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.LinkInput__linkInput__optionWrapper___D9OQR {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    /* see https://css-tricks.com/flexbox-truncated-text/ */
    min-width: 0;
}

.LinkInput__linkInput__optionWrapper___D9OQR,
    .LinkInput__linkInput__optionWrapper___D9OQR > div {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }

.LinkInput__linkInput__optionsPanelDouble___V5YYk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}

.LinkInput__linkInput__optionsPanel___Tqad8 {
    padding-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.LinkInput__linkInput__optionsPanelItem___rbQS4 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    padding: 8px;
}

.LinkInput__linkInput__optionsPanelLabel___1keJo {
    margin-bottom: 4px;
}

.LinkInput__linkInput__innerButton___1zJ3P {
    height: auto;
    background: #323232;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.LinkInput__linkInput__loaderWrapper___DCBL5 {
    padding: 4px 16px;
    height: 40px;
    line-height: 40px;
    background: #323232;
}

.LinkInput__linkInput__loader___1nIdC {
    margin: 4px;
}

.LinkInput__linkInput__item___2k1Cp {
    padding: 8px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: calc(40px * 1.5);
    line-height: 20px;
}

.LinkInput__linkInput__link___2UAC2 {
    color: #999;
    display: block;
    font-size: 12px;
}

.LinkInput__linkInput__image___3JCNV {
    height: calc(40px * 1.5);
    width: auto;
    float: right;
}

.LinkInput__linkInput__link--active___3BJG2 {
    color: #fff;
}

.style__noOptionsAvailable___3c4Y8 {
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 1em;
    border: 0;
    background: #323232;
    width: 100%;
}

.style__codemirror__label___2wVEr {
    padding: 2px;
    max-width: none;
    display: inline;
}

.style__controls___2yR4Y {
    margin-top: 4px;
}

.style__button___24NhC {
    margin-right: 4px !important;
}

.style__pluginViewContainer___1nVzW {
    width: 100%;
    list-style: none;
    background: #323232;
    margin: 0;
    padding: 0;
}

.style__pluginViewContainer__listItem___21pf5 {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px;
    padding: 16px;
}

.style__pluginViewContainer__listItem___21pf5 b {
    margin-right: calc(8px / 2);
}

.style__pluginViewContainer__listItem___21pf5 a {
    font-size: 12px;
    color: #00ADEE;
    text-decoration: none;
    margin-left: calc(8px / 2);
}

.style__wrapper___12Z_h {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.style__dropDown___3f1kp {
    position: static;
    display: inline-block;
}
.style__dropDown--disabled___2Ojtc {
    opacity: .65;
    cursor: not-allowed;
}
.style__dropDown__btn___2iTtj {
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border: 0;
    background: #323232;
    min-width: 160px;
    padding-right: 80px;
}
.style__dropDown__btn--isPlaceholder___1MK0- {
    color: rgba(255, 255, 255, .5);
}
.style__dropDown__btn--isPlaceholder___1MK0- i {
    color: white;
}
.style__dropDown__btnIcon___3WBb8 {
    margin-right: .5em;
}
.style__dropDown__contents___34i2k {
    min-width: 160px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0, .2);
            box-shadow: 0 5px 10px rgba(0,0,0, .2);
    z-index: 2;
}
.style__dropDown__item___2zZpm {
    height: 40px;
    line-height: 40px;
    background: #323232;
    border-top: 1px solid #222;
    cursor: pointer;
}
.style__dropDown__item___2zZpm:hover {
        background: #00ADEE;
    }
.style__dropDown__item___2zZpm > a {
        display: block;
        width: 100%;
        border: 0;
        padding: 0 16px;
        background: 0;
        color: #FFF;
        cursor: pointer;
        text-decoration: none;
        line-height: 40px;
        text-align: left;
    }
.style__dropDown__item___2zZpm button {
        display: block;
        width: 100%;
        border: 0;
        padding: 0 16px;
        background: 0;
        color: #FFF;
        cursor: pointer;
        text-decoration: none;
        line-height: 40px;
        text-align: left;
    }
.style__dropDown__itemIcon___1Azwm {
    margin-right: .5em;
}
.style__dropDown__clear___2I1t0 {
    position: absolute;
    top: 0;
    right: 40px;
}

.style__tools___2YJCf {
    height: 56px;
    margin: 3em 0 1em 0;
}
.style__aspectRatioIndicator___2g6Ah {
    width: 100px;
    margin-right: 1em;
    display: inline-block;
}
.style__aspectRatioIndicator___2g6Ah svg {
    margin-right: .3em;
}
.style__dimensions___snTO7 {
    display: inline-block;
    width: 225px;
    margin-left: 1em;
}
.style__dimensionsWrapper___3usex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.style__dimensionInput___2RRGm {
    width: 6em;
    display: inline-block;
}

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%; }

.ReactCrop:focus {
  outline: none; }

.ReactCrop__image {
  display: block;
  max-width: 100%; }

.ReactCrop__image-copy {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%; }

.ReactCrop__crop-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6); }

.ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  cursor: move;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.7) 50%), linear-gradient(to right, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.7) 50%), linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.7) 50%), linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.7) 50%);
  padding: 1px;
  background-size: 10px 2px, 10px 2px, 2px 10px, 2px 10px;
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  animation: marching-ants 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running; }

@keyframes marching-ants {
  0% {
    background-position: 0 0,  0 100%,  0 0,  100% 0; }
  100% {
    background-position: 40px 0, -40px 100%, 0 -40px, 100% 40px; } }

.ReactCrop__drag-handle {
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  outline: 1px solid transparent; }

.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -4px;
  margin-left: -4px;
  cursor: nw-resize; }

.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -4px;
  margin-left: -4px;
  cursor: n-resize; }

.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -4px;
  margin-right: -4px;
  cursor: ne-resize; }

.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -4px;
  margin-right: -4px;
  cursor: e-resize; }

.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  cursor: se-resize; }

.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
  cursor: s-resize; }

.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
  cursor: sw-resize; }

.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -4px;
  margin-left: -4px;
  cursor: w-resize; }

.ReactCrop__drag-bar {
  position: absolute; }

.ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -4px; }

.ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -4px; }

.ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -4px; }

.ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -4px; }

.ReactCrop-new-crop .ReactCrop__drag-bar,
.ReactCrop-new-crop .ReactCrop__drag-handle {
  display: none; }

.ReactCrop-fixed-aspect .ReactCrop__drag-handle.ord-n,
.ReactCrop-fixed-aspect .ReactCrop__drag-handle.ord-e,
.ReactCrop-fixed-aspect .ReactCrop__drag-handle.ord-s,
.ReactCrop-fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none; }

.ReactCrop-fixed-aspect .ReactCrop__drag-bar {
  display: none; }

@media (max-width: 768px) {
  .ReactCrop__drag-handle {
    width: 17px;
    height: 17px; }
  .ReactCrop .ord-nw {
    margin-top: -8px;
    margin-left: -8px; }
  .ReactCrop .ord-n {
    margin-top: -8px;
    margin-left: -8px; }
  .ReactCrop .ord-ne {
    margin-top: -8px;
    margin-right: -8px; }
  .ReactCrop .ord-e {
    margin-top: -8px;
    margin-right: -8px; }
  .ReactCrop .ord-se {
    margin-bottom: -8px;
    margin-right: -8px; }
  .ReactCrop .ord-s {
    margin-bottom: -8px;
    margin-left: -8px; }
  .ReactCrop .ord-sw {
    margin-bottom: -8px;
    margin-left: -8px; }
  .ReactCrop .ord-w {
    margin-top: -8px;
    margin-left: -8px; }
  .ReactCrop__drag-bar.ord-n {
    height: 14px;
    margin-top: -12px; }
  .ReactCrop__drag-bar.ord-e {
    width: 14px;
    margin-right: -12px; }
  .ReactCrop__drag-bar.ord-s {
    height: 14px;
    margin-bottom: -12px; }
  .ReactCrop__drag-bar.ord-w {
    width: 14px;
    margin-left: -12px; } }

.style__iframe___MJKvO {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
}

.style__iframe___2XyzO {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
}

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: -20px;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-widget {}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

.cm-s-twilight.CodeMirror { background: #141414; color: #f7f7f7; } /**/
.cm-s-twilight div.CodeMirror-selected { background: #323232; } /**/
.cm-s-twilight .CodeMirror-line::selection, .cm-s-twilight .CodeMirror-line > span::selection, .cm-s-twilight .CodeMirror-line > span > span::selection { background: rgba(50, 50, 50, 0.99); }
.cm-s-twilight .CodeMirror-line::-moz-selection, .cm-s-twilight .CodeMirror-line > span::-moz-selection, .cm-s-twilight .CodeMirror-line > span > span::-moz-selection { background: rgba(50, 50, 50, 0.99); }

.cm-s-twilight .CodeMirror-gutters { background: #222; border-right: 1px solid #aaa; }
.cm-s-twilight .CodeMirror-guttermarker { color: white; }
.cm-s-twilight .CodeMirror-guttermarker-subtle { color: #aaa; }
.cm-s-twilight .CodeMirror-linenumber { color: #aaa; }
.cm-s-twilight .CodeMirror-cursor { border-left: 1px solid white; }

.cm-s-twilight .cm-keyword { color: #f9ee98; } /**/
.cm-s-twilight .cm-atom { color: #FC0; }
.cm-s-twilight .cm-number { color:  #ca7841; } /**/
.cm-s-twilight .cm-def { color: #8DA6CE; }
.cm-s-twilight span.cm-variable-2, .cm-s-twilight span.cm-tag { color: #607392; } /**/
.cm-s-twilight span.cm-variable-3, .cm-s-twilight span.cm-def { color: #607392; } /**/
.cm-s-twilight .cm-operator { color: #cda869; } /**/
.cm-s-twilight .cm-comment { color:#777; font-style:italic; font-weight:normal; } /**/
.cm-s-twilight .cm-string { color:#8f9d6a; font-style:italic; } /**/
.cm-s-twilight .cm-string-2 { color:#bd6b18; } /*?*/
.cm-s-twilight .cm-meta { background-color:#141414; color:#f7f7f7; } /*?*/
.cm-s-twilight .cm-builtin { color: #cda869; } /*?*/
.cm-s-twilight .cm-tag { color: #997643; } /**/
.cm-s-twilight .cm-attribute { color: #d6bb6d; } /*?*/
.cm-s-twilight .cm-header { color: #FF6400; }
.cm-s-twilight .cm-hr { color: #AEAEAE; }
.cm-s-twilight .cm-link { color:#ad9361; font-style:italic; text-decoration:none; } /**/
.cm-s-twilight .cm-error { border-bottom: 1px solid red; }

.cm-s-twilight .CodeMirror-activeline-background { background: #27282E; }
.cm-s-twilight .CodeMirror-matchingbracket { outline:1px solid grey; color:white !important; }

.style__widget___11ObM {
    background-color: #323232;
}

.style__header___8AuAg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #222;
    padding: 0 16px;
    line-height: 40px;
}

.style__body___1fd8Q {
    padding: 16px;
}

.style__label___1xeFS {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.style__subtitle___3ZDnO {
    color: #adadad;
    text-align: right;
}

.style__warnIcon___1gW7J {
    color: #ff8700;
}

.style__markHoveredNodeAsHovered___cRNRV {
    outline-offset: 10px;
    outline: 2px solid rgba(0,0,0, .2);
}
.style__markHiddenNodeAsHidden___3Tdvw {
    opacity: .3;
}
.style__addEmptyContentCollectionOverlay___2cOs0 {
    height: 20px;
    width: 100%;
    outline: 2px solid #adadad;
}
.style__markActiveNodeAsFocused--focusedNode___2G2se {
    outline-offset: 10px;
    outline: 2px solid #00ADEE;
}
.neos-contentelement-shine-through:hover.style__markHoveredNodeAsHovered___cRNRV {
    outline-color: #ff8700;
}
.neos-contentelement-shine-through.style__markActiveNodeAsFocused--focusedNode___2G2se {
    outline-color: #ff8700;
}
.neos-inline-editable:focus {
    outline: none;
}
[data-neos-inline-editor-is-initialized]:hover {
    outline-offset: 5px;
    outline: 2px dashed #00ADEE;
}
.style__notInlineEditableOverlay___9Lzv1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-size: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, .1)), color-stop(rgba(50, 50, 50, .2)), to(rgba(50, 50, 50, .1)));
    background-image: linear-gradient(to bottom, rgba(50, 50, 50, .1), rgba(50, 50, 50, .2), rgba(50, 50, 50, .1));
}
.ck-content .table table td {
    padding: 5px;
    border: 1px solid gray;
}
body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
body::-webkit-scrollbar-track {
    background-color: #141414 !important;
}

.style__flashMessage___1KVsF {
    color: white;
    font-size: 14px;
    position: relative;
    width: 512px;
    margin: 0 auto 4px;
    word-wrap: break-word;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 0 14px rgba(0,0,0, .15);
            box-shadow: 0 0 14px rgba(0,0,0, .15);
}

.style__flashMessage--success___3KYoa {
    background-color: #00a338;
}

.style__flashMessage--error___QT1Aq {
    background-color: #ff460d;
}

.style__flashMessage--info___1o28I {
    background-color: #00ADEE;
}

.style__flashMessage__icon___12yMh {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    line-height: 40px;
    width: 40px !important;
    text-align: center;
    font-size: 16px;
    padding: 0 calc((40px - 1em)/2);
    margin: 0;
    vertical-align: text-top;
    border-right: 1px solid rgba(255,255,255, .3);
}

.style__flashMessage__heading___3o2dj {
    padding: 12px 49px 12px;
    margin-bottom: 0;
    color: white;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.style__flashMessage__btnClose___2zRBq {
    position: absolute;
    right: 0;
    top: 0;
}

.style__flashMessageContainer___o2r5- {
    position: fixed;
    z-index: 6;
    top: 0;
    left: 50%;
    width: 512px;
    padding-top: 8px;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}

    .style__flashMessageContainer___o2r5-:empty {
        display: none;
    }

.style__modalTitle___1PUpg {
    margin-left: 16px;
}
.style__modalContents___3xZ0S {
    padding: 16px;
}
.style__buttonIcon___3zycs {
    margin-right: 8px;
}

.style__modalTitle___33Lzc {
    margin-left: 16px;
}
.style__modalContents___1zQy0 {
    padding: 16px;
}
.style__buttonIcon___3aKr5 {
    margin-right: 8px;
}

.style__root___1m0We {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

@media(max-width: 720px) {

.style__label___1VsrG {
        display: none
}
    }

.style__buttonGroup___1SlhT {
    margin-left: 4px;
}

.style__buttonGroup___1SlhT > button:first-child {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }

.style__buttonGroup___1SlhT > button:last-child {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

.style__modalTitle___M4cdz {
    margin-left: 16px;
}
.style__modalContents___2yH5W {
    padding: 16px;
}
.style__applyBtn___sAeF5 {
    background: #00a338 !important;
}

.style__nodeType___2Bm7H {
    width: calc(100% / 6);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    padding: 1px;
}

    .style__nodeType___2Bm7H:hover button {
            background-color: #00ADEE;
        }

@media (max-width: 992px) {
    .style__nodeType___2Bm7H {
        width: calc(100% / 4);
    }
}

@media (max-width: 768px) {
    .style__nodeType___2Bm7H {
        width: calc(100% / 3);
    }
}

@media (max-width: 576px) {
    .style__nodeType___2Bm7H {
        width: calc(100% / 2);
    }
}

.style__nodeType__toolTip___3vvOv {
    top: 40px;
}

.style__nodeType__iconWrapper___IXw9O {
    display: block;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 8px;
}

.style__nodeType__icon___25w2d {
    color: #FFF;
}

.style__nodeType__item___1XIA4 {
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: auto;
    padding: 16px;
    background: #323232;
    border-radius: 2px;
    position: relative;
}

.style__nodeType__helpIcon___2DAjs {
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
    min-width: 24px;
    width: 24px;
    height: 24px;
    opacity: .5;
    background: transparent;
}

.style__nodeType__helpIcon___2DAjs:hover {
        opacity: 1;
    }

.style__nodeType__helpIcon___2DAjs:focus {
        outline: none;
    }

.style__helpMessage__wrapper___376iY {
    position: relative;
    width: 100%;
    clear: right;
    margin-top: 8px;
}

.style__helpMessage___296Nj {
    background-color: #141414;
    padding: 16px;
    border-radius: 2px;
    margin: 1px;
    position: relative;
}

.style__helpMessage__label___12XY0 {
    display: block;
    margin-bottom: 8px;
}

.style__helpMessage__closeButton___32Vya {
    position: absolute;
    right: 1px;
    top: 1px;
    background-color: transparent;
}

.style__helpThumbnail___IZZEz {
    float: right;
    max-width: 342px;
    margin-bottom: 16px;
    margin-left: 16px;
}

/* TODO: refactor such typography things to Headline component */

.style__groupHeader___5Ceyu {
    border-top: 1px solid #3f3f3f;
}

.style__groupTitle___2rtQ4 {
    color: #FFF;
    line-height: 1.2;
    font-weight: bold;
}

.style__groupContents___11txw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 16px !important;
    padding-top: 0 !important;
}

.style__nodeTypeDialogHeader___2nvTz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
}

.style__nodeTypeDialogHeader__filter___8hPYR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.style__nodeTypeFilter__label___1xllr {
    margin-right: 8px;
}

.style__noMatchesFound___3eZKS {
    width: 100%;
    padding: 16px;
    background: #141414;
    border-radius: 2px;
    color: #999;
}

.style__noMatchesFound___3eZKS svg {
        color: #999;
    }

.style__body___3gZjN {
    padding: 16px;
}
.style__editor___1_xsB {
    margin-bottom: 16px;
}
.style__buttonIcon___IttQA {
    margin-right: 8px;
}

.style__body___3KGB_ {
    padding: 16px;
}

.style__editor___1Eiiy {
    margin-bottom: 16px;
}

.style__modalContents___1lbqX {
    padding: 0 16px 16px 16px;
    color: #adadad;
}

.style__modalContents___pBNI6 {
    padding: 16px;
}
.style__inputFieldWrapper___11FNr {
    margin-bottom: 8px;
}
.style__loginButton___1nLYF {
    width: 100%;
}

.style__keyboardShortcutIntroText___BPDey {
    padding: 8px 16px;
}

.style__keyboardShortcutList___39h93 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.style__keyboardShortcut___2-d8h {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: calc(100% / 2);
    border-bottom: 1px solid #3f3f3f;
    border-right: 1px solid #3f3f3f;
    padding: 8px 16px;
    font-size: 14px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    vertical-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.style__keyboardShortcut__keys___12iGG {
    background-color: #323232;
    font-weight: bold;
    padding: 8px;
    text-align: center;
    width: 60px;
    margin-left: 16px;
}

.style__modalTitle___C_B2_ {
    margin-left: 16px;
}
.style__modalContents___39SEC {
    padding: 16px;
}
.style__discardButton___iqH-t {
    margin-left: 0;
}
.style__buttonIcon___3Gp7q {
    margin-right: 8px;
}

.style__primaryToolbar___15S1o {

    z-index: 4;
}
    .style__primaryToolbar___15S1o:before,
    .style__primaryToolbar___15S1o:after {
        content: '';
        display: table;
    }
    .style__primaryToolbar___15S1o:after {
        clear: both;
    }
.style__primaryToolbar--isHidden___3dG-_ {
    display: none;
}
.style__primaryToolbar__rightSidedActions___1n0Qu {
    position: absolute;
    right: 0;
    top: 0;
}

.style__wrapper___2kjbh {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.style__dropDown___2EKkm {
    position: static;
    display: block;
}
.style__dropDown__btn___2rYJF {
    position: relative;
    height: 40px;
    border: 0;
    background-color: #222;
    text-align: right;
}
.style__dropDown__btn___2rYJF:hover {
        color: #00ADEE;
    }
.style__dropDown__btnIcon___3Whrm {
    margin-right: .5em;
}
@media(max-width: 768px) {
.style__dropDown__userName___3Pfx4 {
        display: none
}
    }
.style__dropDown__contents___3DKZa {
    position: relative;
    min-width: 160px;
    padding: 2px !important;
    margin-top: -2px;
    background: #222;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
            box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
}
@media(max-width: 768px) {
.style__dropDown__contents___3DKZa {
        position: absolute;
        min-width: 240px;
        top: 40px;
        left: 0;
        margin-top: 0
}
    }
.style__dropDown__item___1oU7u {
    height: 40px;
    border-top: 1px solid #222;
    background: #141414;
}
.style__dropDown__item___1oU7u:hover {
        background: #00ADEE;
    }
.style__dropDown__item___1oU7u > a {
        display: block;
        width: 100%;
        border: 0;
        padding: 0 16px;
        background: 0;
        color: #FFF;
        cursor: pointer;
        text-decoration: none;
        line-height: 40px;
        text-align: left;
    }
.style__dropDown__item___1oU7u button {
        display: block;
        width: 100%;
        border: 0;
        padding: 0 16px;
        background: 0;
        color: #FFF;
        cursor: pointer;
        text-decoration: none;
        line-height: 40px;
        text-align: left;
    }
.style__dropDown__itemIcon___f52eR {
    margin-right: .5em;
}

.style__btn___2K7jN {
    display: inline-block;
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
    border: 0;
    background: #00a338;
    text-align: center;
    vertical-align: top;
    color: white;
    cursor: pointer;
}
.style__btn--disabled___2Q6NK {
    opacity: .5;
}
.style__btn--notAllowed___2ZTOo[disabled] {
        cursor: not-allowed;
    }
.style__btn--highlighted___10FuU {
    background: #ff8700;
}
.style__btn--highlighted___10FuU:hover {
        background: #fda23d;
    }

.style__selectBox___182ST {
    border-radius: 0;
}
.style__notAllowed___1k9Ir {
    padding: 12px 16px;
    cursor: not-allowed;
    opacity: .5;
}

.style__wrapper___2d4pM {
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding-right: 47px;
    height: 40px;
}

.style__publishBtn___2VFIB {
    min-width: 212px;
}

@media(max-width: 768px) {

.style__publishBtn___2VFIB {
        min-width: auto
}
    }

.style__dropDown___1u7rB {
    position: static;
    width: auto;
}

.style__dropDown__contents___1s2Hk {
    padding: 2px !important;
    background: #00a338;
}

.style__dropDown__btn___2s6A7 {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: auto;
    height: 40px;
    padding: 0 30px 0 16px;
    border: 0;
    border-radius: 0;
    line-height: 40px;
    background: #00a338;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
}

.style__dropDown__iconWrapper___3mNb5 {
    width: 2em;
    display: inline-block;
    text-align: center;
    margin-left: -5px;
    margin-right: 5px;
}

.style__dropDown__item___3GbLY {
    position: relative;
    border-top: 1px solid #222;
    background: #141414;
}

.style__dropDown__item___3GbLY:hover {
        background: #00ADEE;
    }

.style__dropDown__item___3GbLY:hover .style__badge___34ARD {
            color: #00ADEE;
        }

.style__dropDown__item___3GbLY > label {
        margin-bottom: 0;
    }

.style__dropDown__item___3GbLY > a {
        display: block;
        width: 100%;
        border: 0;
        padding: 0 16px;
        background: 0;
        color: #FFF;
        text-decoration: none;
        line-height: 40px;
        text-align: left;
    }

.style__dropDown__item___3GbLY > a > svg,
        .style__dropDown__item___3GbLY > a > input {
            margin-right: .5em;
        }

.style__dropDown__item___3GbLY > label {
        display: block;
        width: 100%;
        border: 0;
        padding: 0 16px;
        background: 0;
        color: #FFF;
        text-decoration: none;
        line-height: 40px;
        text-align: left;
    }

.style__dropDown__item___3GbLY > label > svg,
        .style__dropDown__item___3GbLY > label > input {
            margin-right: .5em;
        }

.style__dropDown__item___3GbLY > button {
        display: block;
        width: 100%;
        border: 0;
        padding: 0 16px;
        background: 0;
        color: #FFF;
        text-decoration: none;
        line-height: 40px;
        text-align: left;
    }

.style__dropDown__item___3GbLY > button > svg,
        .style__dropDown__item___3GbLY > button > input {
            margin-right: .5em;
        }

.style__dropDown__item___3GbLY .style__badge___34ARD {
        position: absolute;
        top: 0;
        right: 0;
        margin: 11px 16px;
        color: #000;
    }

.style__dropDown__item--noHover___3QoJ9:hover {
    background: #222;
}

.style__dropDown__item--disabled___1-KtJ {
    opacity: .5;
}

.style__dropDown__item--disabled___1-KtJ,
    .style__dropDown__item--disabled___1-KtJ > button[disabled] {
        cursor: not-allowed;
    }

.style__dropDown__item--canPublish___fD6Pk {
    background: #ff8700;
}

.style__dropDown__item--canPublish___fD6Pk:hover {
        background: #fda23d;
    }

.style__dropDown__item--canPublish___fD6Pk + .style__dropDown__contents___1s2Hk {
        background: #ff8700;
    }

.style__dropDown__item--isPublishing___PXkl- {
    background: #ff8700;
    opacity: .5;
}

.style__dropDown__item--isSaving___YyJdt {
    background: #ff8700;
    opacity: .5;
}

.style__dropDown__item--isDiscarding___2vnQc {
    opacity: .5;
}

.style__badge___34ARD {
    margin-left: 8px;
}

.style__menuToggler___1tnQq:focus {
        outline: 0;
    }

.style__menuToggler--isActive____dC1Y {
    color: #FFF;
}

.style__menuToggler--isActive____dC1Y .style__menuToggler__icon___mrSCk {
        color: #00ADEE;
    }

.style__menuToggler--isActive____dC1Y .style__menuToggler__icon___mrSCk:hover {
            color: #00ADEE;
        }

.style__menuToggler--isActive____dC1Y .style__menuToggler__icon___mrSCk:focus {
            color: #00ADEE;
        }

.style__menuToggler__icon___mrSCk {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 34px;
}

.style__menuToggler__icon___mrSCk:before,
    .style__menuToggler__icon___mrSCk:after {
        position: absolute;
        left: 0;
        display: block;
        width: 100%;
        height: 3px;
        border-color: currentColor;
    }

.style__menuToggler__icon___mrSCk:before {
        top: 10px;
        border-top: 3px solid;
        border-bottom: 3px solid;
        content: '';
    }

.style__menuToggler__icon___mrSCk:after {
        top: 22px;
        background-color: currentColor;
        content: '';
    }

.style__menuToggler__icon___mrSCk:hover {
        text-decoration: none;
        color: #00ADEE;
    }

.style__wrapper___1KTM4 {
    position: relative;
    display: inline-block;
    padding: 8px 1px; /* 1px to prevent spacing issue */
    vertical-align: top;
}

    @media(max-width: 576px) {

    .style__wrapper___1KTM4 {
        display: none
}
    }

.style__btn___4AP2q {
    vertical-align: top;
    border-right: 1px solid #3f3f3f;
    border-left: 1px solid #3f3f3f;
}

    .style__btn___4AP2q:focus {
        outline: none;
    }

    @media(max-width: 768px) {

    .style__btn___4AP2q {
        display: none
}
    }

.style__btn--isActive___3kb2- {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
    padding-bottom: 2px;
    color: #00ADEE;
    background-color: #141414;
}

.style__editModePanel___s4KDK {
    position: fixed;
    top: 41px; /*-70px;*/
    left: 0;
    padding: 0 370px; /*leave some space for slider button --size-SidebarWidth + 50px*/
    width: 100%;
    height: 110px;
    background: #141414;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    will-change: padding;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
}
.style__editModePanel__wrapper___3tSjE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: 2rem;
}
.style__editModePanel--isFringeLeft___2ePEI {
    padding-left: 46px;
}
.style__editModePanel--isFringeRight___yMwjg {
    padding-right: 40px;
}
.style__editModePanel--isHidden___2GCN5 {
    display: none;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
}
.style__editModePanel__previewModes___UuAGh,
.style__editModePanel__editingModes___1mO9a {
    width: 50%;
    margin-right: 2rem;
}
.style__editModePanel__buttonWrapper___IMmdX {
    margin-right: 1rem;
    white-space: nowrap;
}
.style__editModePanel__current___QNqy1 {
    color: #00ADEE;
}

.style__secondaryToolbar___1MGlE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 41px;
    left: 0;
    padding: 0 320px;
    width: 100%;
    height: 41px;
    background: #141414;
    will-change: padding;
    border-bottom: 1px solid #3f3f3f;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}
.style__secondaryToolbar--isMovedDown___32EFe {
    -webkit-transform: translateY(110px);
            transform: translateY(110px); /* height of EditModePanel - 41px added */
}
.style__secondaryToolbar--isFringeLeft___37_ab {
    padding-left: 46px;
}
.style__secondaryToolbar--isFringeRight___2eh9E {
    padding-right: 46px;
}
.style__secondaryToolbar--fullScreen___2uy3_ {
    top: 0;
    padding: 0 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.style__secondaryToolbar__rightHandedActions___2qKvW {
    margin-left: auto;
}
.style__dimensionCategory__icon___2LrgA {
    margin-right: .5em;
}

.style__dropDown___3dyGn {
    max-width: 352px;
    border-right: 1px solid #3f3f3f;
}
.style__dropDown__btnIcon___19b3J {
    margin-right: .5em;
}
.style__cancelButton___5sROF {
    margin-right: 4px !important;
}
.style__dimensionLabel___3aCBZ {
    margin-top: 8px;
    margin-bottom: 4px;
}
.style__buttonGroup___38j-g {
    text-align: right;
    margin-top: 8px;
}
.style__selectPreset___3Nwfm {
    margin-right: 16px;
}
.style__dimmed___20oyc {
    -webkit-filter: opacity(50%);
            filter: opacity(50%);
}

.style__loadingIndicator__container___1yhsy {
    left: 0;
    top: 0;
    height: 2px;
    position: absolute;
    width: 100vw;
    z-index: 5;
}

.style__loadingIndicator___1WGcs {
    height: 2px;
    position: relative;
    width: 100%;
}

.style__loadingIndicator__bar___2sQ1u {
    height: 100%;
    position: relative;
    background-color: #ff8700;
    -webkit-animation: style__cssload-width___1HiBF 2s cubic-bezier(.45, 0, 1, 1) infinite;
            animation: style__cssload-width___1HiBF 2s cubic-bezier(.45, 0, 1, 1) infinite;
}

@-webkit-keyframes style__cssload-width___1HiBF {
    0%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(1, 0, .65, .85);
                transition-timing-function: cubic-bezier(1, 0, .65, .85);
    }
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes style__cssload-width___1HiBF {
    0%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(1, 0, .65, .85);
                transition-timing-function: cubic-bezier(1, 0, .65, .85);
    }
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

.style__secondaryToolbar__buttonLink___272lF {
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    padding: 0;
    border: 0;
    -webkit-font-smoothing: antialiased;
    vertical-align: top;
    width: 40px;
    color: #FFF;
    text-align: center;
    background: transparent;
}

    .style__secondaryToolbar__buttonLink___272lF:focus {
        outline: unset;
    }

a.style__secondaryToolbar__buttonLink___272lF:hover {
    background: #00ADEE;
}

.style__secondaryToolbar__buttonLink--isDisabled___3TOfd {
    opacity: .5;
}

.style__fullScreenClose___3ulIk {
    background-color: #00ADEE;
}

.style__drawer___1JteR {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    top: calc(40px + 1px);
    left: 0;
    z-index: 1;
    height: calc(100% - calc(40px + 1px));
    width: 320px;
    background: #222;
    -webkit-transition: .25s ease transform;
    transition: .25s ease transform;
    overflow: scroll;
}
.style__drawer--isHidden___q6sjz {
    -webkit-transform: translateX(-320px);
            transform: translateX(-320px);
}
.style__drawer__menuItemGroupsWrapper___b-3kS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-y: auto;
    padding-bottom: calc(40px + 1px);
}
.style__drawer__menuItem___VmZHT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-top: 1px solid #3f3f3f;
    cursor: pointer;
}
.style__drawer__menuItem___VmZHT:first-child {
        border-top: 0;
    }
.style__drawer__menuItemGroupBtn___1KTQK,
.style__drawer__menuItemBtn___25Hgm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 0;
    text-align: left;
    font-size: 15px;
}
/* Set an explicit width for the icons so that the chars are starting */
/* on the same place for every MenuItem */
.style__drawer__menuItemGroupBtn___1KTQK svg,
.style__drawer__menuItemBtn___25Hgm svg{
    width: 2em !important;
}
.style__drawer__menuItemGroupBtn___1KTQK {
    font-weight: 700;
}
.style__drawer__version___32tQx {
    color: #999;
    padding: 16px;
    margin-top: auto;
}

.style__leftSideBar___2qCob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    background: #141414;
    padding-top: 41px;
    -webkit-transition: .25s ease transform;
    transition: .25s ease transform;
    will-change: transform;
}

    .style__leftSideBar___2qCob:before,
    .style__leftSideBar___2qCob:after {
        content: '';
        display: table;
    }

    .style__leftSideBar___2qCob:after {
        clear: both;
    }

    @media(max-width: 576px) {

    .style__leftSideBar___2qCob {
        width: 100%
}
    }

.style__leftSideBar--isHidden___3lOmF {
    -webkit-transform: translateX(-320px);
            transform: translateX(-320px);
}

@media(max-width: 576px) {

.style__leftSideBar--isHidden___3lOmF {
        -webkit-transform: translateX(-576px);
                transform: translateX(-576px)
}
    }

.style__leftSideBar__top___3hY-V {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 40px;
    margin-right: 4px;
}

.style__leftSideBar__bottom___3FJcQ {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    -webkit-transition: height .25s, overflow-y .25s, -webkit-flex-basis .25s;
    transition: height .25s, overflow-y .25s, -webkit-flex-basis .25s;
    transition: flex-basis .25s, height .25s, overflow-y .25s;
    transition: flex-basis .25s, height .25s, overflow-y .25s, -webkit-flex-basis .25s, -ms-flex-preferred-size .25s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 40px;
    margin-right: 4px;
}

.style__leftSideBar__bottom--isCollapsed___fR02r {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    overflow-y: hidden;
}

.style__leftSideBar__toggleBtn___3Bh-D {
    width: 46px;
    position: absolute!important;
    left: 0;
    top: 41px;
    border: none;
    background: #141414;
    -webkit-transition: .25s  ease transform;
    transition: .25s  ease transform;
    will-change: transform;
}

.style__leftSideBar--isHidden___3lOmF .style__leftSideBar__toggleBtn___3Bh-D {
        -webkit-transform: translateX(320px);
                transform: translateX(320px);
    }

@media(max-width: 576px) {

.style__leftSideBar--isHidden___3lOmF .style__leftSideBar__toggleBtn___3Bh-D {
            -webkit-transform: translateX(576px);
                    transform: translateX(576px)
    }
        }

.style__leftSideBar__header___2Tosu {
    height: 41px;
    padding-left: 55px;
    line-height: 40px;
    font-weight: bold;
    background: #141414;
}

@-webkit-keyframes style__spin___25f_H {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes style__spin___25f_H {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.style__spinning___Qi6ga i {
    -webkit-animation: style__spin___25f_H 2s infinite linear;
            animation: style__spin___25f_H 2s infinite linear;
}

.style__toggleBtn___3Orxb {
    background: #141414;
    width: 46px;
}
.style__toggleLabel___1ti_m {
    line-height: 40px;
    font-weight: bold;
    padding-left: 9px;
}

.style__toolBar___36acp {
    border-top: 1px solid #3f3f3f;
    border-bottom: 1px solid #3f3f3f;
    border-right: 1px solid #3f3f3f;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    background: #222;
}
.style__toolBar__btnGroup___3Qn-l:before,
    .style__toolBar__btnGroup___3Qn-l:after {
        content: '';
        display: table;
    }
.style__toolBar__btnGroup___3Qn-l:after {
        clear: both;
    }
.style__toolBar__btnGroup__btn___3A1Nd {
    float: left;
    width: 40px;
}

.style__pageTree___1vfOV {
    overflow-y: auto;
    /* Node Tree is expected to be rendered inside a display: flex container - and it will take up all remaining space */
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0px;
    -webkit-transition: .5s ease height, overflow-y .5s;
    transition: .5s ease height, overflow-y .5s;
    background: #222;
    border-bottom: 1px solid #3f3f3f;
    border-right: 1px solid #3f3f3f;
}
.style__loader___4ePtl {
    margin: 4px;
}

.style__searchInput___jsas5 input {
        /* magic number, sorry */
        padding-left: 40px;
        border-radius: 0;
    }

        .style__searchInput___jsas5 input:focus {
            background: #3f3f3f;
            color: #FFF;
        }

.style__clearButton___2f14Z {
    background: transparent;
}

.style__hidden___FOux3 {
    display: none;
}

.style__placeholderIcon___1xPcj {
    position: absolute;
    left: 16px;
    height: 40px;
}

.style__wrapper___2JsDe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: 1px solid #3f3f3f;
    position: relative;
    width: calc((320px / 2) - 4px);
}

.style__wrapper--focused___3ec9H .style__clearButton___2f14Z {
        background: #3f3f3f;
    }

.style__searchBar___1g7lz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(40px * 4);
}

.style__searchBar__clearButton___2oQbY {
    background: #323232;
}

.style__searchBar__clearButton--focused___14dGy {
    background: white;
}

.style__searchBar__clearButton--focused___14dGy > i {
    color: #323232;
}

.style__searchWrapper___2peny {
    position: relative;
}
.style__searchBar___1ioc- {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(40px - 2px);
            flex: 0 0 calc(40px - 2px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 0;
    border-bottom: 1px solid #3f3f3f;
    border-right: 1px solid #3f3f3f;
    background-color: #323232;
}
.style__searchToggleButton___2Vid_ {
    position: absolute;
    top: -41px;
    right: 1px;
    width: 32px;
    min-width: 32px;
    height: 40px;
    border-left: 1px solid #3f3f3f;
}
.style__searchToggleButton___2Vid_:focus {
        outline: none;
    }
.style__searchToggleButton--active___3hLcH {
    height: 41px;
    background: #323232;
}

.style__contentCanvas___3a_4z {
    position: relative;
    float: left;
    height: 100%;
    width: 100%;
    padding: 82px 320px 0;
    -webkit-transition: .25s  ease padding;
    transition: .25s  ease padding;
    will-change: padding;
    background-color: #222;
}

    .style__contentCanvas___3a_4z::after {
        content: '';
        position: absolute;
    }

.style__contentCanvas--isFringeLeft___252It {
    padding-left: 0;
}

.style__contentCanvas--isFringeRight___1s4o5 {
    padding-right: 0;
}

.style__contentCanvas--isMovedDown___Psbhw {
    padding-top: 192px; /* height of EditModePanel added */
}

.style__contentCanvas--isFullScreen___2UVnV {
    padding: 40px 0 0 0;
}

.style__contentCanvas--isHidden___31sha::after {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: white;
    }

.style__contentCanvas__itemWrapper___2dtHh {
    width: 100%;
    height: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: .25s  ease width, .25s  ease height;
    transition: .25s  ease width, .25s  ease height;
}

.style__contentCanvas__contents___23sBI {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
}

.style__rightSideBar___2I7-m {
    padding-top: 41px;
    padding-bottom: 41px;
    -webkit-transition: .25s  ease transform;
    transition: .25s  ease transform;
    background: #141414;
}

    .style__rightSideBar___2I7-m:before,
    .style__rightSideBar___2I7-m:after {
        content: '';
        display: table;
    }

    .style__rightSideBar___2I7-m:after {
        clear: both;
    }

    @media(max-width: 576px) {

    .style__rightSideBar___2I7-m {
        width: 100%
}
    }
.style__rightSideBar--isHidden___pa_ce {
    -webkit-transform: translateX(320px);
            transform: translateX(320px);
}
@media(max-width: 576px) {
.style__rightSideBar--isHidden___pa_ce {
        -webkit-transform: translateX(576px);
                transform: translateX(576px)
}
    }
.style__rightSideBar__toggleBtn___36Rba {
    width: 46px;
    position: absolute!important;
    right: 0;
    top: 41px;
    border: none;
    background: #141414;
    -webkit-transition: .25s  ease transform;
    transition: .25s  ease transform;
    will-change: transform;
}
.style__rightSideBar--isHidden___pa_ce .style__rightSideBar__toggleBtn___36Rba {
        -webkit-transform: translateX(-320px);
                transform: translateX(-320px);
    }
@media(max-width: 576px) {
.style__rightSideBar--isHidden___pa_ce .style__rightSideBar__toggleBtn___36Rba {
            -webkit-transform: translateX(-576px);
                    transform: translateX(-576px)
    }
        }
.style__rightSideBar__section___2LmQG {
    border-bottom: 1px solid #3f3f3f;
}
.style__rightSideBar__header___2Cuvv {
    background: #141414;
    margin-left: 4px;
}

.style__secondaryInspector___Frwci {
    position: absolute;
    top: 82px;
    right: 320px;
    left: 320px;
    background: #222;
    height: calc(100% - 82px);
    border: 1px solid #3f3f3f;
    border-bottom-width: 0;
    -webkit-transition: .25s  ease left, .25s  ease right;
    transition: .25s  ease left, .25s  ease right;
    will-change: left, right;
}
.style__secondaryInspector--isFringeLeft___363hA {
    left: 0;
}
.style__secondaryInspector--isFringeRight___283nE {
    right: 0;
}
.style__secondaryInspector--isElevated___1XAkJ {
    z-index: 1;
}
.style__secondaryInspector___Frwci .style__close___2hLC8 {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 18px;
    border-right-width: 0;
    border-top-width: 0;
    z-index: 3;
}

.style__label___V4oT8 {
    width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    padding: 0 40px 0 16px;
    height: 40px;
    margin: 0;
    line-height: 40px;
    font-weight: bold;
    font-size: 14px;
}

    .style__label___V4oT8 span {
        display: inline-block;
        margin-left: .1em;
    }

.style__content___1UUzH {
    padding: 0 16px 16px;
}

.style__iconWrapper___Cc9Sk {
    width: 2em;
    display: inline-block;
    text-align: center;
    margin-left: -5px;
}

.style__wrap___2Dm7K {
    padding-bottom: 16px;
}

.style__wrap___1PlJd {
    padding-bottom: 16px;
}

.style__propertyGroupLabel___3dg-u {
    width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    padding: 0 40px 0 16px;
}

.style__iconWrapper___2FyWp {
    width: 2em;
    display: inline-block;
    text-align: center;
    margin-left: -5px;
}

.style__inspectorTabPanel___2z7Yl {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    background: #222;
}

.style__inspector___1yy6N {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.style__actions___218tc {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid #3f3f3f;
    left: 4px;
    right: 0;
    bottom: 0;
}
.style__discardButton___15Eao,
.style__publishButton___t1dLo {
    width: 100%;
    text-align: center;
}
.style__publishButton___t1dLo {
    background: #00a338 !important;
}
.style__publishButton___t1dLo:hover {
        background: #0bb344 !important;
    }
.style__tabs___1OALF {
    margin-left: 4px;
    border-left: 1px solid #3f3f3f;
    background: #222;
}
.style__tabsContent___VHosW > div {
    height: 100%;
}
.style__unappliedChangesOverlay___3pQ9T {
    left: 0;
    width: calc(100% - 320px);
    height: 100%;
    z-index: 1;
    -webkit-filter: blur(5px);
            filter: blur(5px);
}
.style__unappliedChangesOverlay___3pQ9T,
    .style__unappliedChangesOverlay___3pQ9T::after {
        position: fixed;
        top: 0;
        background-color: transparent;
    }
.style__unappliedChangesOverlay___3pQ9T::after {
        content: '';
        top: 0;
        right: 0;
        height: 40px;
        width: 320px;
    }
.style__loader___2OI4F {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
}

.style__nodeInfoView___hHq-3 {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .style__nodeInfoView__item___2yWhP {
        background-color: #141414;
        padding: 8px 12px;
        margin-bottom: 1px;
        line-height: 20px;
        min-height: 20px;
    }

    .style__nodeInfoView__item___2yWhP:first-child {
            border-top-left-radius: 2px;
            border-top-right-radius: 2px;
        }

    .style__nodeInfoView__item___2yWhP:last-child {
            border-bottom: none;
            border-bottom-left-radius: 2px;
            border-bottom-right-radius: 2px;
        }

    .style__nodeInfoView__title___197w4 {
        font-weight: bold;
    }

    .style__nodeInfoView__content___gohJo {
        font-size: 13px;
        color: #999;
    }

.style__columnsWrap___1qEOJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hero__hero___1x8G9 {
    line-height: 54px;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hero__hero__value___2VU_o {
    font-size: 54px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.hero__hero__label___8JsnZ {
    color: #adadad;
    margin-left: 8px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: right;
}

.column__column___1w3OY {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.column__column__value___3Vyp9 {
    font-size: 20px;
}

.column__column__label___1NrbF {
    color: #adadad;
    text-align: right;
}

.style__table___3-F55 {
    width: 100%;
}
.style__column___9n53l {
    padding-right: 8px;
}
.style__icon___1L9SM {
    padding-right: 4px;
}

.style__toolBar___2kVaR {
    position: absolute;
    background: #222;
    z-index: 2147483646;
    margin: -2px 5px 0 5px;
    border: 2px solid #00ADEE;
    border-bottom: 0;
    -webkit-transition: .1s margin;
    transition: .1s margin;
}
.style__toolBar__btnGroup___a36xF:before,
    .style__toolBar__btnGroup___a36xF:after {
        content: '';
        display: table;
    }
.style__toolBar__btnGroup___a36xF:after {
        clear: both;
    }
.style__toolBar__btnGroup__btn___2PFz3 {
    float: left;
}
.style__toolBar__btnGroup__btn___2PFz3:hover {
        background-color: #00ADEE;
    }
.style__toolBar__btnGroup__btn___2PFz3 svg {
        width: 1em;
    }
.style__toolBar--isHidden___3H_AQ {
    display: none;
}
.style__toolBar--isSticky___I8Ouj {
    position: fixed;
    top: 0!important;
    margin-top: 5px;
    border-bottom: 2px solid #00ADEE;
}
.style__toolBar--isBlurred___3KnK1 {
    display: none;
}

.style__inlineUi___3GJLs {
    color: #fff;
}

.style__inlineUi___3GJLs a {
    color: #fff;
}

.style__border___1iIdt {
    border: 2px solid #ff460d;
    position: absolute;
    pointer-events: none;
}

.style__tooltip___2x1za {
    position: absolute;
}

.style__toolBar__btnGroup___1k5Cj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .style__toolBar__btnGroup___1k5Cj:before,
    .style__toolBar__btnGroup___1k5Cj:after {
        content: '';
        display: table;
    }

    .style__toolBar__btnGroup___1k5Cj:after {
        clear: both;
    }
.style__toolBar__btnGroup__btn___359OB {
    float: left;
}
.style__linkIconButton__flyout___18VmI {
    position: fixed;
    z-index: 1;
    width: 460px;
    border: 8px solid #222;
    line-height: 0;
}
.style__linkIconButton__item___otnn7 {
    padding: 8px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: calc(40px * 1.5);
    line-height: 20px;
}
.style__linkIconButton__link___WRy2S {
    color: #999;
    display: block;
    font-size: 12px;
}
.style__linkIconButton__image___2W1YO {
    height: calc(40px * 1.5);
    width: auto;
    float: right;
}
.style__linkIconButton__link--active___2w3TJ {
    color: #fff;
}

.index__toolBar__btnGroup___P0J6R {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .index__toolBar__btnGroup___P0J6R:before,
    .index__toolBar__btnGroup___P0J6R:after {
        content: '';
        display: table;
    }

    .index__toolBar__btnGroup___P0J6R:after {
        clear: both;
    }

.index__toolBar__btnGroup__btn___2S64F {
    float: left;
}

.LinkButton__linkButton__flyout___2d0Rm {
    background-color: #222;
    position: fixed;
    z-index: 1;
    width: 460px;
    border: 8px solid #222;
}

.TableButton__tableCreationGrid___2FeDB {
    background-color: #222;
    padding: 10px;
}
.TableButton__tableCreationGrid__row___35wuV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.TableButton__tableCreationGrid__cell___utdWN {
    width: 10px;
    height: 9px;
    margin: 1px;
    border: 1px solid #FFF;
    border-radius: 1px;
    cursor: pointer;
}
.TableButton__tableCreationGrid__cell--active___2ZADM {
    background-color: #00ADEE;
}
.TableButton__tableCreationGrid__display___3uG3g {
    text-align: center;
}

/* This CSS code was extracted by hand from CKE build and some colors were altered.
 It's not worth to set up proper CKE theme build as we only need this code for the table feature currently.
 Feel free to remove it and setup a proper CKE styles build together with a custom theme. */

.ck-hidden{
    display:none!important
}

:root{
    --ck-color-base-foreground:#fafafa;
    --ck-color-base-background:#fff;
    --ck-color-base-border:#c4c4c4;
    --ck-color-base-action:#61b045;
    --ck-color-base-focus:#6cb5f9;
    --ck-color-base-text:#333;
    --ck-color-base-active:#198cf0;
    --ck-color-base-active-focus:#0e7fe1;
    --ck-color-focus-border:#47a4f5;
    --ck-color-focus-shadow:rgba(119,186,248,.5);
    --ck-color-focus-disabled-shadow:rgba(119,186,248,.3);
    --ck-color-text:var(--ck-color-base-text);
    --ck-color-shadow-drop:rgba(0,0,0,.15);
    --ck-color-shadow-inner:rgba(0,0,0,.1);
    --ck-focus-outer-shadow-geometry:0 0 0 3px;
    --ck-focus-outer-shadow:var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-shadow);
    --ck-focus-disabled-outer-shadow:var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);
    --ck-focus-ring:1px solid var(--ck-color-focus-border);
    --ck-border-radius:2px;
    --ck-inner-shadow:2px 2px 3px var(--ck-color-shadow-inner) inset;
    --ck-drop-shadow:0 1px 2px 1px var(--ck-color-shadow-drop);
    --ck-spacing-unit:0.6em;
    --ck-spacing-large:calc(var(--ck-spacing-unit) * 1.5);
    --ck-spacing-standard:var(--ck-spacing-unit);
    --ck-spacing-medium:calc(var(--ck-spacing-unit) * 0.8);
    --ck-spacing-small:calc(var(--ck-spacing-unit) * 0.5);
    --ck-spacing-tiny:calc(var(--ck-spacing-unit) * 0.3);
    --ck-spacing-extra-tiny:calc(var(--ck-spacing-unit) * 0.16);
    --ck-icon-size:calc(var(--ck-line-height-base) * var(--ck-font-size-normal))
}
.ck.ck-icon{
    vertical-align:middle;
    width:var(--ck-icon-size);
    height:var(--ck-icon-size);
    font-size:.8333350694em;
    will-change:transform
}
.ck.ck-icon,.ck.ck-icon *{
    color:inherit;
    cursor:inherit
}
.ck.ck-icon *{
    fill:currentColor
}
.ck .ck-widget.ck-widget_with-selection-handler{
    position:relative
}
.ck .ck-widget.ck-widget_with-selection-handler .ck-widget__selection-handler{
    visibility:hidden;
    position:absolute
}
.ck .ck-widget.ck-widget_with-selection-handler .ck-widget__selection-handler .ck-icon{
    display:block
}
.ck .ck-widget.ck-widget_with-selection-handler .ck-widget__selection-handler,.ck .ck-widget.ck-widget_with-selection-handler:hover .ck-widget__selection-handler{
    visibility:visible
}
:root{
    --ck-widget-outline-thickness:3px;
    --ck-widget-handler-icon-size:16px;
    --ck-widget-handler-animation-duration:200ms;
    --ck-widget-handler-animation-curve:ease;
    --ck-color-widget-blurred-border:#dedede;
    --ck-color-widget-hover-border:#ffc83d;
    --ck-color-widget-editable-focus-background:var(--ck-color-base-background);
    --ck-color-widget-drag-handler-icon-color:var(--ck-color-base-background);
}
.ck .ck-widget{
    margin:var(--ck-spacing-standard) 0;
    padding:0;
    outline-width:var(--ck-widget-outline-thickness);
    outline-style:solid;
    outline-color:transparent;
    transition:outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve)
}
.ck .ck-widget.ck-widget_selected,.ck .ck-widget.ck-widget_selected:hover{
    outline:var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border)
}
.ck .ck-widget:hover{
    outline-color:var(--ck-color-widget-hover-border)
}
.ck .ck-editor__nested-editable{
    border:1px solid transparent
}
.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck .ck-editor__nested-editable:focus{
    outline:none;
    border:var(--ck-focus-ring);
    box-shadow:var(--ck-inner-shadow),0 0;
    background-color:var(--ck-color-widget-editable-focus-background)
}
.ck .ck-widget.ck-widget_with-selection-handler .ck-widget__selection-handler{
    padding:4px;
    box-sizing:border-box;
    background-color:transparent;
    opacity:0;
    transition:background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
    border-radius:var(--ck-border-radius) var(--ck-border-radius) 0 0;
    transform:translateY(-100%);
    left:calc(0px - var(--ck-widget-outline-thickness))
}
.ck .ck-widget.ck-widget_with-selection-handler .ck-widget__selection-handler:hover .ck-icon .ck-icon__selected-indicator{
    opacity:1
}
.ck .ck-widget.ck-widget_with-selection-handler .ck-widget__selection-handler .ck-icon{
    width:var(--ck-widget-handler-icon-size);
    height:var(--ck-widget-handler-icon-size);
    color:var(--ck-color-widget-drag-handler-icon-color)
}
.ck .ck-widget.ck-widget_with-selection-handler .ck-widget__selection-handler .ck-icon .ck-icon__selected-indicator{
    opacity:0;
    transition:opacity .3s var(--ck-widget-handler-animation-curve)
}
.ck .ck-widget.ck-widget_with-selection-handler.ck-widget_selected .ck-widget__selection-handler,.ck .ck-widget.ck-widget_with-selection-handler.ck-widget_selected:hover .ck-widget__selection-handler{
    opacity:1;
    background-color:var(--ck-color-focus-border)
}
.ck .ck-widget.ck-widget_with-selection-handler.ck-widget_selected .ck-widget__selection-handler .ck-icon .ck-icon__selected-indicator,.ck .ck-widget.ck-widget_with-selection-handler.ck-widget_selected:hover .ck-widget__selection-handler .ck-icon .ck-icon__selected-indicator{
    opacity:1
}
.ck .ck-widget.ck-widget_with-selection-handler:hover .ck-widget__selection-handler{
    opacity:1;
    background-color:var(--ck-color-widget-hover-border)
}
.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover{
    outline-color:var(--ck-color-widget-blurred-border)
}
.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected .ck-widget__selection-handler,.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected .ck-widget__selection-handler:hover,.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover .ck-widget__selection-handler,.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover .ck-widget__selection-handler:hover{
    background:var(--ck-color-widget-blurred-border)
}
:root{
    --ck-color-table-focused-cell-background:#f5fafe
}
.ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused{
    background:var(--ck-color-table-focused-cell-background);
    border-style:none;
    outline:1px solid var(--ck-color-focus-border);
    outline-offset:-1px
}
.ck-content .table{
    display:table;
    width: initial;
}
.ck-content .table table{
    border-collapse:collapse;
    border-spacing:0;
    border:1px double #b3b3b3
}
.ck-content .table table td,.ck-content .table table th{
    min-width:2em;
    padding:.4em;
    border-color:#d9d9d9
}
.ck-content .table table th{
    font-weight:700;
    background:#fafafa
}

.TableDropDown__contents___23Jyb {
    width: 180px;
}
.TableDropDown__button___1IBAo {
    width: 100%;
    border-top: 1px solid #222;
    text-align: left;
}
.TableDropDown__checkBox___2T3Lk {
    height: 40px;
    border-top: 1px solid #222;
    padding-top: 8px;
    padding-left: 16px;
    display: block;
    cursor: pointer;
}

[data-neos-placeholder]:before {
    color: #999;
    content: attr(data-neos-placeholder);
    cursor: text;
}


/*# sourceMappingURL=Host.css.map*/