*{margin:0;padding:0;box-sizing:border-box;position:relative}body{background-color:#f5f9fc;color:#4a4a4a;min-height:100vh;display:flex;flex-direction:column}:focus:not(:focus-visible){outline:none!important}a{color:#5d83a0;text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}body{font-family:"Raleway","Open Sans",sans-serif}.text-error{color:#f56850}.text-success{color:#54a976}.text-secondary{color:#b3b3b3}.text-light{font-weight:300}.text-big{font-size:2em}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.m-1{margin:.5em}.mx-1{margin-left:.5em;margin-right:.5em}.my-1{margin-top:.5em;margin-bottom:.5em}.ml-1{margin-left:.5em}.mr-1{margin-right:.5em}.mt-1{margin-top:.5em}.mb-1{margin-bottom:.5em}.m-2{margin:1em}.mx-2{margin-left:1em;margin-right:1em}.my-2{margin-top:1em;margin-bottom:1em}.ml-2{margin-left:1em}.mr-2{margin-right:1em}.mt-2{margin-top:1em}.mb-2{margin-bottom:1em}.m-3{margin:1.5em}.mx-3{margin-left:1.5em;margin-right:1.5em}.my-3{margin-top:1.5em;margin-bottom:1.5em}.ml-3{margin-left:1.5em}.mr-3{margin-right:1.5em}.mt-3{margin-top:1.5em}.mb-3{margin-bottom:1.5em}.m-4{margin:2em}.mx-4{margin-left:2em;margin-right:2em}.my-4{margin-top:2em;margin-bottom:2em}.ml-4{margin-left:2em}.mr-4{margin-right:2em}.mt-4{margin-top:2em}.mb-4{margin-bottom:2em}.alert{border-radius:.5em;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:1em;font-size:16px;margin:.5em 0;position:relative}.alert--success{background-color:#cde5da}.alert--error{background-color:#f5d5d1}.alert__button.button.button--transparent{position:absolute;right:1em;color:rgba(74,74,74,.5)}.alert__button.button.button--transparent:focus:not(:disabled),.alert__button.button.button--transparent:hover:not(:disabled){color:rgba(74,74,74,.8)}.alert__button.button.button--transparent:active:not(:disabled){color:#4a4a4a}.alert__button.button.button--transparent:disabled{color:rgba(74,74,74,.3)}.button{border-radius:.5em;padding:.5em 1em;font-family:inherit;font-weight:700;font-size:inherit;border:0;outline:none;transition:background-color .1s ease,color .1s ease,fill .1s ease;color:#fff;fill:currentColor;position:relative}.button:hover:not(:disabled){cursor:pointer}.button--big-icon{padding:.1em}.button--big-icon i{font-size:1.25em}.button--small{padding:.25em .5em}.button--small.button--icon{font-size:.75em}.button--icon{min-width:2.25em;min-height:2.25em;padding:0;display:flex;align-items:center;justify-content:center}.button--error{background-color:#f56850}.button--error:focus:not(:disabled),.button--error:hover:not(:disabled){background-color:#f24022}.button--error:active:not(:disabled){background-color:#d72a0c}.button--success{background-color:#54a976}.button--success:focus:not(:disabled),.button--success:hover:not(:disabled){background-color:#479064}.button--success:active:not(:disabled){background-color:#3b7653}.button--primary{background-color:#5d83a0}.button--primary:focus:not(:disabled),.button--primary:hover:not(:disabled){background-color:#fcc43a}.button--primary:active:not(:disabled){background-color:#f4af04}.button--primary:disabled{color:hsla(0,0%,100%,.6)}.button--secondary{color:#4a4a4a;background-color:#ffd54a}.button--secondary:focus:not(:disabled),.button--secondary:hover:not(:disabled){background-color:#ffca19}.button--secondary:active:not(:disabled){background-color:#e6b100}.button--gray,.button--secondary:disabled{color:rgba(74,74,74,.6)}.button--gray{background-color:rgba(74,74,74,.1)}.button--gray:focus:not(:disabled),.button--gray:hover:not(:disabled){color:#4a4a4a}.button--gray:active:not(:disabled){background-color:rgba(74,74,74,.2)}.button--gray:disabled{color:rgba(74,74,74,.2)}.button--transparent{color:rgba(74,74,74,.6);background-color:transparent}.button--transparent:focus:not(:disabled),.button--transparent:hover:not(:disabled){color:#5d83a0}.button--transparent:active:not(:disabled){color:#9db5c6}.button--transparent:disabled{color:rgba(74,74,74,.2)}.button--border{color:#fcc43a;background-color:transparent;border:2px solid #fcc43a}.button--border:focus:not(:disabled),.button--border:hover:not(:disabled){color:#fff;background-color:#fcc43a}.button--border:active:not(:disabled){background-color:#f4af04}.button--border:disabled{opacity:.3}input{font:inherit;padding:.5em 1em;border-radius:.5em;border:1px solid #dbdbdb;min-width:0}input:focus{border-color:#b3b3b3;outline:none}input:disabled{pointer-events:none;background-color:#dbdbdb;border-color:#b3b3b3}.input__group{position:relative}.input__group input{width:100%;padding-right:3.5em}.input__group button{position:absolute;right:0;top:0;height:100%;width:3.5em;border-radius:0 .5em .5em 0;border:0;background-color:#fcc43a;color:#fff;cursor:pointer;transition:background-color .1s ease,color .1s ease,fill .1s ease}.input__group button i{font-size:1.25em}.input__group button:focus:not(:disabled),.input__group button:hover:not(:disabled){background-color:#5d83a0}.input__group button:active:not(:disabled){background-color:#4a6980}.input__group button:disabled{color:hsla(0,0%,100%,.6)}.status{border-radius:50%;display:inline-block;flex-shrink:0;width:1em;height:1em;transition:background-color .1s ease}.status--error{background-color:#f56850}.status--success{background-color:#54a976}.status--large{width:1.25em;height:1.25em}.status--small{width:.75em;height:.75em}.separator{width:100%;margin:1.5em 0}.separator--small{margin:1em 0}.separator--light{height:1px;background-color:#dbdbdb}.separator--primary{height:.25em}.separator--primary:before{content:"";display:block;background-color:#fcc43a;max-width:50px;border-radius:.5em;width:100%;height:100%}.footer{background-color:#4a4a4a;color:#fff;padding:4em 2em;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2em}.footer__section__double{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:1em}.footer a{color:#fcc43a;text-decoration:none}.footer a:hover{text-decoration:underline}.footer ul{padding:0;list-style-type:none}.header{padding:.75em 2em;background-color:#fff;box-shadow:0 .25em 1em 0 rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:1;justify-content:space-between}.header,.header nav{display:flex;align-items:center}.header nav{justify-content:flex-end;font-size:1.25em}.header nav button{z-index:1}.login_menu{position:relative}.login_menu.login_menu--show .login_menu__content{opacity:1;pointer-events:auto}.login_menu__content{pointer-events:none;opacity:0;transition:opacity .2s ease;position:absolute;right:0;background:#fff;padding:1.5em;font-size:.75em;display:flex;flex-direction:column;border-radius:.5em 0 .5em .5em;-webkit-filter:drop-shadow(0 0 2em rgba(74,74,74,.25));filter:drop-shadow(0 0 2em rgba(74,74,74,.25))}.login_menu__content:before{content:"";display:block;height:3em;width:3em;background:#fff;position:absolute;right:0;top:0;transform:translateY(-100%);z-index:-1;border-radius:.5em .5em 0 0}.login_menu__content p{text-align:center}.main{padding:1em 2em;max-width:2000px;margin:0 auto;flex-grow:1;width:100%;min-height:calc(100vh - 12rem)}.flow__header__prefix{margin-right:.5em}.flow__header__title{font-weight:700;font-style:italic}.flow__header__title:disabled{background:none;border:none}.flow__header__title-apply,.flow__header__title-reset{left:-3.6em;background:none;border:none;outline:none;padding:0 .3em}.diagram{min-height:5rem;overflow-x:scroll;width:100%}.diagram .canvas{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:2rem}.diagram .canvas .subflow{display:flex;align-items:center}.diagram .canvas .component__container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;padding:.5em}.diagram .canvas .add{position:absolute;right:-1.2rem;top:calc(50% - 1em);z-index:100}.notification{position:absolute;bottom:1rem;right:1rem;padding:1rem;background:#f8f8ff;color:grey;font-size:.8rem}.notification .close{margin-left:1rem;color:#cd5c5c}.notification .close:hover{cursor:pointer}.flow--collapsed .add{display:none}.ReactModalPortal{z-index:101}.modal{max-width:50rem;margin:5rem auto;padding:3rem;background:#fff;border:1px solid #d3d3d3}.modal h3{text-transform:lowercase}.modal h3:first-letter{text-transform:uppercase}.modal ul{display:flex;flex-flow:wrap;list-style:none;padding:0}.modal ul li{order:0;width:100%;padding:.1rem 0}.modal ul li.release{order:1}.modal ul li.release button{background:#98caac}.modal .controls{text-align:right}.tooltip{cursor:pointer;background-color:rgba(74,74,74,.1);color:rgba(74,74,74,.6);padding:6px 9px;font-size:80%;border-radius:50%;vertical-align:middle;margin-left:.25em}.tooltip .tooltip__text{visibility:hidden;opacity:0;position:absolute;top:0;left:0;z-index:101;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:25em;background-color:#4a4a4a;color:#fff;text-align:left;padding:6px;border-radius:12px;font-size:.9rem;transition:visibility 0s,opacity .5s linear}.tooltip .tooltip__text q{font-family:monospace}.tooltip:hover .tooltip__text{visibility:visible;opacity:1}.component__form{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;grid-row-gap:.5em}.component__form__label{justify-self:stretch;align-self:stretch;font-weight:600;font-size:14px;grid-column:1;padding:0 1em;display:flex;align-items:center;justify-content:flex-end}.component__form__input{max-width:200px}.component__form__input,.component__form button[type=submit]{justify-self:start;grid-column:2}.component__form__input+button{margin-right:-1em;grid-column:3}.component{background-color:#fff;box-shadow:0 .25em 1em 0 rgba(0,0,0,.1);border-radius:.5em;margin:1em;min-width:300px;padding:1.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;transition:min-width .5s}.component .component__header{display:flex}.component .component__header .component__header__titles{margin-right:1em;flex:1 1}.component .component__header .component__header__titles .component__header__title{font-size:16px;font-weight:700}.component .component__header .component__header__titles .component__header__subtitle{font-size:14px}.component .component__header .component__header__button{flex-shrink:0;position:relative;right:-1em;top:-1em}.component__section{width:100%}.flow--collapsed .component{min-width:150px}.component__section--collapsed .component__section__body,.flow--collapsed .component__header__button,.flow--collapsed .component__section{display:none}.component__section--collapsed .component__section__header button i.fa-chevron-up{transform:rotate(180deg)}.component__section__header{display:flex;align-items:center;font-size:16px}.component__section__body{margin-top:1em}.component__section__body>img{max-width:100%}.component__footer{display:flex;align-items:center;justify-content:flex-end;margin-top:1em;font-family:"Open Sans",sans-serif;font-size:13px;font-weight:500}.component__last_event{max-width:20rem}.flow{border-radius:.5em;border:2px solid #fcc43a;margin-bottom:2em}.flow__header{background-color:#fcc43a;color:#4a4a4a;padding:.25em .5em;display:flex;align-items:center;font-size:18px}.flow__body{display:flex;overflow:auto;max-height:80rem;transition:max-height .5s}.flow--collapsed .flow__header button i.fa-chevron-up{transform:rotate(180deg)}.flow--collapsed .flow__body{max-height:0}.flow--collapsed .block__header__button,.flow--collapsed .separator{display:none}.flow--collapsed .block{margin:.5em 1em}.flow--collapsed .block__container{flex-direction:row}.flow--collapsed:hover .flow__body{transition-delay:1s;max-height:50rem}.flow--add .flow__body{padding:1em}#login{display:flex;flex-direction:column;padding:1.5em;margin:2rem auto;width:20rem;background:#fff;border-radius:.5em;-webkit-filter:drop-shadow(0 0 2em rgba(74,74,74,.25));filter:drop-shadow(0 0 2em rgba(74,74,74,.25))}#login button,#login h2,#login label{margin-top:1rem}