.phx-Icon {
  width: 1em;
  height: 1em;

  fill: currentColor;

  vertical-align: bottom;
}

.phx-Drawer {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  width: 348px;
  min-height: 0;

  background-color: #FFFFFF;
}

  .phx-Drawer--left {
    box-shadow: 5px 0 20px 0 rgba(104,118,128, 0.2);
  }

  .phx-Drawer--right {
    -ms-flex-item-align: end;
        align-self: flex-end;

    box-shadow: -5px 0 20px 0 rgba(104,118,128, 0.2);
  }

  .phx-Drawer .phx-Drawer-title {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    padding: 31px 31px 19px;

    background-color: #F7F8F8;
    color: #15232B;
    font-size: 16px;
    font-weight: 500;
  }

  .phx-Drawer .phx-Drawer-content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    overflow: auto;
    padding: 19px;
  }

  .phx-Drawer .phx-Drawer-closeButton {
    padding: 0;

    border: none;
    background-color: transparent;
    cursor: pointer;
  }

@media (max-width: 996px) {
    .phx-Button.phx-Button--useMediaQueries .phx-Button-content {
      display: none;
    }
      .phx-Modal--medium .phx-Button.phx-Button--useMediaQueries .phx-Button-content, .phx-Modal--small .phx-Button.phx-Button--useMediaQueries .phx-Button-content, .phx-Modal--asDrawer .phx-Button.phx-Button--useMediaQueries .phx-Button-content {
        display: inline;
        display: initial;
      }
}

.phx-ActionButton {
  /* if we don't kill margin explicitly, Safari adds it back */
  margin: 0;

  /* kill default button borders */
  border: none;

  /* without this inheritance, the browser stylesheet kicks in */
  font-family: inherit;
}

.phx-ActionButton:not([disabled]) {
    cursor: pointer;
  }

.phx-ModalHeaderImage {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 19px;
}

  .phx-ModalHeaderImage svg,
  .phx-ModalHeaderImage img {
    max-width: 100%;
  }

.phx-IconButton:disabled {
    opacity: 0.45;
  }
  .phx-IconButton svg {
    vertical-align: middle;
  }

.phx-u-anchor,
.phx-u-anchorNoUnderline {
  transition: color 300ms ease-in-out;
}

  .phx-u-anchor:link,
  .phx-u-anchor:visited,
  .phx-u-anchorNoUnderline:link,
  .phx-u-anchorNoUnderline:visited {
    color: #0197EC;
  }

  .phx-u-anchor:link.guideflow_hovered, .phx-u-anchor:visited.guideflow_hovered, .phx-u-anchorNoUnderline:link.guideflow_hovered, .phx-u-anchorNoUnderline:visited.guideflow_hovered {
      color: #0177B9;
    }

  .phx-u-anchor:not(a), .phx-u-anchorNoUnderline:not(a) {
    cursor: pointer;
  }

  button.phx-u-anchor {
  padding: 0;

  border: none;
  background: transparent;
  text-decoration: underline;
}

  .phx-u-anchor:link,
  .phx-u-anchor:visited {
    text-decoration: underline;
  }

  .phx-u-anchorNoUnderline:link,
  .phx-u-anchorNoUnderline:visited {
    text-decoration: none;
  }

  .phx-u-suppressButton {
  padding: 0;

  border-style: none;
  background-color: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

  .phx-u-suppressButton.guideflow_hovered,
  .phx-u-suppressButton:focus,
  .phx-u-suppressButton:active {
    background-color: transparent;
  }

.phx-ModalHeader {
  display: -ms-flexbox;
  display: flex;
}

  .phx-ModalHeader .phx-IconButton.phx-ModalHeader-ModalHeaderClose {
    padding: 19px !important;
  }

  .phx-ModalHeader .phx-IconButton.phx-ModalHeader-ModalHeaderClose {
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    color: #455560;
  }

  .phx-ModalHeader .phx-IconButton.phx-ModalHeader-ModalHeaderClose > span {
      margin-left: 0;
    }

  .phx-ModalHeader .phx-IconButton.phx-ModalHeader-ModalHeaderClose > svg {
      width: 16px;
      height: 16px;
    }

  .phx-ModalHeader-title {
    -ms-flex-positive: 2;
        flex-grow: 2;
    color: #15232B;
    line-height: 32px;
    font-size: 21px;
    font-weight: 400;
  }

  .phx-ModalHeader-title--smallVariant {
      font-size: 16px;
      line-height: 24px;
      font-weight: 500;
    }

  .phx-ModalHeader-controls {
    padding-right: 12px;
  }

  .phx-ModalHeader--centeredContent {
    text-align: center;
  }

.phx-ModalContent {
  color: #455560;
  font-size: 14px;
  font-weight: 500;
}

  .phx-ModalContent:not(:last-child) {
    margin-bottom: 31px;
  }

  .phx-ModalContent--centered {
    text-align: center;
  }

  .phx-ModalContent--withSmallerMargin.phx-ModalContent--withSmallerMargin {
      margin-bottom: 19px;
    }

.phx-ModalFooter {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;

  display: -ms-flexbox;

  display: flex;
}

  .phx-ModalFooter .phx-Button:not(:first-child), .phx-ModalFooter > .phx-Tooltip:not(:first-child) {
      margin-left: 19px;
    }

  .phx-ModalFooter .phx-Button:only-of-type, .phx-ModalFooter > .phx-Tooltip:only-of-type {
      margin-left: auto;
    }

  .phx-ModalFooter--multiOption {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }

  .phx-ModalFooter--multiOption .phx-Button:first-child,
    .phx-ModalFooter--multiOption > .phx-Tooltip:first-child {
      -ms-flex-positive: 2;
          flex-grow: 2;
    }

  .phx-ModalFooter--centered {
    -ms-flex-pack: center;
        justify-content: center;
  }

  .phx-ModalFooter--centered .phx-Button:not(:first-child), .phx-ModalFooter--centered > .phx-Tooltip:not(:first-child) {
        margin-left: 0;
      }

  .phx-ModalFooter--centered .phx-Button:only-of-type, .phx-ModalFooter--centered > .phx-Tooltip:only-of-type {
        margin-left: 0;
      }

.phx-Container {
  padding: 0 19px;
  overflow: hidden;
  border: 1px solid #D3DDE1;
  border-radius: 4px;
  background-color: #FFFFFF;
}

  .phx-Container .phx-Container-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding: 19px 0;
    color: #15232B;
  }

  .phx-Container .phx-Container-content {
    padding-bottom: 19px;
    color: #455560;
  }

  .phx-Container .phx-Container-content hr {
      margin: 19px 0;
      border: 0 solid #D3DDE1;
      border-top-width: 1px;
    }

  .phx-Container.phx-Container--small {
    padding: 0 12px;
  }

  .phx-Container.phx-Container--small .phx-Container-header {
      padding: 12px 0;
    }

  .phx-Container.phx-Container--small .phx-Container-content {
      padding-bottom: 12px;
    }

  .phx-Container.phx-Container--small .phx-Container-content hr {
        margin: 12px 0;
      }

.phx-AnchorButton {
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}

  .phx-AnchorButton[disabled] {
    outline: none;

    cursor: default;
  }

.phx-FormElementAddon {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin-right: -1px;

  border: 1px solid #D3DDE1;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;

  background-color: #EDEFF0;
  color: #455560;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

  .phx-FormElementAddon--small {
    padding: 7px 12px;
    line-height: 16px;
  }

  .phx-FormElementAddon--regular {
    padding: 12px 19px;
  }

  .phx-FormElementAddon--after {
    border-left: none;
    border-radius: 0 4px 4px 0;
  }

  .phx-FormElementAddon + input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.phx-FormElementLabel {
  -ms-flex-align: center;
      align-items: center;

  display: -ms-inline-flexbox;

  display: inline-flex;
  margin-bottom: 12px; /* supply a default value for use outside FormElement */

  color: #455560;

  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

  .phx-FormElementLabel--top {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }

  .phx-FormElementLabel--top,
  .phx-FormElementLabel--left {
    text-transform: uppercase;
  }

  .phx-FormElementLabel--right,
  .phx-FormElementLabel--middle,
  .phx-FormElementLabel--left {
    font-weight: 500;
  }

.phx-ClickableElement {
  cursor: pointer;
}

.phx-DropdownItem {
  display: -ms-flexbox;
  display: flex;

  /* paddings are defined in Dropdown component */

  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

  .phx-DropdownItem > .phx-Icon:first-of-type {
    margin-right: 8px;
  }

  .phx-DropdownItem-divider {
    margin: 0 10px;
    border-bottom: 1px solid #D3DDE1;
  }

  .phx-DropdownItem[aria-disabled='true'],
  .phx-DropdownItem input:disabled {
    color: #9EA7AF;
    cursor: not-allowed;
  }

.phx-Portal > * {
    z-index: 9000;
  }

.phx-DropdownHeader,
.phx-DropdownSearchHeader {
  background-color: #F7F8F8;
  color: #687680;
  font-size: 12px;
}

  .phx-DropdownHeader--search, .phx-DropdownSearchHeader--search {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 7px 7px 0;

    list-style: none;
  }

  .phx-DropdownHeader--search.columnLayout, .phx-DropdownSearchHeader--search.columnLayout {
      -ms-flex-direction: column;
          flex-direction: column;
    }

  .phx-DropdownHeader--search.columnLayout .phx-Search, .phx-DropdownSearchHeader--search.columnLayout .phx-Search {
        margin-right: 0;
      }

  .phx-DropdownHeader--search .phx-Search, .phx-DropdownSearchHeader--search .phx-Search {
      margin-right: 5px;
    }

  .phx-DropdownHeader--search .phx-Dropdown,
    .phx-DropdownHeader--search .phx-Search,
    .phx-DropdownSearchHeader--search .phx-Dropdown,
    .phx-DropdownSearchHeader--search .phx-Search {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
      -ms-flex-positive: 1;
          flex-grow: 1;
      margin-bottom: 7px;
    }

  .phx-DropdownHeader--search .phx-Dropdown, .phx-DropdownSearchHeader--search .phx-Dropdown {
      -ms-flex-preferred-size: calc(50% - 5px);
          flex-basis: calc(50% - 5px);
    }

  .phx-DropdownHeader--search .phx-Search:only-child, .phx-DropdownSearchHeader--search .phx-Search:only-child {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      margin-right: 0;
    }

  .phx-DropdownSearchHeader {
  border-bottom: 1px solid #D3DDE1;
}

@media (max-width: 996px) {
    .phx-Button.phx-Button--useMediaQueries .phx-Button-content {
      display: none;
    }
      .phx-Modal--medium .phx-Button.phx-Button--useMediaQueries .phx-Button-content, .phx-Modal--small .phx-Button.phx-Button--useMediaQueries .phx-Button-content, .phx-Modal--asDrawer .phx-Button.phx-Button--useMediaQueries .phx-Button-content {
        display: inline;
        display: initial;
      }
}

.phx-Loader {
  position: relative;

  display: block;
  box-sizing: border-box;

  border-radius: 50%;

  animation-name: phx-loader-transform, phx-loader-background-color;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
  will-change: background-color, transform;
}

  .phx-Loader .phx-Icon {
    width: 100%;
    height: 100%;
  }

  .phx-Loader.is-not-animating {
    background-color: transparent;

    animation-name: none;

    animation-name: initial;
  }

  .phx-Loader.is-animation-transitioning {
    animation-name: phx-loader-transform, phx-loader-transition-background-color;
    animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  @keyframes phx-loader-transform {
  from,
  to {
    transform: scale(1);
  }

  50% {
    transform: scale(0.5);
  }
}

  @keyframes phx-loader-background-color {
  from,
  to {
    background-color: transparent;
  }

  50% {
    background-color: #0197EC;
  }
}

  @keyframes phx-loader-transition-background-color {
  to {
    background-color: transparent;
  }
}

.phx-Toggle {
  -ms-flex-align: center;
      align-items: center;

  display: -ms-inline-flexbox;

  display: inline-flex;
}

  .phx-Toggle .phx-Toggle-track {
    position: relative;
    float: left;
    display: block;
    width: 31px;
    height: 15px;

    -webkit-user-select: none;

        -ms-user-select: none;

            user-select: none;
  }

  .phx-Toggle .phx-Toggle-track .phx-Toggle-handle {
      position: absolute;
      top: 0;
      left: 0;
      width: 15px;
      height: 15px;

      border: none;
      border-radius: 50%;
      background-color: #687680;

      transition: background-color 0.1s ease-in-out, transform 0.2s ease-in-out;
    }

  .phx-Toggle .phx-Toggle-track .phx-Toggle-bar {
      position: absolute;
      top: 2px;
      left: 0;
      width: 31px;
      height: 11px;

      border-radius: 8px;
      background-color: #D3DDE1;

      transition: background-color 0.1s ease-in-out;
    }

  .phx-Toggle .phx-Toggle-track input[type='checkbox'] {
      display: none;
    }

  .phx-Toggle:not(.is-disabled) .phx-Toggle-track {
      cursor: pointer;
    }

  .phx-Toggle.is-disabled .phx-Toggle-handle {
      background-color: #D3DDE1;
    }

  .phx-Toggle.is-disabled .phx-Toggle-bar {
      background-color: #EDEFF0;
    }

  .phx-Toggle .phx-Toggle-label {
    float: left;
    display: block;
    margin-left: 7px;

    color: #455560;
    font-size: 14px;
    line-height: 1;

    cursor: default;
  }

  .phx-Toggle.is-active.phx-Toggle:not(.is-disabled) .phx-Toggle-track .phx-Toggle-handle {
        background-color: #069EB4;
      }

  .phx-Toggle.is-active.phx-Toggle:not(.is-disabled) .phx-Toggle-track .phx-Toggle-bar {
        background-color: #BBDEDF;
      }

  .phx-Toggle.is-active .phx-Toggle-track .phx-Toggle-handle {
        transform: translateX(16px); /* 31px toggle width - 15px handle width */
      }

.FormProperties_folderElement {
  width: 40%;
}

.FormProperties_prefillMappingSelectionElement {
  display: -ms-inline-flexbox;
  display: inline-flex;

  width: 40%;
  margin-right: 12px;
}

.tippy-touch{cursor:pointer!important}.tippy-notransition{transition:none!important}.tippy-popper{max-width:400px;perspective:800px;z-index:9999;outline:0;transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none}.tippy-popper.html-template{max-width:96%;max-width:calc(100% - 20px)}.tippy-popper[x-placement^=top] [x-arrow]{border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;margin:0 9px}.tippy-popper[x-placement^=top] [x-arrow].arrow-small{border-top:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;bottom:-5px}.tippy-popper[x-placement^=top] [x-arrow].arrow-big{border-top:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;bottom:-10px}.tippy-popper[x-placement^=top] [x-circle]{transform-origin:0 33%}.tippy-popper[x-placement^=top] [x-circle].enter{transform:scale(1) translate(-50%,-55%);opacity:1}.tippy-popper[x-placement^=top] [x-circle].leave{transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow]{border-top:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-top:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow]{border-top:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-top:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-top:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] [data-animation=perspective]{transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective].enter{opacity:1;transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective].leave{opacity:0;transform:translateY(0) rotateX(90deg)}.tippy-popper[x-placement^=top] [data-animation=fade].enter{opacity:1;transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade].leave{opacity:0;transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].enter{opacity:1;transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].leave{opacity:0;transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale].enter{opacity:1;transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale].leave{opacity:0;transform:translateY(0) scale(0)}.tippy-popper[x-placement^=bottom] [x-arrow]{border-bottom:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;top:-7px;margin:0 9px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small{border-bottom:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;top:-5px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big{border-bottom:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;top:-10px}.tippy-popper[x-placement^=bottom] [x-circle]{transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] [x-circle].enter{transform:scale(1) translate(-50%,-45%);opacity:1}.tippy-popper[x-placement^=bottom] [x-circle].leave{transform:scale(.15) translate(-50%,-5%);opacity:0}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow]{border-bottom:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-bottom:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow]{border-bottom:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-bottom:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-bottom:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter{opacity:1;transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave{opacity:0;transform:translateY(0) rotateX(-90deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade].enter{opacity:1;transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade].leave{opacity:0;transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].enter{opacity:1;transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].leave{opacity:0;transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale].enter{opacity:1;transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale].leave{opacity:0;transform:translateY(0) scale(0)}.tippy-popper[x-placement^=left] [x-arrow]{border-left:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;right:-7px;margin:6px 0}.tippy-popper[x-placement^=left] [x-arrow].arrow-small{border-left:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;right:-5px}.tippy-popper[x-placement^=left] [x-arrow].arrow-big{border-left:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;right:-10px}.tippy-popper[x-placement^=left] [x-circle]{transform-origin:50% 0}.tippy-popper[x-placement^=left] [x-circle].enter{transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=left] [x-circle].leave{transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow]{border-left:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow]{border-left:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-left:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-left:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] [data-animation=perspective]{transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective].enter{opacity:1;transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective].leave{opacity:0;transform:translateX(0) rotateY(-90deg)}.tippy-popper[x-placement^=left] [data-animation=fade].enter{opacity:1;transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade].leave{opacity:0;transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].enter{opacity:1;transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].leave{opacity:0;transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale].enter{opacity:1;transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale].leave{opacity:0;transform:translateX(0) scale(0)}.tippy-popper[x-placement^=right] [x-arrow]{border-right:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;left:-7px;margin:6px 0}.tippy-popper[x-placement^=right] [x-arrow].arrow-small{border-right:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;left:-5px}.tippy-popper[x-placement^=right] [x-arrow].arrow-big{border-right:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;left:-10px}.tippy-popper[x-placement^=right] [x-circle]{transform-origin:-50% 0}.tippy-popper[x-placement^=right] [x-circle].enter{transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=right] [x-circle].leave{transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow]{border-right:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-right:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow]{border-right:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-right:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-right:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] [data-animation=perspective]{transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective].enter{opacity:1;transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective].leave{opacity:0;transform:translateX(0) rotateY(90deg)}.tippy-popper[x-placement^=right] [data-animation=fade].enter{opacity:1;transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade].leave{opacity:0;transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].enter{opacity:1;transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].leave{opacity:0;transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale].enter{opacity:1;transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale].leave{opacity:0;transform:translateX(0) scale(0)}.tippy-popper .tippy-tooltip.transparent-theme{background-color:rgba(0,0,0,.7)}.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill]{background-color:transparent}.tippy-popper .tippy-tooltip.light-theme{color:#26323d;box-shadow:0 4px 20px 4px rgba(0,20,60,.1),0 4px 80px -8px rgba(0,20,60,.2);background-color:#fff}.tippy-popper .tippy-tooltip.light-theme[data-animatefill]{background-color:transparent}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.95rem;padding:.4rem .8rem;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip--small{padding:.25rem .5rem;font-size:.8rem}.tippy-tooltip--big{padding:.6rem 1.2rem;font-size:1.2rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive]{pointer-events:auto}.tippy-tooltip[data-inertia]{transition-timing-function:cubic-bezier(.53,2,.36,.85)}.tippy-tooltip [x-arrow]{position:absolute;width:0;height:0}.tippy-tooltip [x-circle]{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:130%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;overflow:hidden;transition:all ease}.tippy-tooltip [x-circle]:before{content:"";padding-top:90%;float:left}@media (max-width:450px){.tippy-popper{max-width:96%;max-width:calc(100% - 20px)}}/* Tippy Overrides */.tippy-popper {
  max-width: 400px;
}.tippy-popper .tippy-tooltip {
    max-width: 400px;
    padding: 7px;

    box-shadow: 0 0 19px 0 rgba(0,0,0, 0.25);

    font-size: 12px;

    line-height: normal;

    line-height: initial;
    word-wrap: break-word;
  }.tippy-popper .tippy-tooltip .tippy-tooltip-content {
      pointer-events: initial;
      text-align: left;
      -webkit-font-smoothing: initial;
    }.tippy-popper .tippy-tooltip--big {
      max-width: 500px;
    }.tippy-popper .tippy-tooltip--small {
      max-width: 300px;
    }.tippy-popper .tippy-tooltip.light-theme {
        background-color: #FFFFFF;

        color: #455560;
      }.tippy-popper .tippy-tooltip.light-theme a:not(.phx-tippy-ignore),
        .tippy-popper .tippy-tooltip.light-theme .phx-u-anchor:not(.phx-tippy-ignore) {
          color: #0197EC;
        }.tippy-popper .tippy-tooltip.light-theme a:not(.phx-tippy-ignore).guideflow_hovered,
          .tippy-popper .tippy-tooltip.light-theme a:not(.phx-tippy-ignore):active,
          .tippy-popper .tippy-tooltip.light-theme a:not(.phx-tippy-ignore):visited,
          .tippy-popper .tippy-tooltip.light-theme .phx-u-anchor:not(.phx-tippy-ignore).guideflow_hovered,
          .tippy-popper .tippy-tooltip.light-theme .phx-u-anchor:not(.phx-tippy-ignore):active,
          .tippy-popper .tippy-tooltip.light-theme .phx-u-anchor:not(.phx-tippy-ignore):visited {
            color: #0197EC;
          }

.phx-u-overlayLoaderParent {
  position: relative;

  overflow: hidden;
}

.phx-OverlayLoader {
  position: absolute;

  /* because of how this component behaves, especially with position absolute,
     this index is enough to stay on top of everything we need for the time being */
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  padding-top: 12px;

  background-color: #FFFFFF;
}

.phx-OverlayLoader .phx-Loader {
    margin: 0 auto;
  }

.phx-OverlayLoader.is-transparent {
    background-color: rgba(255,255,255, 0.75);
  }

.phx-OverlayLoader.is-verticallyCentered {
    -ms-flex-align: center;
        align-items: center;

    display: -ms-flexbox;

    display: flex;
    padding-top: 0;
    padding-top: initial;
  }

.AddonActions_container {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 19px;

  background-color: #F7F8F8;

  color: #15232B;
  font-size: 16px;
}

  .AddonActions_container.AddonActions_inline {
    -ms-flex-direction: row;
        flex-direction: row;
    height: auto;
    padding: 0;

    background-color: transparent;
  }

.AddonActions_trial {
  margin-bottom: 31px;

  white-space: nowrap;
}

.AddonActions_trial.AddonActions_inline {
    margin-right: 12px;
    margin-bottom: 0;
  }

.AddonActions_button {
  color: #0197EC;
}

.FormWorkflow_container {
  position: relative;
  padding: 19px;

  border: solid 1px #cfd4d8;
  border-radius: 8px;
}

.FormWorkflow_header {
  margin-bottom: 19px;

  color: #15232B;
  font-size: 28px;
}

.FormWorkflow_headerIcon {
  width: 30px;
  height: 30px;
  margin-right: 7px;
}

.FormWorkflow_details {
  display: -ms-flexbox;
  display: flex;
}

.FormWorkflow_upsell {
  margin-bottom: 19px;

  color: #15232B;
  font-size: 16px;
  line-height: 21px;
}

.FormWorkflow_icon {
  width: 45px;
  height: 45px;
  margin-right: 19px;
}

.FormWorkflow_list {
  padding: 0 51px;
}

.FormWorkflow_list .FormWorkflow_item {
    display: -ms-flexbox;
    display: flex;
  }

.FormWorkflow_list .FormWorkflow_item:not(:last-of-type) {
      margin-bottom: 12px;
    }

.FormWorkflow_title {
  margin-bottom: 7px;

  color: #15232B;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}

.FormWorkflow_description {
  color: #15232B;
  font-size: 12px;
}

.TrialExpiration_container {
  position: absolute;
  top: 19px;
  right: 19px;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;

  color: #15232B;
  font-size: 12px;
  font-weight: normal;
}

  .TrialExpiration_container.TrialExpiration_largePosition {
    top: 31px;
    right: 31px;
  }

.TrialExpiration_icon {
  width: 20px;
  height: 20px;
  margin-right: 7px;

  color: #069EB4;
}

.FormTypes_container .FormTypes_list {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 31px;
    padding: 0 133px;
  }

    .FormTypes_container .FormTypes_list .FormTypes_item {
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-direction: column;
          flex-direction: column;
      display: -ms-flexbox;
      display: flex;

      width: 165px;

      cursor: pointer;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none;
    }

    .FormTypes_container .FormTypes_list .FormTypes_item .FormTypes_trialContainer {
        position: relative;
        top: unset;
        right: unset;

        margin-top: 19px;

        white-space: nowrap;
      }

    .FormTypes_container .FormTypes_list .FormTypes_item .FormTypes_icon {
        width: 88px;
        height: 88px;

        padding: 21px;
        box-sizing: border-box;

        border: solid 2px transparent;
        border-radius: 12px;
        background-color: #EDEFF0;
      }

    .FormTypes_container .FormTypes_list .FormTypes_item .FormTypes_icon.FormTypes_selectedIcon {
          box-shadow: 0 0 3px 0 #61CAE2;
          border-color: #069EB4;
          transition: 0.4s all;
        }

    .FormTypes_container .FormTypes_list .FormTypes_item .FormTypes_title {
        margin: 12px 0;

        color: #455560;

        font-size: 16px;
        text-align: center;
      }

    .FormTypes_container .FormTypes_list .FormTypes_item .FormTypes_description {
        width: 100%;

        font-size: 12px;
        line-height: 1.5;
        text-align: center;
      }

    .FormTypes_container .FormTypes_list .FormTypes_item .FormTypes_tooltip {
        display: inline-block;
        margin-left: 7px;
      }

.FormThemes_themeContainer {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
  height: 527px; /* two rows of preview image plus padding */
  padding: 12px;
  overflow-y: auto;

  border: 2px solid #EDEFF0;

  text-align: center;
}

.FormThemes_previewContainer {
  position: relative;
  width: 20%;
  min-height: 133px;
  margin-right: auto;
  margin-bottom: 12px;
  margin-left: auto;

  border: 2px solid transparent;
  cursor: pointer;
  transition: 0.3s ease-in-out border;
}

.FormThemes_previewContainer.FormThemes_selected {
    border: 2px solid #0197EC;
  }

.FormThemes_previewContainer text {
    display: none;
  }

.FormThemes_previewContainer .FormThemes_themeName {
    position: absolute;
    bottom: 19px;
    left: 0;
    width: 100%;

    text-align: center;
  }

.FormActions_footer {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  padding-top: 31px;

  border-top: 1px solid #D3DDE1;
}

.FormActions_requestAccessBtn {
  margin-left: 19px !important;
}

.FormActions_goBackBtn {
  padding-right: 19px !important;

  border-right: 1px solid #D3DDE1;
  border-radius: 0;
}

.FormCreation_container {
  margin-top: 51px;
  margin-bottom: 51px;

  overflow: hidden;
}

  .FormCreation_container .FormCreation_header {
    margin-bottom: 31px;

    color: #455560;

    font-size: 21px;
    font-weight: normal;
    line-height: 49px;
    text-align: center;
  }

  .FormCreation_container .FormCreation_subHeader {
    color: #9EA7AF;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
  }

  .FormCreation_container .FormCreation_pushImage {
    width: 100%;
    height: 200px;

    margin-bottom: 31px;
  }

.FormCreation_modalContainer {
  max-width: 100%;
}

.FormCreation_formHeader {
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 31px;
}

.FormCreation_formHeader .FormCreation_formTitle {
    margin-top: 1px;
    margin-left: 7px;

    font-weight: normal;
    text-align: center;
  }

.FormCreation_loaderContainer {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 300px;
}

.InlineHelper_helpText {
  margin-right: 0 !important;

  /* PAP - squash margin so label can handle it */
  margin-left: 7px !important;
}

.LoadingBoundary_container {
  position: relative;
}