*,
*:before,
*:after {
  box-sizing: border-box;
  font-family: inherit;
}
html,
body,
div,
span iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
html {
  overflow: hidden;
}
:where(ol, ul):not(:where(.hf-mod-editor *, .hf-workflows-editor-field *, .ProseMirror-menubar-wrapper *, .hf-workflows-description-content *)) {
  list-style: none;
}
.hf-mod-editor ol,
.hf-mod-editor ul,
.hf-mod-editor li,
.hf-workflows-editor-field ol,
.hf-workflows-editor-field ul,
.hf-workflows-editor-field li {
  margin: revert;
  padding: revert;
  border: revert;
  font-size: revert;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input:focus,
a:focus {
  outline: none;
}
input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #fff inset;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
input[type=email]:invalid,
input[type=number]:invalid {
  box-shadow: none;
}
textarea {
  resize: none;
}
.hf-sentry-error-embed .hf-form-content {
  position: inherit;
}
:root {
  --primaryBgColor: #15181B;
  --secondaryBgColor: #30373E;
  --ctaColor: #235FC6;
  --moduleSwitcherExpanded: 200px;
  --moduleSwitcherCollapsed: 50px;
  --secondaryNavWidth: 230px;
  --listBodyHeaderHeight: 30px;
  --libraryNavWidth: 250px;
  --wfEditColor: #e1e1e1;
  --ctaHoverColor: #18448D;
  --wfFormColor: #fffefe;
  --wfFormHeaderColor: #fff;
  --semiBoldFontFamily: "Inter Medium";
  --grayBodyText: #666;
  --errorColor: #e82110;
  --text-alert: #ffe5e5;
  --linkColor: #08c;
  /**
    * Color Mapping with Helpdesk background/border Variables
    *
    * | Workflow Variable     | Helpdesk Variable        |
    * |-----------------------|--------------------------|
    * | --bg-top-bar          | --hf-hd-bg-top-bar       |
    * | --border-white-25     | --hf-hd-border-white-25  |
  */
  --bg-top-bar: #1e2024;
  --border-white-25: rgba(255, 255, 255, 0.25);
  --bg-white-50: rgba(255, 255, 255, 0.5);
  --bg-white-100: #ffffff;
  --bg-black-100: #000000;
  /* Font size variables */
  --font-size-micro: 9px;
  --font-size-footnote: 11px;
  --font-size-description: 12px;
  --font-size-caption: 13px;
  --font-size-subtext: 14px;
  --font-size-body: 15px;
  --font-size-sub-heading: 18px;
  --font-size-heading: 22px;
  --font-size-title: 24px;
  --font-size-display: 32px;
  --font-size-secondary-title: 16px;
  /* Text color variables */
  /**
    * Text Color Mapping with Helpdesk Font Variables
    *
    * | Workflow Variable     | Helpdesk Variable   |
    * |-----------------------|---------------------|
    * | --font-gray-100       | --font1-100         |
    * | --font-gray-80        | --font1-80          |
    * | --font-gray-70        | --font1-70          |
    * | --font-gray-60        | --font1-60          |
    * | --font-gray-40        | --font1-40          |
    * | --font-gray-20        | --font1-20          |
    * | --font-gray-80        | --font-dark-80      |
    * | --font-gray-60        | --font-dark-60      |
  */
  /* White variants */
  --font-white-100: #ffffff;
  --font-white-80: rgba(255, 255, 255, 0.8);
  --font-white-60: rgba(255, 255, 255, 0.6);
  --font-white-40: rgba(255, 255, 255, 0.4);
  /* Dark gray variants */
  --font-gray-100: #15171a;
  --font-gray-80: rgba(21, 23, 26, 0.8);
  --font-gray-70: rgba(21, 23, 26, 0.7);
  --font-gray-60: rgba(21, 23, 26, 0.6);
  --font-gray-40: rgba(21, 23, 26, 0.4);
  --font-gray-20: rgba(21, 23, 26, 0.2);
  /* Black variants */
  --font-black-100: #000000;
  /* Font family variables */
  --font-family-light: 'Inter Light', sans-serif;
  --font-family-regular: 'Inter Regular', sans-serif;
  --font-family-medium: 'Inter Medium', sans-serif;
}
body {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  font-family: "Inter Regular", sans-serif;
  font-size: 13px;
  color: #333;
}
body.hf-is-transitioning * {
  cursor: wait!important;
}
body > .ember-view {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  min-width: 1280px;
}
.workflow-main-container .hf-content {
  position: static;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  width: 100%;
  height: 100%;
  background: #eeeeee;
}
.workflow-main-container .hf-content.hf-content-left-spacing {
  flex: 1;
  overflow-y: auto;
}
.workflow-main-container .hf-content.hf-content-left-spacing .header-container {
  position: sticky;
  z-index: 4;
  top: 0;
}
.hf-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #eeeeee;
}
.hf-content.hf-content-left-spacing {
  left: var(--moduleSwitcherCollapsed);
}
.hf-content.hf-content-left-nav-spacing {
  left: calc(var(--moduleSwitcherCollapsed) + var(--secondaryNavWidth));
}
.hf-error-state-message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 35%;
  text-align: center;
}
.hf-empty-state-message {
  margin-top: 120px;
  text-align: center;
}
.hf-empty-state-message_header,
.hf-error-state-message_header {
  margin: 10px 0;
  font-size: 25px;
  letter-spacing: -0.3px;
  color: #666;
}
.hf-empty-state-message_content,
.hf-error-state-message_content {
  margin-bottom: 10px;
  color: #9e9a9a;
}
.hf-outlet-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.hf-outlet-container > .liquid-child {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.hf-outlet-container.hf-mod-details {
  z-index: 1;
}
#download-attachment {
  display: none;
}
#ember-testing-container {
  height: 720px !important;
}
@font-face {
  font-family: "Myriad Pro Regular";
  src: url(fonts/myriadpro-regular-webfont-webfont.ttf), url(fonts/myriadpro-regular-webfont-webfont.eot);
}
@font-face {
  font-family: "Myriad Pro Light";
  src: url(fonts/myriadpro-light-webfont-webfont.ttf), url(fonts/myriadpro-light-webfont-webfont.eot);
}
@font-face {
  font-family: "Myriad Pro Semi Bold";
  src: url(fonts/myriadpro-semibold_opentype-webfont-webfont.ttf), url(fonts/myriadpro-semibold_opentype-webfont-webfont.eot);
}
@font-face {
  font-family: "Myriad Pro Italic";
  src: url(fonts/myriadpro-italic_opentype-webfont-webfont.ttf);
}
@font-face {
  font-family: "Open Sans Regular";
  src: url(fonts/OpenSans-Regular-webfont.ttf), url(fonts/OpenSans-Regular-webfont.eot);
}
@font-face {
  font-family: "Open Sans Light";
  src: url(fonts/OpenSans-Light-webfont.ttf), url(fonts/OpenSans-Light-webfont.eot);
}
@font-face {
  font-family: "Open Sans semibold";
  src: url(fonts/OpenSans-Semibold-webfont.ttf), url(fonts/OpenSans-Semibold-webfont.eot);
}
@font-face {
  font-family: 'Inter Light';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Inter'), url('fonts/Inter-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter Regular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Inter'), url('fonts/Inter-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter Medium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Inter'), url('fonts/Inter-Medium.woff2') format('woff2');
}
.hf-font-regular {
  font-family: "Inter Regular", sans-serif;
}
.hf-font-light {
  font-family: "Inter Light", sans-serif;
}
.hf-font-semi-bold {
  font-family: "Inter Medium", sans-serif;
}
.hf-font-roboto {
  font-family: 'Roboto', sans-serif;
}
.hf-reply-button-text {
  font-size: 14px;
  color: #889fe0;
  cursor: pointer;
}
body {
  background: #eeeeee;
}
h1 {
  font-family: "Inter Light", sans-serif;
  font-size: var(--font-size-title);
  color: var(--font-black-100);
}
h2 {
  font-size: 16px;
  color: #2f3433;
}
h3 {
  font-family: "Inter Light", sans-serif;
  font-size: 16px;
  color: #666;
}
h4 {
  font-size: 14px;
  font-family: "Inter Medium", sans-serif;
}
p {
  line-height: 18px;
  letter-spacing: 0.2px;
}
.hf-label {
  color: #666;
}
.hf-label.hf-is-compulsory:after {
  content: '*';
}
.hf-label-help-text {
  margin-left: 3px;
  font-size: 11px;
  font-family: "Inter Light", sans-serif;
  letter-spacing: 0.2px;
}
.hf-checkbox-label {
  color: #666;
  margin: 0 20px 10px 0;
  display: inline-block;
}
.hf-label-container {
  width: 80px;
  margin-top: 9px;
  margin-right: 10px;
}
button,
.hf-button {
  margin-right: 5px;
  background: #fff;
  padding: 5px 9px;
  border-radius: 5px;
  border: 1px solid #d4d4d4;
  cursor: pointer;
  font-size: 13px;
}
button:hover,
.hf-button:hover,
button:focus,
.hf-button:focus {
  background-color: #f4f4f4;
}
button:disabled,
.hf-button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  color: rgba(255, 255, 255, 0.6);
}
button:disabled:hover,
.hf-button:disabled:hover {
  background: #fff;
}
button:focus,
.hf-button:focus {
  outline: 0;
}
button:not(.hf-primary-action):disabled {
  color: #333;
}
button.hf-mod-mini {
  padding: 3px 5px;
}
button.hf-mod-create {
  margin-left: 10px;
  vertical-align: middle;
  background: #f7fafa;
  border-radius: 3px;
}
button.hf-mod-create:hover {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
button.hf-mod-create:disabled:hover {
  box-shadow: none;
}
button.hf-mod-no-margin-right {
  margin-right: 0;
}
button.hf-primary-action {
  border: 0;
  padding: 6px 11px;
  background: var(--ctaColor);
  color: var(--font-white-100);
  font-family: var(--font-family-medium);
}
button.hf-primary-action:hover,
button.hf-primary-action:focus {
  background: #18448D;
}
button.hf-primary-action:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #18448D;
}
button.hf-primary-action:active {
  background: #235FC6;
}
button.hf-primary-action:disabled:hover {
  background: var(--ctaColor);
}
button.hf-primary-action.hf-mod-dark-background {
  font-family: "Inter Medium", sans-serif;
}
button.hf-primary-action.hf-mod-white-background {
  background: #fff;
  color: #000;
}
button.hf-primary-action.hf-mod-delete {
  background: #f43434;
}
button.hf-primary-action.hf-mod-delete:hover,
button.hf-primary-action.hf-mod-delete:focus {
  background: #e12f2f;
}
@-moz-document url-prefix() {
  button.hf-primary-action {
    padding: 5.7px 10.5px;
  }
}
button.hf-primary-action:focus + .hf-mod-button-dropdown {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #18448D;
  border-left: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
a,
.hf-tab {
  color: #859492;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}
.hf-tab {
  position: relative;
  display: inline-block;
  margin-right: 30px;
}
.hf-tab.hf-tab-disabled {
  color: #ccc;
  cursor: not-allowed;
  pointer-events: none;
}
a.hf-secondary-action {
  color: #5a6362;
}
a.hf-secondary-action.hf-mod-dark-background {
  color: #aaa;
}
a:hover:not(.hf-module-switcher-link),
a:focus:not(.hf-module-switcher-link),
a.hf-primary-action,
a.hf-secondary-action:hover,
.hf-tab:hover,
.hf-tab.hf-is-active,
.hf-tab.active {
  color: #08c;
}
a:hover:not(.hf-module-switcher-link) svg:not(.hf-mod-fill) > g,
a:focus:not(.hf-module-switcher-link) svg:not(.hf-mod-fill) > g,
a.hf-primary-action svg:not(.hf-mod-fill) > g,
a.hf-secondary-action:hover svg:not(.hf-mod-fill) > g,
.hf-tab:hover svg:not(.hf-mod-fill) > g,
.hf-tab.hf-is-active svg:not(.hf-mod-fill) > g,
.hf-tab.active svg:not(.hf-mod-fill) > g,
a:hover:not(.hf-module-switcher-link) svg:not(.hf-mod-fill) > path,
a:focus:not(.hf-module-switcher-link) svg:not(.hf-mod-fill) > path,
a.hf-primary-action svg:not(.hf-mod-fill) > path,
a.hf-secondary-action:hover svg:not(.hf-mod-fill) > path,
.hf-tab:hover svg:not(.hf-mod-fill) > path,
.hf-tab.hf-is-active svg:not(.hf-mod-fill) > path,
.hf-tab.active svg:not(.hf-mod-fill) > path {
  stroke: #08c;
}
a:hover:not(.hf-module-switcher-link) svg.hf-mod-fill > g,
a:focus:not(.hf-module-switcher-link) svg.hf-mod-fill > g,
a.hf-primary-action svg.hf-mod-fill > g,
a.hf-secondary-action:hover svg.hf-mod-fill > g,
.hf-tab:hover svg.hf-mod-fill > g,
.hf-tab.hf-is-active svg.hf-mod-fill > g,
.hf-tab.active svg.hf-mod-fill > g,
a:hover:not(.hf-module-switcher-link) svg.hf-mod-fill > path,
a:focus:not(.hf-module-switcher-link) svg.hf-mod-fill > path,
a.hf-primary-action svg.hf-mod-fill > path,
a.hf-secondary-action:hover svg.hf-mod-fill > path,
.hf-tab:hover svg.hf-mod-fill > path,
.hf-tab.hf-is-active svg.hf-mod-fill > path,
.hf-tab.active svg.hf-mod-fill > path {
  fill: #08c;
}
a.hf-is-disabled,
a.hf-primary-action.hf-is-disabled {
  opacity: 0.6;
  pointer-events: none;
}
a:active,
a.hf-secondary-action:active,
.hf-tab:active {
  color: #156eb3;
}
a.hf-primary-button {
  border-radius: 5px;
  padding: 6px 11px;
  background-color: var(--ctaColor);
  color: #fff;
}
a.hf-header-icon:hover,
a.hf-header-icon:focus {
  opacity: 0.8;
}
a.hf-header-icon:hover svg > g,
a.hf-header-icon:focus svg > g,
a.hf-header-icon:hover svg > path,
a.hf-header-icon:focus svg > path {
  stroke: none;
}
a.hf-mod-dotted-underline {
  border-bottom: 1px dotted #859492;
}
a.hf-mod-delete {
  color: #f43434;
}
a.hf-mod-delete:hover {
  color: #e12f2f;
}
.hf-tab.hf-is-active:after,
.hf-tab.active:after {
  position: relative;
  top: 2px;
  display: block;
  width: 100%;
  height: 8px;
  border-bottom: 2px solid #08c;
  content: '';
}
::-moz-focus-inner {
  border: 0;
}
:focus {
  outline: 0;
}
.hf-radio-button {
  display: inline-block;
}
input {
  font-family: "Inter Regular", sans-serif;
  font-size: 13px;
}
input[type=radio]:focus,
input[type=radio]:active,
input[type=radio]:checked {
  outline: 0;
  box-shadow: 0;
}
input[type=checkbox]:focus {
  outline: 1px solid #08c;
  outline-offset: -1px;
}
input[type=checkbox]:focus.hf-mod-no-outline {
  outline: 0;
}
input[disabled] {
  background: #f6f8f8;
  cursor: not-allowed;
}
input[type=text]::-ms-clear {
  display: none;
}
.hf-secondary-label {
  margin-bottom: 10px;
  font-size: 14px;
  color: #999;
}
.hf-u-hide {
  display: none;
}
.hf-hide {
  display: none;
}
.hf-u-invisible {
  visibility: hidden;
}
.hf-u-pull-left {
  float: left;
}
.hf-u-pull-right {
  float: right;
}
.hf-u-push-right {
  margin-left: auto;
}
.hf-u-push-bottom {
  margin-top: auto;
}
.hf-u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.hf-u-inline-block {
  display: inline-block;
}
.hf-u-flex-container {
  display: flex;
}
.hf-u-flex-container.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-u-inline-flex-container {
  display: inline-flex;
}
.hf-u-inline-flex-container.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-u-vertically-centered-container {
  display: flex;
  align-items: center;
}
.hf-u-vertically-centered-container.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-u-vertically-centered-container.hf-mod-space-between {
  justify-content: space-between;
}
.hf-u-horizontally-centered-container {
  display: flex;
  justify-content: center;
}
.hf-u-baseline-aligned-container {
  display: flex;
  align-items: baseline;
}
.hf-u-vertically-centered-inline-container {
  display: inline-flex;
  align-items: center;
}
.hf-u-vertically-top-aligned-container {
  display: flex;
  align-items: flex-start;
}
.hf-u-vertically-top-aligned-container.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-u-flex-max-width {
  flex: 1;
}
.hf-u-flex-no-shrink {
  flex-shrink: 0;
}
.hf-u-hv-centered-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hf-u-align-self-start {
  align-self: flex-start;
}
.hf-u-text-center {
  text-align: center;
}
.hf-u-text-right {
  text-align: right;
}
.hf-u-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.hf-u-disable-pointer-events {
  pointer-events: none;
}
.hf-u-text-uppercase {
  text-transform: uppercase;
}
.hf-u-text-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.hf-u-visible-overflow {
  overflow: visible;
}
.hf-u-break-word {
  overflow-wrap: break-word;
  word-break: break-word;
}
.hf-u-label {
  font-size: 11px;
  color: #b3b3b3;
}
.hf-u-small-link {
  font-size: 12px;
  color: #08c;
}
.hf-u-small-link:hover {
  color: #069;
}
.hf-u-vertical-middle {
  vertical-align: middle;
}
.hf-u-vertical-top {
  vertical-align: top;
}
.hf-u-vertical-bottom {
  vertical-align: bottom;
}
.hf-u-vertical-super {
  vertical-align: super;
}
.hf-u-hv-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hf-u-viewport-centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hf-u-icon-white path {
  stroke: #fff;
}
.hf-u-icon-right-margin {
  margin-right: 5px;
}
.hf-u-icon-right-margin.hf-mod-extra {
  margin-right: 10px;
}
.hf-triggers-icon-align-middle {
  vertical-align: middle;
  width: 15px;
  height: 15px;
}
.hf-triggers-icon-align-middle.hf-triggers-icon-title {
  width: 17px;
  height: 17px;
}
.hf-triggers-icon-align-middle.hf-triggers-selected-icon {
  margin-left: 4px;
}
.hf-step-icon-align-middle {
  vertical-align: middle;
  margin-left: 3px;
}
.hf-u-icon-left-margin {
  margin-left: 5px;
}
.hf-u-space-between-text {
  margin-right: 5px;
}
.mask-separator {
  margin-right: 10px;
}
.hf-u-separator {
  margin-left: 10px;
}
.hf-u-loader-small {
  width: 30px;
}
.hf-u-loader-xsmall {
  width: 20px;
  height: 20px;
}
.hf-u-loader-xsmall.hf-mod-dark {
  fill: #ccc;
}
.hf-u-position-relative {
  position: relative;
}
.hf-u-disclosure-indicator {
  display: inline-flex;
  transition: all 0.2s;
}
.hf-u-upside-down {
  transform: rotate(180deg);
}
.hf-u-up-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #fff;
  content: '';
}
.hf-u-down-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0;
  border-color: #fff transparent transparent;
  content: '';
}
.hf-u-absolute-fill {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.hf-u-cursor-pointer {
  cursor: pointer;
}
.hf-u-cursor-default {
  cursor: default;
}
.hf-u-cursor-drag {
  cursor: move;
}
.hf-u-cursor-drag.hf-mod-disabled {
  cursor: not-allowed;
}
.hf-u-cursor-not-allowed {
  cursor: not-allowed;
}
.hf-u-translucent-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(89, 92, 100, 0.5);
}
.hf-u-content-overlay {
  position: fixed;
  top: 43px;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(10, 10, 10, 0.6);
}
.hf-u-content-overlay.hf-mod-crm-create-edit-entity-in-new-ticket {
  z-index: 4;
}
.hf-u-transparent-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}
.hf-u-fading-border {
  border-image-slice: 0 0 1 0;
  border-image-source: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}
.hf-u-underline {
  text-decoration: underline;
}
.hf-u-comma-separated-entity:not(:last-child):after {
  content: ', ';
}
.hf-u-text-overflow-flex-child {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.hf-u-list {
  margin-left: 20px;
}
.hf-u-list_item {
  margin: 8px 0;
  list-style: disc;
}
.hf-u-sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
  background-color: #fafcfc;
  animation: hf-slide-in-down 200ms 0ms ease forwards;
}
.hf-u-nav-tabs {
  display: inline-block;
  margin-bottom: 10px;
  border-bottom: 2px solid;
  border-image-slice: 0 0 1 0;
  border-image-source: linear-gradient(to right, #bfbfbf 0%, rgba(0, 0, 0, 0) 100%);
  padding-right: 50px;
}
.hf-u-slide-in {
  position: fixed;
  top: 43px;
  bottom: 0;
  right: 0;
  z-index: 3;
  width: 600px;
  background-color: #fff;
  box-shadow: -2px 2px 6px 0;
  animation: hf-slide-in-left 200ms 0ms ease forwards;
}
.hf-u-slide-in.hf-is-hidden {
  animation: hf-slide-out-right 200ms 0ms ease forwards;
  box-shadow: none;
}
.hf-u-slide-in.hf-mod-mini {
  width: 400px;
}
.hf-u-slide-in.hf-mod-crm-create-edit-entity-in-new-ticket {
  z-index: 4;
  box-shadow: none;
}
.hf-u-slide-in.hf-mod-crm-create-edit-entity-in-new-ticket .hf-form-header_close {
  display: none;
}
.hf-u-slide-in.hf-mod-auto-width {
  width: auto;
}
.hf-u-dark-bg {
  background-color: #2c2c2c;
}
.hf-u-info-icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  border-radius: 50%;
  background: #666;
  color: #fff;
}
.hf-u-link-color {
  color: #08c;
}
.hf-u-link-color:hover {
  color: #069;
}
.hf-u-question-mark {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border: 1px solid #333;
  border-radius: 8px;
  font-size: 12px;
}
.hf-u-question-mark:after {
  content: '?';
}
.hf-u-empty-state-color {
  color: #666;
}
.hf-u-warning-text {
  color: #d0021b;
}
.hf-u-under-construction {
  margin-top: 30px;
  text-align: center;
}
.hf-u-horizontally-centered {
  margin: 0 auto;
}
.hf-u-vertical-flex-container {
  display: flex;
  flex-direction: column;
}
.hf-u-flex-end {
  align-items: flex-end;
}
.hf-u-dropdown-trigger {
  display: flex;
  align-items: center;
  background: url(svgs/dropdown-arrow-down.svg) no-repeat right 5px center;
  border-radius: 5px;
  padding: 4px 20px 4px 8px;
  cursor: pointer;
  font-size: 14px;
}
.hf-u-dropdown-trigger:hover {
  background-color: #fafafa;
}
.hf-u-paragraph {
  margin-bottom: 10px;
}
.hf-u-panel-caret {
  flex-shrink: 0;
}
.hf-u-panel-caret.hf-mod-rotate {
  transform: rotate(90deg);
}
.hf-u-rotate {
  transform: rotate(90deg);
}
.hf-u-rotate-anti-clock-wise {
  transform: rotate(-90deg);
}
.hf-u-margin-top-10 {
  margin-top: 10px;
}
@keyframes hf-slide-in-up {
  from {
    transform: translate3d(0, 15%, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.hf-slide-in-up {
  animation: hf-slide-in-up 200ms 0ms ease;
}
@keyframes hf-slide-in-down {
  from {
    transform: translate3d(0, -15%, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.hf-slide-in-down {
  animation: hf-slide-in-down 200ms 0ms ease forwards;
}
@keyframes hf-slide-out-down {
  from {
    transform: translate3d(0, 0%, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 15%, 0);
    opacity: 0;
  }
}
.hf-slide-out-down {
  animation: hf-slide-out-down 200ms 0ms ease forwards;
}
@keyframes bounce {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  30% {
    transform: translateY(-50%);
    opacity: 0.5;
  }
  60% {
    transform: scale(1.5) translateY(0);
    opacity: 1;
  }
  90% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hf-scale-up {
  0% {
    opacity: 0;
    transform: translateY(-20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes hf-scale-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20%);
  }
}
.hf-scale-up {
  animation: hf-scale-up 500ms forwards;
}
.hf-scale-down {
  animation: hf-scale-down 500ms forwards;
}
@keyframes hf-scale-in {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.hf-scale-in {
  animation: hf-scale-in 200ms 0s ease forwards;
}
@keyframes hf-scale-out {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.hf-scale-out {
  animation: hf-scale-out 200ms 0s ease forwards;
}
@keyframes hf-fade-in {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.25;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
.hf-fade-in {
  animation: hf-fade-in 1000ms;
}
.hf-fade-in-fast {
  animation: hf-fade-in 400ms;
}
@keyframes hf-fade-out {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.hf-fade-out {
  animation: hf-fade-out 700ms forwards;
}
@keyframes hf-overlay-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.hf-overlay-fade-in {
  animation: hf-overlay-fade-in 200ms ease-out forwards;
}
@keyframes hf-overlay-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.hf-overlay-fade-out {
  animation: hf-overlay-fade-out 200ms ease-out forwards;
}
@keyframes placeholder {
  0% {
    background-position: -500px 0;
  }
  100% {
    background-position: 500px 0;
  }
}
.hf-placeholder {
  animation: placeholder 1200ms linear forwards infinite;
}
@keyframes hf-slide-in-left {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
.hf-slide-in-left {
  animation: hf-slide-in-left 200ms 0ms ease forwards;
}
@keyframes hf-slide-out-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
.hf-slide-out-right {
  animation: hf-slide-out-right 200ms 0ms ease forwards;
}
.workflow-main-container .hf-list-body {
  position: static;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
.workflow-main-container .hf-toast-message {
  z-index: 99999999;
}
.workflow-main-container .hf-top-nav-bar_title {
  padding-left: 22px;
}
.workflow-main-container .hf-details_nav-bar {
  position: absolute;
  top: 42px;
  left: 60px;
  border-radius: 0px 0px 14px 14px;
  width: calc(100% - 60px);
  background-color: #F9F9FA;
}
.workflow-main-container .hf-details_nav-bar .hf-details_nav-bar_back:hover {
  color: var(--ctaColor);
}
.workflow-main-container .hf-details_nav-bar .hf-details_nav-bar_right_close {
  border-left: none;
}
.workflow-main-container .hf-details_nav-bar .hf-details_nav-bar_right_close:hover {
  color: var(--ctaColor);
}
.workflow-main-container:has(.hf-details_nav-bar) #hf-wf-top-nav-bar {
  border-radius: 0px;
}
.workflow-main-container:has(.canvas-builder-header) #hf-wf-top-nav-bar {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);
  border-radius: 0px;
}
.workflow-main-container:has(.hf-mod-setup-workflow) .hf-content.hf-content-left-spacing {
  max-height: calc(100% - 42px);
}
.workflow-main-container:has(.hf-workflows_setup-workflow-container) .hf-content-left-spacing {
  flex: unset;
  overflow: unset;
}
.workflow-main-container .hf-workflow_edit-action-form {
  bottom: 58px;
}
.workflow-main-container .run-history-main-container {
  display: flex;
  width: 100%;
  height: calc(100vh - 42px);
}
.workflow-main-container .run-history-main-container .hf-content {
  overflow-y: auto;
}
.workflow-main-container .run-history-main-container .left-nav-wrapper {
  position: relative;
  height: calc(100vh - 42px);
  top: 0px;
}
.workflow-main-container:has(.hf-workflows-dashboard) .header-wrapper {
  background: #9b97b6;
}
.workflow-main-container .ember-light-table {
  width: 100% !important;
}
.workflow-main-container:has(.hf-workflows-dashboard) .hf-content {
  overflow: hidden;
}
.hf-list-body {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  top: 43px;
  left: 230px;
  overflow-y: auto;
  min-width: 1050px;
  background-color: #eeeeee;
  padding-right: 20px;
}
.hf-list-body.hf-mod-fullscreen {
  left: 0;
}
.hf-list-body.hf-library-list-body {
  left: var(--libraryNavWidth);
}
.hf-list-body.hf-is-loading {
  cursor: wait;
}
.hf-list-body_header {
  display: flex;
  align-items: center;
  position: relative;
  height: 30px;
  z-index: 2;
  margin-bottom: 20px;
  animation: hf-fade-in 400ms;
}
.hf-list-body_header.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-list-body_header.hf-mod-space-between {
  justify-content: space-between;
}
.hf-list-body_header.hf-mod-contacts-list {
  z-index: 3;
}
.hf-ticket-list-header-title {
  max-width: 50%;
  padding-right: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.hf-list-body.hf-is-header-sticky,
.hf-search-results-body.hf-is-header-sticky {
  margin-top: 53px;
}
.hf-list-body.hf-is-header-sticky .hf-list-body_header,
.hf-search-results-body.hf-is-header-sticky .hf-list-body_header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
  background-color: #fafcfc;
  animation: hf-slide-in-down 200ms 0ms ease forwards;
  left: 230px;
  height: 58px;
  margin-top: 0;
  padding-right: 20px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hf-list-body.hf-is-header-sticky .hf-list-body_header,
  .hf-search-results-body.hf-is-header-sticky .hf-list-body_header {
    top: 43px;
  }
}
.hf-list-body_header_view-edit {
  cursor: pointer;
  opacity: 0;
}
.hf-list-body_header:hover .hf-list-body_header_view-edit {
  opacity: 1;
}
.hf-related-tickets_list-body_header {
  position: relative;
  margin-left: -20px;
  padding-left: 20px;
}
.hf-pagination.hf-mod-header {
  margin-bottom: 0;
}
.hf-pagination.hf-mod-header.hf-mod-contacts {
  margin-left: 15px;
}
.hf-list-dummy-tickets {
  position: relative;
}
.hf-list-dummy-tickets-overlay {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(244, 246, 246, 0) 0%, #e6e8e8 100%);
}
.hf-list-dummy-tickets-overlay.hf-mod-kanban-view {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f4f6f6);
}
.hf-pop-over.hf-mod-ticket-more-actions {
  top: 50px;
}
.hf-list-body_header_sort {
  margin-left: 15px;
  border-radius: 5px;
  padding: 5px;
  cursor: pointer;
}
.hf-list-body_header_sort:hover,
.hf-list-body_header_sort.hf-is-open {
  background-color: rgba(0, 0, 0, 0.06);
}
.hf-list-body_header_sort_icon {
  margin-right: 12px;
}
.hf-list-view-switcher {
  width: 26px;
  height: 26px;
  border: solid 1px #dbdbdb;
  background-color: #fbfbfb;
}
.hf-list-view-switcher:hover {
  background: #fff;
}
.hf-list-body_select-queue-tickets {
  background-color: #f7feff;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #cbcbcb;
  border-radius: 8px;
  margin-left: 40px;
  padding: 15px 20px;
  font-size: 15px;
  color: #666;
}
.hf-list-body_select-queue-tickets ~ .hf-list-body_table {
  margin-top: 20px;
}
.hf-list-body_select-queue-tickets_warning {
  margin-bottom: 10px;
  margin-top: 6px;
  font-size: 13px;
}
.hf-list-body_select-queue-tickets_warning ul {
  list-style-type: disc;
}
.hf-list-body_select-queue-tickets_warning ul li {
  margin-left: 21px;
  margin-top: 4px;
}
.hf-mini-pop-over.hf-mod-sort {
  top: 30px;
  width: 275px;
  padding: 10px 5px;
}
.hf-mini-pop-over.hf-mod-sort .hf-mini-pop-over_item {
  border-radius: 4px;
  padding: 7px 20px 7px 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.hf-mini-pop-over.hf-mod-sort .hf-mini-pop-over_item:hover {
  background-color: #f4f4f4;
  color: inherit;
}
.hf-mini-pop-over.hf-mod-sort .hf-mini-pop-over_item.hf-mod-disabled {
  display: inline-block;
  cursor: not-allowed;
  color: rgba(106, 106, 106, 0.5);
}
.hf-mini-pop-over.hf-mod-sort .hf-mini-pop-over_item.hf-mod-disabled:hover {
  background: none;
}
.hf-mini-pop-over.hf-mod-sort:before,
.hf-mini-pop-over.hf-mod-sort:after {
  left: 89%;
}
.hf-mini-pop-over.hf-mod-sort.hf-mod-list-view-switcher:before,
.hf-mini-pop-over.hf-mod-sort.hf-mod-list-view-switcher:after {
  left: 95%;
}
.hf-mini-pop-over.hf-mod-sort .hf-mini-pop-over_item.hf-is-current {
  background: url(svgs/tick.svg) no-repeat 96% 50% #f4f4f4;
}
.hf-mini-pop-over.hf-mod-ticket-sort {
  width: 320px;
}
.hf-mini-pop-over.hf-mod-pagination {
  top: 30px;
  width: 140px;
  padding: 5px 0;
}
.hf-mini-pop-over.hf-mod-pagination .hf-mini-pop-over_item {
  border-radius: 4px;
  padding: 5px 20px 5px 12px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.hf-mini-pop-over.hf-mod-pagination .hf-mini-pop-over_item:hover {
  background-color: #f4f4f4;
  color: inherit;
}
.hf-mini-pop-over.hf-mod-pagination:before,
.hf-mini-pop-over.hf-mod-pagination:after {
  left: 70%;
}
.hf-mini-pop-over.hf-mod-pagination .hf-mini-pop-over_item.hf-is-current {
  background: url(svgs/tick.svg) no-repeat 96% 50% #f4f4f4;
}
.hf-list-body_header_actions {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.hf-list-body_header_actions.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-list-body_header_actions.hf-mod-space-between {
  justify-content: space-between;
}
.hf-list-body_header_actions.hf-mod-disabled {
  pointer-events: none;
  cursor: auto;
}
.hf-list-body_header_action {
  margin-right: 10px;
  cursor: pointer;
}
.hf-pagination.hf-mod-ticket-list {
  margin-left: 15px;
}
.hf-filters_trigger {
  display: flex;
  margin-left: 15px;
  border-radius: 4px;
  padding: 4px 20px;
  background: url(svgs/filter.svg) 4% center no-repeat, url(svgs/disclosure-indicator.svg) 95% center no-repeat;
  cursor: pointer;
}
.hf-filters_trigger.hf-mod-new-filter {
  padding-right: 0;
  background: url(svgs/filter.svg) 14% center no-repeat;
}
.hf-filters_trigger.hf-mod-new-filter .hf-filters_trigger_text {
  padding: 0 8px;
}
.hf-filters_trigger.hf-is-open,
.hf-filters_trigger:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.hf-filters_trigger_text {
  display: inline-block;
  max-width: 200px;
  padding: 0 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.hf-filters_trigger_text.hf-mod-filters-applied {
  padding: 0 5px;
}
.hf-filters_container {
  min-width: 300px;
  top: 30px;
}
.hf-filters_container:before,
.hf-filters_container:after {
  left: 89%;
}
.hf-filters_container_header {
  margin-bottom: 12px;
  border: 1px solid #ebebeb;
}
.hf-filters_container_divider-line {
  border: 1px solid #eaeaea;
  opacity: 0.5;
}
.hf-filters_container_list {
  max-height: 450px;
  overflow-y: auto;
  padding: 0 15px 10px 5px;
}
.hf-filters_container_add-filter {
  width: 270px;
  margin: 13px 15px;
}
.hf-mod-filter-label {
  display: flex;
  width: 100%;
  margin-bottom: 0;
  padding: 5px;
  font-size: 14px;
}
.hf-mod-filter-label.hf-tooltipped:after {
  max-width: 100%;
  white-space: normal;
  text-align: left;
}
.hf-filter {
  margin-left: 12px;
  margin-bottom: 2px;
  border-radius: 2px;
}
.hf-filter:hover,
.hf-filter.hf-is-active {
  background: #f4f4f4;
}
.hf-filter:hover .hf-filter_delete,
.hf-filter.hf-is-active .hf-filter_delete {
  visibility: visible;
}
.hf-filter_name {
  display: flex;
  align-items: center;
  flex: 1;
  margin-left: 5px;
}
.hf-filter_name.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-filter_name.hf-mod-space-between {
  justify-content: space-between;
}
.hf-filter_name.hf-is-disabled {
  color: rgba(102, 102, 102, 0.6);
}
.hf-filter_delete {
  visibility: hidden;
  height: 16px;
  margin-left: auto;
  cursor: pointer;
}
.lt-cell .hf-ticket-box_subject_text {
  font-size: 14px;
}
.lt-cell .hf-ticket-action_value {
  overflow: visible;
  margin: 0;
}
.lt-cell.hf-mod-ticket-action {
  overflow: visible;
  padding: 0;
}
.lt-cell.hf-mod-ticket-action .hf-ticket-box_actions-row_element {
  border-right: none;
}
.hf-table-settings .hf-mini-pop-over_sub-menu {
  padding-top: 0;
}
.hf-table-settings .hf-mini-pop-over_sub-menu li:first-child {
  padding-top: 20px;
}
.hf-compact-view-assets-text-header {
  width: 150px;
  font-size: 10px;
  text-transform: uppercase;
  font-family: "Inter Medium", sans-serif;
}
.hf-compact-view-assets-quantity-header {
  width: 25px;
  margin-left: 5px;
  font-size: 10px;
  text-transform: uppercase;
  font-family: "Inter Medium", sans-serif;
  text-align: right;
}
.hf-compact-view-assets-text {
  width: 150px;
  font-size: 12px;
  color: #888;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.hf-compact-view-assets-quantity {
  width: 25px;
  margin-left: 5px;
  font-size: 12px;
  color: #888;
  margin-left: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
}
.hf-mini-pop-over.hf-mod-table-cell_pop-over-content.hf-mod-compact-view-assets {
  top: 17px;
}
.hf-mini-pop-over.hf-mod-table-cell_pop-over-content.hf-mod-compact-view-assets .hf-table-cell_pop-over_value {
  margin: 10px 15px;
}
.hf-mini-pop-over.hf-mod-table-cell_pop-over-content.hf-mod-compact-view-assets .hf-table-cell_pop-over_value.hf-mod-header {
  margin: 15px 15px 10px;
  border-bottom: 1px solid #ececec;
  padding-bottom: 5px;
}
.hf-mini-pop-over.hf-mod-table-cell_pop-over-content.hf-mod-compact-view-assets .hf-table-cell_pop-over_value:last-child {
  margin-bottom: 15px;
}
.hf-ticket-list-body_search-message ~ .hf-list-body_select-queue-tickets {
  margin-top: 15px;
}
.hf-kanban-view-options_trigger .hf-ticket-action_loader {
  display: inline-block;
  position: relative;
  top: 5px;
}
.hf-details_nav-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 40px;
  background: #fafcfc;
  border: 1px solid #e5e5e5;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
  padding-left: 30px;
  display: flex;
  align-items: center;
}
.hf-details_nav-bar.hf-edit-workflow-nav-bar {
  padding-left: 20px;
}
.hf-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 0;
}
.hf-pagination.hf-mod-bottom {
  flex-direction: row-reverse;
  margin-left: 40px;
}
.hf-pagination.hf-mod-bottom .hf-list-body_header_pagination {
  margin-left: 10px;
}
.hf-list-body_header_pagination {
  margin-right: 10px;
  padding: 5px;
  border-radius: 5px;
  color: var(--font-gray-80);
}
.hf-list-body_header_pagination:hover,
.hf-list-body_header_pagination.hf-is-open {
  background-color: rgba(0, 0, 0, 0.06);
}
.hf-list-body_header_pagination .hf-ticket-action_loader {
  display: flex;
  align-items: center;
}
.hf-list-body_header_pagination .hf-ticket-action_loader.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-list-body_header_pagination .hf-ticket-action_loader.hf-mod-space-between {
  justify-content: space-between;
}
.hf-list-body_header_pagination_group {
  border-top: 2px solid #f4f4f4;
}
.hf-pagination_button {
  padding: 6px 9px;
  background-color: #fff;
  cursor: pointer;
  border: 1px solid #dbdbdb;
}
.hf-pagination_button:hover {
  background-color: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.hf-pagination_button[disabled] {
  cursor: default;
}
.hf-pagination_button[disabled]:hover {
  background-color: #fff;
}
.hf-pagination_button[disabled] > svg > path {
  fill: #d1d1d1;
  stroke: #d1d1d1;
}
.hf-pagination_button.hf-mod-left {
  margin-right: 1px;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.hf-pagination_button.hf-mod-right {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.hf-pagination.hf-mod-header_actions {
  min-width: 130px;
}
.hf-avatar-image {
  width: 22px;
  height: 22px;
  margin-right: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
.hf-logout_message {
  font-family: "Inter Medium", sans-serif;
  font-size: 28px;
}
.hf-details_nav-bar_right_close {
  display: flex;
  align-items: center;
  border-left: 1px solid rgba(102, 102, 102, 0.2);
  cursor: pointer;
  padding: 11.5px;
  font-size: var(--font-size-caption);
  color: var(--font-gray-40);
}
.hf-details_nav-bar_right_close.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-details_nav-bar_right_close.hf-mod-space-between {
  justify-content: space-between;
}
.hf-match-all_add-conditions,
.hf-match-any_add-conditions {
  width: 40px;
  margin: 7px 5px;
  border: 1px solid #cbcbcb;
  border-radius: 8px;
  padding: 8px 13px;
  background: #f5f5f5;
  font-family: "Inter Light", sans-serif;
  font-size: 20px;
  color: #555;
}
.hf-match-all_add-conditions:hover,
.hf-match-any_add-conditions:hover,
.hf-match-all_add-conditions.hf-is-open,
.hf-match-any_add-conditions.hf-is-open {
  background: rgba(0, 0, 0, 0.04);
}
.canvas-action-widget .hf-match-all_add-conditions,
.canvas-action-widget .hf-match-any_add-conditions {
  box-shadow: 0 3px 7px 1px #00000003, 0 4px 4px 0 rgba(0, 0, 0, 0.05) !important;
  border-radius: 6px !important;
  background-color: #ffffff !important;
  color: #000 !important;
}
.hf-entity-content_block {
  margin-bottom: 30px;
}
.hf-entity-content_block:last-child {
  margin-bottom: 0;
}
.hf-entity-content_block .hf-form-field.hf-mod-top-margin {
  margin-top: 20px;
}
.hf-workflows_form-component .hf-pop-over.hf-insert-merge-fields-popover {
  width: 400px;
  right: 0;
}
.hf-workflows_form-component .hf-pop-over.hf-insert-merge-fields-popover .ember-basic-dropdown-content.ember-power-select-dropdown {
  border: 1px solid #ccc;
  border-top: 0;
}
.hf-pop-over-container.hf-insert-merge-fields {
  top: -6px;
}
.hf-workflow-action_error {
  margin: 10px 0;
}
.hf-workflow-action_error_field {
  margin-right: 10px;
}
.hf-workflows_action-details_separator {
  margin-left: 10px;
}
.hf-field-preview_text {
  max-height: 100px;
  overflow: hidden;
}
.hf-field-preview_text.hf-mod-full-text {
  height: auto;
  max-height: none;
}
.hf-field-preview_toggle {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 15px;
  color: #08c;
  cursor: pointer;
}
.hf-app-details_left_manage-button {
  display: inline-block;
  width: 100%;
  margin: 5px 0;
  border-radius: 4px;
  padding: 6px 11px;
  background: #5bc683;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.hf-left-nav_footer {
  position: fixed;
  z-index: 2;
  bottom: 0;
  width: 230px;
  height: 40px;
  background: #fff;
  animation: hf-slide-in-up 200ms 0ms ease;
}
.hf-left-nav_footer .hf-primary-action,
.hf-left-nav_footer .hf-secondary-action {
  width: 50%;
  height: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  font-size: 14px;
}
.hf-list-body.hf-mod-workflows-dashboard-body {
  background: #1A1F23;
  left: 0;
}
.hf-list-body.hf-mod-workflows-dashboard-body h1,
.hf-list-body.hf-mod-workflows-dashboard-body h3 {
  color: #fff;
}
.hf-workflows-dashboard {
  position: absolute;
  top: 43px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  overflow-y: auto;
}
.workflow-main-container {
  display: flex;
  height: 100%;
}
.workflow-main-container .module-switcher-wrapper {
  flex: 0;
}
.workflow-main-container .module-switcher-wrapper .module-switcher-inner-wrapper {
  position: relative;
  height: 100%;
}
.workflow-main-container .module-switcher-wrapper .module-switcher-inner-wrapper .module-switcher {
  display: flex;
  width: 100%;
  height: 100%;
}
.workflow-main-container .hf-workflows-dashboard {
  position: relative;
  top: 0;
}
.workflow-main-container .hf-edit-workflow-nav-bar {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
}
.workflow-main-container .hf-content-left-spacing:has(.library-container) > .hf-content {
  height: calc(100% - 42px);
}
.workflow-main-container .library-filter-section {
  display: flex;
  align-items: center;
}
.workflow-main-container .hf-workflows-list-body_container {
  min-height: calc(100vh - 42px);
}
.workflow-main-container .hf-workflows_setup-workflow-container {
  padding: 0px;
}
.workflow-main-container .hf-workflows_action-details-container {
  bottom: 48px;
}
.workflow-main-container .hf-workflow-execution_details {
  padding: 38px 0 60px 30px;
}
.workflow-main-container .hf-list-body:has(.run-history-secondary-header) {
  padding: 0;
  position: relative;
  overflow: visible;
}
.workflow-main-container .hf-list-body:has(.run-history-secondary-header) .run-history-secondary-header {
  position: sticky;
  top: 42px;
  left: 0px;
  width: 100%;
}
.workflow-main-container .hf-mod-manage-forms-body {
  padding-right: 0px;
}
.workflow-main-container .hf-mod-manage-forms-body .form-submission-wrapper {
  padding-right: 20px;
}
.workflow-main-container .hf-mod-manage-forms-body .hf-details_nav-bar {
  position: sticky;
  top: 0px;
  left: 0;
  right: 0;
  width: 100%;
}
.workflow-main-container .hf-mod-setup-workflow:has(.hf-form-details-container) {
  position: relative;
  top: 0;
  overflow: visible;
  max-height: calc(100% - 42px);
}
.workflow-main-container .hf-mod-setup-workflow:has(.hf-form-details-container) .hf-details_nav-bar {
  position: sticky;
  top: 42px;
  left: 0;
  right: 0;
  width: 100%;
}
.workflow-main-container .hf-mod-setup-workflow:has(.hf-form-details-container) .hf-form-details-container {
  padding: 15px 0 20px 30px;
  max-height: calc(100% - 40px);
}
.workflow-main-container .hf-app-details .hf-app-details_left_top {
  width: 90px;
  height: 90px;
}
.workflow-main-container .hf-app-details .hf-app-details_left_top .hf-app-details_application-logo {
  width: 90px;
  height: 90px;
}
.workflow-main-container:has(.library-container) .hf-details_nav-bar.hf-mod-library-details {
  left: 60px;
}
.workflow-main-container:has(.hf-form-details-container) .hf-content.hf-content-left-spacing {
  max-height: 100% !important;
}
.hf-list-body.hf-mod-manage-forms-body {
  left: 0;
}
.hf-app-description_how-to-setup_text {
  padding: 2px 0;
  color: var(--font-gray-60);
}
.update-profile-toast-message {
  position: fixed;
  top: 25px;
  left: 36%;
}
.hf-form-header_close {
  position: absolute;
  top: 0;
  left: 0;
  border-bottom-left-radius: 5px;
  padding: 17px 16px;
  background-color: #f0f0f0;
  cursor: pointer;
  transform: translateX(-100%);
}
.hf-form-header_close .hf-mod-close-svg {
  display: block;
}
.hf-entity-header {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 20px;
  border-bottom: 1px solid #e6e6e6;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
}
.hf-entity-header.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-entity-header.hf-mod-space-between {
  justify-content: space-between;
}
.hf-entity-header_title {
  font-size: 18px;
}
.hf-entity-header_action {
  font-size: 13px;
  margin-left: 20px;
  padding-top: 4px;
}
.hf-entity-content {
  position: absolute;
  top: 44px;
  right: 0;
  left: 0;
  bottom: 56px;
  padding: 20px;
  overflow-y: auto;
}
.hf-entity-content.hf-mod-no-footer {
  bottom: 0;
}
.hf-entity-footer {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 56px;
  border-top: 1px solid #d5d7d8;
  padding: 13px 26px;
  background-color: #f9fafb;
}
.hf-entity-footer.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-entity-footer.hf-mod-space-between {
  justify-content: space-between;
}
.hf-entity-footer_primary {
  margin-right: 20px;
}
.hf-entity-content_block {
  margin-bottom: 20px;
}
.hf-entity-content_block:last-child {
  margin-bottom: 0;
}
.hf-entity-content_block .hf-form-field.hf-mod-top-margin {
  margin-top: 20px;
}
.hf-entity-content_name {
  font-size: 16px;
  color: #545c5b;
}
.hf-entity-content_description {
  margin-top: 10px;
  line-height: 16px;
  color: #7c807f;
}
.hf-entity-content_goal {
  color: #999;
}
.hf-entity-content_goal-value {
  font-family: "Inter Medium", sans-serif;
  margin-top: 5px;
  font-size: 16px;
}
.hf-entity-content_single-action {
  display: flex;
  align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 20px;
  background-color: #fbfbfb;
  font-size: 16px;
  box-shadow: 0 0 4px 0 rgba(221, 221, 221, 0.5);
}
.hf-entity-content_single-action.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-entity-content_single-action.hf-mod-space-between {
  justify-content: space-between;
}
.hf-entity-content_header {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 30px 0 20px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  padding-left: 15px;
  background-color: #e8ebeb;
  font-size: 14px;
}
.hf-entity-content_header.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-entity-content_header.hf-mod-space-between {
  justify-content: space-between;
}
.hf-entity-content_header.hf-mod-no-margin-top {
  margin-top: 0;
}
.hf-entity-content_header.hf-mod-ticket-template-about {
  width: 510px;
}
.hf-entity-content_box {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #dee2e4;
  border-radius: 2px;
  padding: 15px 15px 0;
}
.hf-entity-content_box.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-entity-content_box.hf-mod-sla-objective {
  background-color: #f5f7f7;
  padding-bottom: 15px;
}
.hf-entity-content_box-half {
  width: 50%;
  margin-bottom: 10px;
  padding-right: 5px;
}
.hf-entity-content_box-one-third {
  width: 33%;
  padding-right: 5px;
}
.hf-entity-content .hf-form-field {
  margin-bottom: 20px;
}
.hf-entity-content .hf-form-field.hf-mod-less-width {
  width: 60%;
}
.hf-entity-content .hf-form-field.hf-mod-min-width .hf-form-field_value {
  width: 70px;
}
.hf-entity-content .hf-form-field:last-child {
  margin-bottom: 0;
}
.hf-entity-content .hf-form-field.hf-mod-condition {
  margin-bottom: 10px;
}
.hf-entity-content .hf-mod-multi-choice .hf-form-field-input,
.hf-wizard_content .hf-mod-multi-choice .hf-form-field-input {
  display: flex;
  flex-wrap: wrap;
}
.hf-entity-content .hf-mod-multi-choice .hf-form-field-input.hf-mod-wrap,
.hf-wizard_content .hf-mod-multi-choice .hf-form-field-input.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-entity-content .hf-mod-multi-choice .hf-form-field-input li,
.hf-wizard_content .hf-mod-multi-choice .hf-form-field-input li {
  width: 50%;
}
.hf-entity-action {
  display: inline-block;
  border: solid 1px #c8c8c8;
  border-radius: 2px;
  padding: 6px 8px;
  background-color: #f3f3f3;
  font-size: 12px;
}
.hf-entity-content_label {
  padding-bottom: 5px;
  color: #999;
}
.hf-entity-content_value {
  margin-top: 5px;
  font-size: 14px;
}
.hf-create-entity-header {
  display: flex;
  align-items: center;
  height: 43px;
  padding: 0 20px 0 30px;
  background-color: #fafdfd;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
}
.hf-create-entity-header.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-create-entity-header.hf-mod-space-between {
  justify-content: space-between;
}
.hf-create-entity-header_title {
  font-size: 16px;
  letter-spacing: 0.2px;
  color: #333;
}
.hf-create-entity-header_action {
  margin-left: auto;
  display: flex;
  align-items: center;
  border-left: 1px solid #dcdddd;
  padding: 13px 0 13px 20px;
}
.hf-create-entity-header_action.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-create-entity-header_action.hf-mod-space-between {
  justify-content: space-between;
}
.hf-create-entity-content {
  padding: 20px 30px;
}
.hf-automate-search {
  margin-right: 10px;
  width: 275px;
  height: 30px;
  border: solid 1px #e1e1e1;
  border-radius: 4px;
  padding: 0 27px;
  background-color: #fcfcfc;
  background-image: url(svgs/search.svg);
  /* stylelint-disable-line custom_plugin/disallow-svg-url */
  background-position: 8px 7px;
  background-repeat: no-repeat;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.07);
}
.hf-text-search {
  margin-right: 10px;
  width: 275px;
  height: 30px;
  border: solid 1px #e1e1e1;
  border-radius: 4px;
  padding: 0 27px;
  background-color: #fcfcfc;
  background-image: url(svgs/search.svg);
  /* stylelint-disable-line custom_plugin/disallow-svg-url */
  background-position: 8px 7px;
  background-repeat: no-repeat;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.07);
  width: 350px;
  background-color: #f9f9f9;
}
.hf-global-search_clear.hf-mod-automate-clear-search {
  top: 7px;
  right: 16px;
}
.hf-filter-pane_header.hf-mod-automate {
  border-bottom: none;
}
.hf-filter-pane_header.hf-mod-automate.hf-is-collapsed {
  border-radius: 8px;
}
.hf-filter-pane_header.hf-mod-automate .hf-filter-pane_header_text {
  padding: 10px 0;
}
.hf-filters_trigger.hf-mod-automate {
  margin-right: 15px;
  padding-right: 6px;
}
.hf-pagination.hf-mod-automate {
  min-width: 130px;
}
.hf-automate-header_actions {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.hf-automate-header_actions .hf-pagination {
  padding: 0;
}
.hf-create-entity-header.hf-mod-dark-mode {
  background: #444;
}
.hf-create-entity-header.hf-mod-dark-mode .hf-create-entity-header_title {
  color: #fff;
}
.hf-create-entity-header.hf-mod-dark-mode .hf-create-entity-header_action {
  color: #fff;
  border-left: 1px solid #666;
}
.hf-create-entity-header.hf-mod-dark-mode .hf-create-entity-header_action svg > g {
  stroke: #fff;
}
.hf-entity-box_footer_active {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: linear-gradient(180deg, #5bc683 0%, #56b57a 100%);
}
.hf-entity-box_footer_active.hf-mod-inactive {
  background: linear-gradient(180deg, #bdbcbb 0%, #928f8f 98.47%);
}
.hf-agents-list-table {
  margin: 10px 0;
}
.hf-agents-list-table .ember-light-table .lt-cell {
  padding: 2px 15px;
}
.hf-pending-agent-table .ember-light-table .lt-body-wrap,
.hf-pending-sso-agent-table .ember-light-table .lt-body-wrap {
  overflow-y: auto;
}
.hf-pending-agent-table .tse-scroll-content,
.hf-pending-sso-agent-table .tse-scroll-content {
  position: static !important;
  height: auto !important;
  min-height: 176px;
  max-height: 460px;
}
.hf-pending-agent-table .ember-light-table .lt-body-wrap,
.hf-agents-list-table .ember-light-table .lt-body-wrap {
  overflow-y: auto;
  min-height: 300px;
}
.hf-pending-agent_more-options .hf-mini-pop-over {
  width: 300px;
  text-align: left;
}
.hf-pending-agent_more-options .hf-mini-pop-over:before,
.hf-pending-agent_more-options .hf-mini-pop-over:after {
  display: none;
}
.hf-agent-detail_deactivate {
  width: 300px;
  top: 30px;
  padding: 15px;
}
.hf-agent-detail_deactivate:before {
  margin-left: 20px;
}
.hf-agent-detail_deactivate:after {
  margin-left: 21px;
}
.hf-entity-box_footer-item.hf-agent-detail_reactivate {
  padding: 13px 16px;
}
.hf-card_content.hf-mod-agent-recent-activity {
  padding: 10px 10px 10px 15px;
}
.hf-pending-agent_more-options .hf-mini-pop-over {
  width: 300px;
  text-align: left;
}
.hf-pop-over_body.hf-mod-pending-agent {
  padding: 10px 0;
}
.hf-pop-over_body.hf-mod-pending-agent .hf-mini-pop-over_item {
  margin: 0;
  padding: 5px 20px;
  background: #fff;
}
.hf-pop-over_body.hf-mod-pending-agent .hf-mini-pop-over_item.hf-is-active {
  margin: 0;
  padding: 10px 20px;
}
.hf-mini-pop-over_sub-menu.hf-mod-reinvite {
  margin-bottom: 0;
  border-radius: 0;
  color: #fff;
}
.hf-agent-reinvite-header {
  margin-bottom: 10px;
}
.hf-agent-reinvite-message {
  margin-bottom: 10px;
  white-space: normal;
  color: #ccc;
}
.hf-mini-pop-over.hf-mod-reactivate-agent {
  width: 300px;
  padding: 15px;
  text-align: left;
}
.hf-mini-pop-over.hf-mod-reactivate-agent:before {
  margin-left: 30px;
}
.hf-mini-pop-over.hf-mod-reactivate-agent:after {
  margin-left: 31px;
}
.hf-reactivate-agent_content_block {
  margin-bottom: 15px;
}
.hf-reactivate-agent_header {
  font-size: 14px;
  color: #666;
  margin-bottom: 5px;
}
.hf-reactivate-agent_label {
  margin-bottom: 3px;
  color: #666;
}
.hf-reactivate-value {
  font-size: 14px;
  color: #333;
}
.manage-agents-toast-message {
  position: absolute;
  top: 0px;
  left: 30%;
  width: 500px;
  margin: 10px auto 20px;
}
.new-agent-toast-message {
  position: absolute;
  top: 2px;
  right: 20px;
  width: 300px;
}
.hf-insert-merge-fields {
  position: relative;
  bottom: 5px;
}
.pika-single {
  border: 1px solid #dee2e4;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.pika-button {
  background-color: #fff;
  text-align: center;
}
.hf-left-nav {
  position: absolute;
  left: 0;
  top: 43px;
  bottom: 0;
  z-index: 1;
  overflow-y: auto;
  width: 230px;
  background-color: var(--secondaryBgColor);
}
.hf-left-nav.hf-mod-overflow-visible {
  overflow-y: visible;
}
.hf-left-nav .hf-left-nav-has-footer {
  margin-bottom: 40px;
}
.hf-left-nav.hf-library-left-nav {
  width: var(--libraryNavWidth);
}
.hf-left-nav_group {
  margin: 20px 20px 0 0;
  padding-bottom: 15px;
}
.hf-left-nav_group:first-child {
  margin-top: 40px;
}
.hf-left-nav_group_header {
  margin-bottom: 16px;
  margin-left: 25px;
  color: #fff;
  font-family: "Inter Medium", sans-serif;
}
.hf-left-nav_group_header_create-view {
  margin-left: auto;
  cursor: pointer;
}
.hf-left-nav_group_item {
  display: flex;
  align-items: center;
  border-radius: 0 4px 4px 0;
  padding: 5px 25px;
  transition: all 0.2s;
}
.hf-left-nav_group_item.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-left-nav_group_item.hf-mod-space-between {
  justify-content: space-between;
}
.hf-left-nav_group_item.hf-tooltipped:before {
  right: auto;
}
.hf-left-nav_group_item.hf-tooltipped:after {
  left: 33px;
  white-space: normal;
  text-align: left;
}
.hf-left-nav_group_item:hover {
  background: #6d6d6d;
  cursor: pointer;
}
.hf-left-nav_group_item:hover.hf-mod-not-allowed {
  cursor: not-allowed;
}
.hf-left-nav_group_item.active {
  background: #0074e4;
}
.hf-left-nav_group_item.active .hf-left-nav_group_item_text {
  color: #fff;
}
.hf-left-nav_group_item_text {
  display: inline-block;
  max-width: 80%;
  color: #e6e8e8;
  transition: all 0.2s;
}
.hf-left-nav_group_item_text:hover {
  color: #e6e8e8;
}
.hf-left-nav_group_item:hover.hf-mod-not-allowed .hf-left-nav_group_item_text {
  cursor: not-allowed;
}
.hf-left-nav_group_item_text.hf-tooltipped-top:after {
  right: 100%;
  transform: translateX(100%);
  width: 180px;
  white-space: normal;
}
.hf-top-banner {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  height: 43px;
}
.hf-top-banner.hf-is-open {
  display: block;
}
.hf-top-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4;
  background: #1e2022;
  height: 43px;
}
.hf-top-banner.hf-is-open + .hf-top-bar {
  top: 43px;
}
.hf-top-banner.hf-is-open ~ .hf-content {
  top: 86px;
}
.hf-top-banner.hf-is-open ~ .hf-pinned-items {
  top: 86px;
}
.hf-top-bar_title {
  display: inline-block;
  margin-left: 10px;
  height: 100%;
  color: #fff;
}
.hf-top-bar_title_trigger {
  display: flex;
  align-items: center;
  padding: 10.5px 15px;
  cursor: pointer;
}
.hf-top-bar_title_trigger.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-top-bar_title_trigger.hf-mod-space-between {
  justify-content: space-between;
}
.hf-top-bar_title_trigger.hf-is-open {
  background-color: rgba(252, 252, 252, 0.2);
}
.hf-top-bar_title_text {
  font-size: 18px;
  padding-top: 2px;
  padding-left: 10px;
  letter-spacing: 0.5px;
  margin-right: 5px;
  max-width: 202px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
}
.hf-top-bar_body {
  display: flex;
  position: absolute;
  top: 0;
  left: 330px;
  right: 0;
}
.hf-mini-pop-over.hf-mod-progress {
  top: 100%;
  right: -25px;
  width: 275px;
}
.hf-top-bar_progress {
  margin-left: auto;
  padding: 8px 20px;
}
.hf-top-bar_progress .hf-ticket-action_loader {
  text-align: center;
}
.hf-top-bar_progress .hf-u-loader-xsmall {
  height: 10px;
}
.hf-top-bar_progress_content {
  width: 275px;
  padding: 20px;
}
.hf-top-bar_progress_content_note {
  margin: 15px 0;
}
.hf-top-bar_navs {
  display: flex;
  align-items: center;
}
.hf-top-bar_navs.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-top-bar_navs.hf-mod-space-between {
  justify-content: space-between;
}
.hf-top-bar_navs_item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 12px;
  cursor: pointer;
}
.hf-top-bar_navs_item.hf-mod-get-support-nav-item,
.hf-top-bar_navs_item.hf-mod-app-suggestions-nav-item {
  padding: 0;
}
.hf-top-bar_navs_item.hf-mod-get-support-nav-item .hf-pop-over-container,
.hf-top-bar_navs_item.hf-mod-app-suggestions-nav-item .hf-pop-over-container {
  padding: 14px 12px;
}
.hf-top-bar_navs_item.hf-mod-app-suggestions-nav-item {
  height: 43px;
}
.hf-top-bar_navs_item.hf-mod-new-ticket {
  padding: 7px 0;
  cursor: default;
}
.hf-top-bar_navs_item.hf-mod-staff-profile-nav-item {
  padding: 0;
}
.hf-top-bar_navs_item.hf-mod-university-nav-item {
  padding: 13px 12px 14px;
}
.hf-top-bar_navs_item.hf-mod-change-log-nav-item {
  padding: 13.5px 12px;
}
.hf-top-bar_navs_item.hf-mod-road-map-nav-item {
  padding: 13.5px 12px;
}
.hf-top-bar_navs_item.hf-mod-tasks-nav-item {
  padding: 0;
}
.hf-top-bar_navs_item.hf-mod-tasks-nav-item .hf-pop-over-container {
  padding: 13px 12px;
}
.hf-top-bar_navs_item_new-ticket {
  padding: 5px 14px 6px 11px;
  background-color: #4a4c4c;
  font-size: 12px;
  color: #d0d0d0;
  border: none;
}
.hf-top-bar_navs_item_new-ticket:active,
.hf-top-bar_navs_item_new-ticket:focus {
  background-color: #4a4c4c;
}
.hf-top-bar_navs_item_new-ticket:hover {
  background-color: #2185d0;
  color: #fff;
}
.hf-top-bar_navs_item_new-ticket pre {
  margin: 0;
}
.hf-top-bar_navs_item_new-ticket_plus {
  margin-right: 3px;
  font-size: 15px;
}
.hf-top-bar_navs_text {
  font-size: 11px;
  color: #999;
  padding-left: 7px;
  text-transform: uppercase;
}
.hf-staff-menu-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(89, 92, 100, 0.5);
  top: 43px;
  animation: hf-overlay-fade-in 200ms ease-out forwards;
}
.hf-staff-menu-overlay.hf-mod-feature-announcement {
  z-index: 1;
}
.hf-staff-menu-drop-down {
  margin-top: 5px;
  stroke: white;
}
.hf-staff-menu-drop-down path {
  fill: white;
}
.hf-staff-menu {
  padding: 10.5px;
}
.hf-staff-menu.hf-is-available {
  background-color: rgba(16, 151, 0, 0.5);
}
.hf-staff-menu.hf-is-available.hf-is-open {
  background-color: rgba(16, 151, 0, 0.4);
}
.hf-staff-menu.hf-is-open {
  background-color: #808080;
}
.hf-staff-menu_list {
  min-width: 200px;
}
.hf-staff-menu_list .liquid-container,
.hf-staff-menu_list .liquid-child {
  overflow: visible;
}
.hf-staff-menu_item {
  padding: 15px 25px;
}
.hf-top-bar_navs_item .hf-pop-over {
  width: 300px;
  margin-top: 1px;
}
.hf-top-bar_navs_item .hf-pop-over .hf-pop-over_close-icon {
  display: none;
}
.hf-staff-menu_item.hf-mod-staff-name {
  display: flex;
  padding-right: 20px;
  border-bottom: 1px solid #e5e5e5;
  background-color: #f4f6f6;
  font-family: "Inter Medium", sans-serif;
  font-size: 16px;
  cursor: default;
}
.hf-staff-menu_item.hf-mod-logout {
  border-top: 1px solid #e5e5e5;
  border-radius: 0 0 5px 5px;
  background-color: #f4f6f6;
}
.hf-staff-menu_item_icon {
  margin-right: 5px;
}
.hf-staff-menu_item_icon-switch-to-v1 {
  margin-right: 7px;
}
.hf-staff-menu_divider {
  margin: 0 20px;
  border-bottom: 1px solid #eaeaea;
}
.hf-staff-menu_confirmation-pane {
  border-radius: 0 0 5px 5px;
  padding: 15px 25px;
  background-color: #2c2c2c;
  cursor: default;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}
.hf-staff-menu_confirmation-pane_message {
  display: inline-block;
  margin-bottom: 5px;
  color: #fff;
}
.hf-staff-menu_confirmation-pane_message.hf-mod-unavailable {
  margin-left: 20px;
}
.hf-staff-menu_confirmation-pane_radio-buttons {
  margin: 15px 0;
}
.hf-staff-menu_confirmation-pane_radio-buttons .ember-power-select-options[role="listbox"] {
  max-height: 165px;
}
.hf-staff-menu_confirmation-pane_message.hf-mod-radio-button {
  text-indent: -20px;
  padding-left: 15px;
}
.hf-top-bar_body_search-box {
  float: left;
  width: 384px;
  margin: 7px 0;
  border: 0;
  border-radius: 4px;
  padding: 7px 30px;
  background: url(svgs/search_box_icon.svg) 10px 8px no-repeat, rgba(247, 247, 247, 0.2);
  font-size: 13px;
  color: #fff;
}
.hf-top-bar_title-image {
  cursor: pointer;
}
.hf-mini-pop-over.hf-mod-module-switcher {
  top: 43px;
  left: 0;
  height: 100%;
  border-radius: 0;
  border: 0;
}
.hf-mini-pop-over.hf-mod-module-switcher:before,
.hf-mini-pop-over.hf-mod-module-switcher:after {
  display: none;
}
.hf-module-switcher {
  display: inline-flex;
  flex-direction: column;
  position: relative;
}
.hf-module-switcher-links {
  display: inline-flex;
}
.hf-module-switcher_item {
  display: block;
  width: 99px;
  position: relative;
  margin: 0 20px 20px 0;
  border-radius: 6px;
  padding: 20px;
}
.hf-module-switcher_item:hover {
  color: #08c;
  background-color: #f9f9f9;
}
.hf-module-switcher_item:hover svg > g,
.hf-module-switcher_item:hover svg > path {
  stroke: #08c;
}
.hf-module-switcher_item.hf-is-current {
  color: #08c;
  background-color: #f9f9f9;
}
.hf-module-switcher_item.hf-is-current svg > g,
.hf-module-switcher_item.hf-is-current svg > path {
  stroke: #08c;
}
.hf-module-switcher_icon {
  height: 18px;
  width: 18px;
}
.workflow-main-container .hf-module-switcher_icon {
  width: 26px;
  height: 26px;
}
a.hf-module-switcher-link:hover svg.hf-mod-fill > g,
a.hf-module-switcher-link:hover svg.hf-mod-fill > path {
  fill: #999;
}
a.hf-module-switcher-link:hover svg:not(.hf-mod-fill) > g {
  stroke: #999;
}
a.hf-module-switcher-link:hover svg:not(.hf-mod-fill) > path {
  stroke: inherit;
}
.hf-module-switcher_column {
  position: relative;
  width: 200px;
  min-width: 200px;
  height: 250px;
  padding: 10px 0 10px 20px;
  background: #fff;
}
.hf-module-switcher_column:nth-child(even) {
  background: #f7f7f7;
}
.hf-module-switcher-module {
  padding: 15px 0 0;
}
.hf-module-switcher_module-label {
  display: inline;
  font-size: 14px;
  color: #fff;
  vertical-align: top;
  margin: 0 0 0 6px;
}
.hf-module-switcher_module-title {
  margin: 0 0 10px;
}
.hf-module-switcher_submodules li {
  height: 21px;
  margin: 8px 0 4px 25px;
}
.hf-module-switcher_submodules li a {
  font-size: 14px;
  font-family: "Inter Light", sans-serif;
  color: #999;
}
.hf-module-switcher_submodules li a:hover {
  color: #08c;
}
.hf-module-switcher-products {
  display: block;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 5px 5px;
  padding-top: 13px;
  background-color: #f7f7f7;
  font-family: "Inter", sans-serif;
  color: #5f5f5f;
  position: absolute;
  bottom: 0px;
  transform: translateY(100%);
  width: 100%;
}
.hf-module-switcher-product-container {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  padding-left: 15px;
  padding-bottom: 7px;
}
.hf-module-switcher-product-container:hover {
  color: #5f5f5f;
}
.hf-module-switcher-product-containerfirst-child {
  padding-left: 20px;
}
.hf-module-switcher-product-logo img {
  height: 20px;
  width: 18px;
}
.hf-module-switcher-product-name {
  padding-left: 7px;
  padding-right: 5px;
  font-size: 14px;
  font-weight: 800;
  font-family: "Inter", sans-serif;
  color: #5f5f5f;
}
.hf-module-switcher-product-popout {
  border-right: 1px solid #e8e8e8;
  padding-top: 2px;
  padding-right: 15px;
}
.hf-module-switcher-product-no-border {
  border-right: none;
}
.hf-pop-over.hf-mod-support-menu,
.hf-pop-over.hf-mod-suggestions-menu {
  max-height: 500px;
  margin-top: 0px;
  border-radius: 0 0 8px 8px;
  overflow-y: scroll;
}
a.hf-support-link {
  display: flex;
  align-items: center;
  color: #5a6362;
}
a.hf-support-link.hf-mod-wrap {
  flex-wrap: wrap;
}
a.hf-support-link.hf-mod-space-between {
  justify-content: space-between;
}
a.hf-support-link:hover,
a.hf-support-link:focus {
  color: #08c;
}
a.hf-support-link:hover svg > path,
a.hf-support-link:focus svg > path {
  stroke: inherit;
  fill: #08c;
}
a.hf-support-link.hf-mod-get-support {
  padding: 20px 20px 10px;
}
a.hf-support-link.hf-mod-chat-with-us {
  padding: 10px 20px 20px;
}
.hf-get-support_icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.hf-customer-success-assistance-container {
  padding: 20px 20px 25px;
  border-radius: 0 0 8px 8px;
  cursor: default;
  background: #2c2c2c;
  color: #fff;
}
.hf-customer-success-manager_name {
  margin-left: 5px;
  font-size: 14px;
}
.hf-customer-success-manager_designation {
  font-size: 12px;
  color: #b3b3b3;
}
.hf-customer-success-manager_picture {
  width: 22px;
  height: 22px;
  margin-right: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.hf-customer-success-manager_message {
  margin: 20px 0;
  color: #ededed;
}
.hf-roadmap-nav-item {
  margin: 0 10px;
}
.hf-link-to-hf-apps {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid rgba(151, 151, 151, 0.2);
  padding: 15px 25px 15px 20px;
  background: rgba(247, 247, 247, 0.2);
  font-size: 14px;
  color: #999;
}
.hf-link-to-hf-apps:hover > svg > g,
.hf-link-to-hf-apps:hover > svg > path {
  stroke: inherit !important;
}
.hf-link-to-workflows {
  bottom: 53px;
}
.hf-tasks-list {
  min-height: 260px;
}
.hf-pop-over.hf-mod-tasks-list {
  width: 360px;
  top: 43px;
  margin-top: 0;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}
.hf-tasks-list_heading {
  border-bottom: 1px solid #eee;
  padding: 11px 15px;
  font-size: 18px;
}
.hf-tasks-list_heading + .hf-task-list_item {
  padding-top: 14px;
}
.hf-tasks-list_heading_help-text {
  color: #666;
  font-size: 10px;
}
.hf-task-list_items-wrap {
  max-height: 400px;
  overflow-y: scroll;
}
.hf-task-list_item {
  padding: 8px 14px 0 15px;
  cursor: pointer;
}
.hf-task-list_item:hover {
  background-color: #f9f9f9;
  opacity: 1 !important;
}
.hf-task-list_item_top,
.hf-task-list_item_bottom {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hf-task-list_item_top {
  margin-bottom: 3px;
  font-size: 11px;
  color: #666;
}
.hf-task-list_item_bottom {
  padding-bottom: 8px;
  border-bottom: 1px solid #efefef;
}
.hf-task-list_item_top_subject,
.hf-task-list_item_bottom_name {
  flex: 1;
  margin-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.hf-task-list_item_bottom_name {
  font-size: 14px;
  color: #222;
}
.hf-task-list_item_bottom_due-date {
  font-size: 11px;
  color: #999;
}
.hf-task-list_item_bottom_due-date.hf-mod-overdue {
  color: #c92c28;
}
.hf-task-list_empty-message {
  display: flex;
  height: 180px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-align: center;
  color: #666;
}
.hf-unread-dot-wrap {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #434343;
}
.hf-unread-dot-wrap.hf-mod-tasks-list {
  top: 11px;
  left: 23px;
}
.hf-unread-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #f00;
}
.hf-app-suggestion {
  margin: 20px;
  padding: 15px 20px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.08);
}
.hf-pop-over.hf-mod-suggestions-menu {
  width: 400px;
  max-height: none;
  margin-top: -2px;
  background: #f5f5f5;
}
.hf-app-suggestions_header {
  padding: 10px 20px;
  background: #fff;
  font-size: 16px;
  color: #545c5b;
}
.hf-app-suggestion_heading {
  margin-bottom: 5px;
  font-family: "Inter Medium", sans-serif;
  font-size: 16px;
  color: #666;
}
.hf-app-suggestion_description {
  color: #666;
  margin-bottom: 10px;
}
.hf-dismiss-suggestion {
  margin-left: 10px;
  color: #666;
}
.hf-app-notifications-empty-state {
  height: 300px;
  flex-direction: column;
}
.hf-app-notifications-empty-state_message {
  margin-top: 10px;
  text-align: center;
  font-size: 18px;
  color: #666;
}
.hf-app-notifications-icon {
  position: relative;
  top: -1px;
}
.hf-list-view-switcher.hf-mod-app-notification {
  margin: 0 5px;
  padding: 3px 5px;
  cursor: default;
}
.hf-top-bar_navs_ticket-related-items {
  display: flex;
  align-items: center;
  padding-right: 8px;
  border-right: 1px solid #575757;
}
.hf-top-bar_navs_ticket-related-items.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-top-bar_navs_ticket-related-items.hf-mod-space-between {
  justify-content: space-between;
}
.hf-top-bar-integrations {
  width: 43px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hf-form-field-input::placeholder {
  color: #b3b3b3;
}
.hf-form-field-input:focus::placeholder {
  color: #ccc;
}
.hf-form-field-input {
  width: 100%;
  height: 32px;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  padding: 5px 10px;
  font-size: 13px;
  color: var(--font-gray-80);
}
.hf-form-field-input.hf-text-input.hf-is-resizable {
  height: 32px;
  resize: vertical;
}
.hf-pm-editor .ProseMirror-menubar-wrapper {
  width: 100%;
}
.hf-pm-editor .ProseMirror-menubar {
  position: static !important;
  min-height: unset !important;
}
.hf-pm-editor .ProseMirror-menubar-wrapper .ProseMirror-menubar {
  border: 1px solid #d5d5d5;
}
.hf-pm-editor .ProseMirror-menubar-wrapper .ProseMirror {
  border: 1px solid #d5d5d5;
  border-top: 0px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  min-height: 200px;
  padding: 5px 15px !important;
}
.hf-pm-editor .ProseMirror-menubar-wrapper .source-code-field {
  min-height: 200px;
}
.hf-pm-editor .ProseMirror-menubar-wrapper .ProseMirror p {
  margin: 0;
  padding: 0;
}
.hf-pm-editor .ProseMirror-menubar-wrapper ul {
  list-style-type: revert;
}
.hf-pm-editor .ProseMirror-menubar-wrapper .badge-id {
  display: inline-block;
  margin-right: 0px;
  margin-bottom: 4px;
  border: 1px solid #b4cfea;
  border-radius: 4px 0 0 4px;
  padding: 2px 7px;
  background-color: #a7cbef;
  color: var(--font-white-100);
}
.hf-pm-editor .ProseMirror-menubar-wrapper .badge-value {
  display: inline-block;
  margin-bottom: 4px;
  border: 1px solid #b4cfea;
  border-left: 0;
  border-radius: 0 4px 4px 0;
  padding: 2px 7px;
  background-color: #eef4ff;
  color: var(--font-black-100);
}
.hf-pm-editor .ProseMirror-example-setup-style {
  margin-top: 0px !important;
}
.hf-pm-editor .source-code-field {
  border-top: 0px !important;
  border-color: #d5d5d5 !important;
}
.hf-pm-editor .ProseMirror-menubar-spacer {
  height: 0px !important;
}
.hf-pm-editor .full-screen-enabled .ProseMirror-menubar {
  width: 100% !important;
}
.hf-pm-editor:not(.full-screen-enabled) .ProseMirror-menubar {
  width: unset;
}
.hf-form-field-input_clear {
  position: absolute;
  top: 8px;
  right: 6px;
  z-index: 1;
  cursor: pointer;
}
.hf-form-field-input:focus {
  border: 1px solid #08c;
  border-radius: 5px;
  transition: all 0.15s ease;
}
.hf-form-field-input.hf-is-error {
  border: 1px solid #e39191;
  border-radius: 5px;
}
.hf-form-field-input.hf-check-box-input {
  width: auto;
  height: auto;
}
.hf-smart-rule_action-value .hf-form-field-input.hf-number-input,
.hf-ticket-template_due-date-value .hf-form-field-input.hf-number-input,
.hf-relative-date .hf-form-field-input.hf-number-input {
  margin-right: 8px;
}
.hf-form-field-input.multiselect-checkboxes {
  height: auto;
  padding: 5px 10px;
}
.hf-form-field-input.multiselect-checkboxes.hf-mod-inline {
  border: 0;
  padding: 4px 0;
}
.hf-form-field-input.multiselect-checkboxes.hf-mod-inline li {
  display: inline-block;
  margin-right: 5px;
}
.hf-slack-message-container {
  margin-bottom: 10px;
}
.hf-slack-message-container.hf-mod-less-width {
  width: 60%;
}
.hf-slack-message-container .hf-form-field-input.hf-text-input {
  height: 150px;
}
.hf-form-field-group {
  margin-bottom: 15px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  padding: 10px;
}
.canvas-builder-form .hf-form-field_label {
  color: #737476 !important;
}
.hf-form-field_label {
  color: var(--font-gray-60);
  margin-bottom: 3px;
  overflow-wrap: break-word;
  word-break: break-word;
}
.hf-form-field_label.hf-is-compulsory:after {
  content: '*';
}
.hf-form-field_label .hf-workflows-missing-alert-icon {
  vertical-align: middle;
}
.hf-form-field_subtext {
  margin: 5px 0 10px 0;
  font-size: 12px;
  color: #666;
}
.hf-form-field_subtext.hf-form-triggers-subtext {
  font-size: 13px;
}
.hf-form-field_subtext_icon {
  margin-bottom: -2px;
}
.hf-form-field_label_help-text.hf-tooltipped {
  margin-left: 3px;
}
.hf-form-field_label_help-text.hf-tooltipped:after {
  right: -250px;
  white-space: pre-wrap;
  text-align: left;
}
.hf-form-field_label_help-text-pop-over {
  margin-left: 3px;
  align-self: center;
}
.hf-form-field_label_help-text-pop-over_content.hf-pop-over.hf-tooltip {
  bottom: 22px;
  left: -2px;
}
.hf-form-field_label_help-text-pop-over_content.hf-pop-over.hf-tooltip:before,
.hf-form-field_label_help-text-pop-over_content.hf-pop-over.hf-tooltip:after {
  border: none;
}
.hf-custom-field_label_help-text {
  margin-left: 3px;
}
.hf-custom-field_label_help-text.hf-tooltipped {
  position: static;
}
.hf-custom-field_label_help-text.hf-tooltipped:after {
  left: 39px;
  bottom: inherit;
  width: 220px;
  transform: translateY(-105%);
  white-space: normal;
  text-align: left;
}
.hf-form-field_label_action {
  text-decoration: underline;
}
.hf-horizontal-form .hf-form-field {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.hf-horizontal-form .hf-form-field.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-horizontal-form .hf-form-field.hf-mod-space-between {
  justify-content: space-between;
}
.hf-horizontal-form .hf-form-field_label {
  width: 150px;
  margin-right: 20px;
  margin-bottom: 0;
}
.hf-horizontal-form .hf-form-field_label.hf-has-label-help-text {
  width: 136px;
}
.hf-horizontal-form .hf-form-field_label-wrap {
  display: flex;
  margin-right: 20px;
}
.hf-horizontal-form .hf-form-field_label-wrap .hf-form-field_label {
  margin-right: 0;
}
.hf-horizontal-form .hf-form-field_value {
  width: 300px;
}
.hf-horizontal-form .hf-form-field-input:not(.hf-check-box-input) {
  width: 100%;
}
.hf-form-field.hf-mod-phone {
  flex: 1;
}
.hf-form-field.hf-mod-phone .hf-form-field_value {
  flex: none;
  width: 30%;
  margin-right: 10px;
}
.hf-form-field.hf-mod-phone .hf-form-field-input-container {
  width: 70%;
  margin-right: 10px;
}
.hf-custom-field .hf-mod-phone .hf-form-field_value {
  width: 100%;
  margin-right: 0;
}
.hf-entity-content .hf-form-field.hf-mod-time-component {
  flex: 1;
  margin-bottom: 0;
  margin-right: 10px;
}
.hf-add-remove-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-bottom: 14px;
  background-color: #f5f5f5;
  border: 1px solid #cbcbcb;
  border-radius: 6px;
  cursor: pointer;
}
.hf-add-remove-item svg {
  width: 9px;
  height: 9px;
}
.hf-add-remove-item.hf-is-disabled {
  cursor: not-allowed;
}
.hf-pop-over.hf-mod-multi-choice-dropdown {
  width: 270px;
  font-size: 14px;
}
.hf-form-field-time {
  display: flex;
  justify-content: space-between;
}
.hf-form-field-time .hf-mod-dropdown .ember-power-select-options[role="listbox"] {
  max-height: 250px;
}
.hf-form-field-time.hf-mod-error .hf-mod-dropdown .ember-power-select-trigger {
  border: 1px solid #e39191;
}
.hf-form-field-time_meridiem {
  display: flex;
  width: 74px;
}
.hf-form-field-time_meridiem_item {
  width: 50%;
  border: solid 1px #dbdbdb;
  padding-top: 6px;
  text-align: center;
  color: #666;
  cursor: pointer;
}
.hf-form-field-time_meridiem_item:hover {
  background-color: #fafafa;
}
.hf-form-field-time_meridiem_item.hf-mod-am {
  border-right: 0;
  border-radius: 2px 0 0 2px;
}
.hf-form-field-time_meridiem_item.hf-mod-pm {
  border-left: 0;
  border-radius: 0 2px 2px 0;
}
.hf-form-field-time_meridiem_item.hf-mod-active {
  border: solid 1px #086899;
  background-color: #08c;
  color: #fff;
}
.hf-form-field .hf-file-upload {
  margin-bottom: 5px;
}
.hf-form-field .hf-attachment-container {
  margin: 5px 5px 5px 0;
}
.hf-form-field .hf-inline-image {
  position: absolute;
  left: 556px;
  top: 33px;
}
.hf-form-field ~ section .hf-inline-image.hf-is-editor-maximized {
  position: absolute;
  left: 556px;
  top: 13px;
  z-index: 9996;
}
textarea.hf-form-field-input.hf-text-input.hf-is-resizable {
  height: auto;
}
.hf-validation-error-message {
  font-size: 10px;
  color: #e82110;
  margin-top: 2px;
}
.hf-validation-error-message-font {
  font-size: 13px;
}
.hf-form-content_non-field-errors {
  display: inline-block;
  margin-bottom: 14px;
  padding: 10px;
  background-color: #feeded;
  border: 1px solid #ffa9a9;
  border-radius: 8px;
  color: #a94442;
}
.hf-form-content_non-field-errors.hf-login-errors {
  margin: 0 0 -10px;
}
.hf-form-content-warning {
  margin-top: 8px;
  border: 1px solid #E7DFC5;
  border-radius: 5px;
  padding: 8px 10px;
  background: #FFFAE8;
}
.hf-form-input {
  width: 100%;
  padding: 5px 10px;
  margin: 10px 0;
}
.CodeMirror {
  width: 100%;
  max-height: 200px;
  border-radius: 4px;
}
.CodeMirror-gutters {
  background: #333;
}
.CodeMirror-linenumber {
  color: #fff;
}
.hf-pop-over-container {
  position: relative;
}
.hf-pop-over {
  position: absolute;
  top: 100%;
  z-index: 4;
  width: 250px;
  margin: 0;
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.24);
  border-radius: 8px;
  background-color: #fff;
}
.hf-pop-over.hf-mod-top {
  top: inherit;
  bottom: 100%;
}
.hf-pop-over.hf-mod-left {
  left: 0;
}
.hf-pop-over.hf-mod-right {
  right: 0;
}
.hf-pop-over.hf-tooltip {
  top: inherit;
  bottom: 100%;
  border-radius: 4px;
  padding: 10px;
  background: #000;
  color: #fff;
}
.hf-pop-over.hf-new-tooltip {
  border-radius: 4px;
  padding: 10px;
  background: #000;
  color: #fff;
}
.hf-pop-over.hf-new-tooltip.hf-mod-large {
  width: 350px;
}
.hf-pop-over.hf-mod-large {
  width: 400px;
}
.hf-popover-trigger:hover {
  cursor: pointer;
}
.hf-popover-trigger.hf-is-disabled:hover {
  cursor: not-allowed;
}
.canvas-action-widget .hf-pop-over_header {
  background-color: var(--bg-top-bar);
}
.hf-pop-over_header {
  display: flex;
  position: relative;
  background-color: #5a6362;
  color: #e6e6e6;
  border-radius: 7px 7px 0 0;
  padding: 8px 40px 8px 10px;
  white-space: nowrap;
}
.hf-pop-over_header_secondary-action {
  margin: 0 5px 0 auto;
  cursor: pointer;
  border-bottom: 1px dotted #ccc;
  font-size: 11px;
  color: #ccc;
}
.hf-pop-over_header_secondary-action.hf-mod-second-action {
  margin-left: 5px;
}
.hf-pop-over_close-icon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 7px 12px;
  background-color: rgba(216, 216, 216, 0.2);
  border-top-right-radius: 7px;
  cursor: default;
}
.hf-pop-over_close-icon:hover {
  opacity: 0.8;
}
.hf-pop-over_body {
  padding: 10px;
}
.hf-pop-over_body .hf-text-search {
  width: 100%;
}
.hf-pop-over_body.hf-mod-scroll {
  overflow-y: auto;
  max-height: 300px;
}
.hf-pop-over_list_header {
  padding: 5px 0;
  font-size: 14px;
  color: #5a6362;
}
.hf-pop-over_list_header:after {
  content: url(images/group-separator.png);
  position: relative;
  bottom: 3px;
  left: 8px;
  width: 0;
}
.hf-pop-over_list_item {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 5px;
}
.hf-pop-over_footer {
  margin-top: 10px;
}
.hf-pop-over_footer.hf-mod-fixed {
  padding-top: 10px;
  margin: 0 0 10px 10px;
}
.hf-pop-over_footer_primary-action {
  min-width: 62px;
  font-size: 14px;
  font-family: "Inter Regular", sans-serif;
}
.hf-pop-over_footer_secondary-action {
  padding: 10px 5px;
}
.hf-mini-pop-over {
  position: absolute;
  top: 23px;
  right: 0;
  width: 200px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.22);
  z-index: 4;
}
.hf-mini-pop-over.hf-mod-left {
  left: 0;
}
.hf-mini-pop-over.hf-mod-flat-top {
  border-radius: 0 0 5px 5px;
}
.hf-mini-pop-over.hf-mod-flat-top:after,
.hf-mini-pop-over.hf-mod-flat-top:before {
  display: none;
}
.hf-mini-pop-over:after,
.hf-mini-pop-over:before,
.hf-tooltip:after,
.hf-tooltip:before {
  position: absolute;
  bottom: 100%;
  left: 75%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}
.hf-tooltip:after,
.hf-tooltip:before {
  top: 100%;
  left: 8px;
}
.hf-mini-pop-over.hf-mod-apps-content:after,
.hf-mini-pop-over.hf-mod-apps-content:before {
  left: 92%;
}
.hf-mini-pop-over:after {
  margin-left: -5px;
  border-width: 5px;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
}
.hf-tooltip:after {
  margin-left: -5px;
  border-width: 5px;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #000;
}
.hf-mini-pop-over.hf-mod-position-top {
  margin-bottom: 5px;
}
.hf-mini-pop-over.hf-mod-position-top:after {
  top: 100%;
  border-top-color: #fff;
  border-bottom-width: 0;
}
.hf-mini-pop-over:before {
  margin-left: -6px;
  border-width: 6px;
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #ccc;
}
.hf-tooltip:before {
  margin-left: -6px;
  border-width: 6px;
  border-color: rgba(204, 204, 204, 0);
  border-top-color: #ccc;
}
.hf-mini-pop-over.hf-mod-position-top:before {
  top: 100%;
  border-top-color: #ccc;
  border-bottom-width: 0;
}
.hf-mini-pop-over_group .hf-mini-pop-over_item:last-child {
  border-bottom: 1px dashed #eaeaea;
}
.hf-mini-pop-over_group:last-child .hf-mini-pop-over_item:last-child {
  border-bottom: 0;
}
.hf-mini-pop-over_active-item-background {
  background: url(svgs/tick.svg) no-repeat 96% 50%;
}
.hf-mini-pop-over_item {
  cursor: pointer;
  margin: 5px 10px;
  font-size: 14px;
  color: #666;
}
.hf-mini-pop-over_item:hover {
  color: #08c;
}
.hf-mini-pop-over_item.hf-is-current {
  background: url(svgs/tick.svg) no-repeat 96% 50%;
  background-color: #fff;
}
.hf-mini-pop-over_item.hf-is-active {
  padding: 10px 20px;
  margin: 0 -10px;
  background: url(svgs/tick.svg) no-repeat 96% 50%;
  background-color: #c8cbce;
  cursor: default;
}
.hf-mini-pop-over_item.hf-is-active:hover {
  color: #666;
}
.hf-mini-pop-over_item.hf-delete-item {
  margin-top: 16px;
  color: #e1554a;
}
.hf-mini-pop-over_close-icon {
  float: right;
  position: relative;
  z-index: 1;
  padding: 8px 10px 0;
  cursor: pointer;
}
.hf-mini-pop-over_sub-menu {
  max-height: 400px;
  overflow-y: auto;
  border-radius: 0 0 5px 5px;
  padding: 20px;
  background-color: #2c2c2c;
  cursor: default;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.hf-mini-pop-over_sub-menu li {
  padding-bottom: 5px;
  font-family: "Inter Light", sans-serif;
  font-size: 14px;
  color: #ccc;
}
.hf-mini-pop-over_sub-menu .hf-mini-pop-over_sub-menu-separater {
  margin: 5px 0 10px 15px;
  border-bottom: 1px solid #666;
  padding: 0;
}
.hf-mod-shadow-border {
  border-color: transparent;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.hf-mod-basic-select .ember-power-select-trigger {
  border-color: transparent;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  padding: 0 32px 0 8px;
}
.hf-mod-basic-select .ember-power-select-trigger:focus {
  outline: 0;
  border-color: transparent;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.hf-mod-basic-select .ember-power-select-trigger .ember-power-select-status-icon {
  border: none;
  background-image: url(svgs/disclosure-indicator.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 25px;
  right: 0;
  border-left: 1px solid #e0e0e0;
}
.hf-mod-basic-select .ember-power-select-dropdown {
  border-color: transparent;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.hf-mod-basic-select .ember-basic-dropdown--opened .ember-power-select-status-icon {
  border-left: none;
  border-right: 1px solid #e0e0e0;
}
.hf-mod-basic-select .ember-basic-dropdown-content.ember-power-select-dropdown {
  border: 1px solid #dadada;
  box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
}
.hf-mod-dropdown {
  /* hf-mod-push-dropdown-up should be passed to dropdownClass attribute if the power select dropdown
  needs to be pushed on top of the trigger */
}
.hf-mod-dropdown.hf-is-disabled {
  cursor: not-allowed;
}
.hf-mod-dropdown .ember-power-select-trigger,
.hf-mod-dropdown .ember-power-select-search {
  display: flex;
  align-items: center;
  min-height: 32px;
  border-radius: 5px 5px 0px 0px;
  outline: 0;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.07);
  background-color: #fff;
}
.hf-mod-dropdown .ember-power-select-trigger.hf-mod-wrap,
.hf-mod-dropdown .ember-power-select-search.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-mod-dropdown .ember-power-select-trigger.hf-mod-space-between,
.hf-mod-dropdown .ember-power-select-search.hf-mod-space-between {
  justify-content: space-between;
}
.hf-mod-dropdown .ember-power-select-trigger {
  border: 1px solid #dee2e4;
  border-radius: 2px;
  outline: 0;
  background: url(svgs/dropdown-arrow-down.svg) no-repeat 96% 50% #fff;
}
.hf-mod-dropdown .ember-power-select-trigger:focus,
.hf-mod-dropdown .ember-power-select-trigger:active,
.hf-mod-dropdown .ember-power-select-trigger[aria-pressed="true"],
.hf-mod-dropdown .ember-power-select-trigger[aria-expanded="true"] {
  border: 1px solid #08c;
  border-radius: 5px;
}
.hf-mod-dropdown .ember-power-select-trigger[aria-expanded="true"] {
  border-radius: 5px 5px 0 0;
}
.hf-mod-dropdown .ember-power-select-selected-item .hf-list-item-action {
  display: none;
}
.hf-mod-dropdown .ember-power-select-search {
  border: 1px solid #08c;
  padding: 4px 0 5px;
}
.hf-mod-dropdown .ember-power-select-search input {
  margin: 0;
  border: 0;
  padding: 0px 8px;
  outline: none;
  background: transparent;
  font-family: inherit;
  appearance: textfield;
}
.hf-mod-dropdown .ember-power-select-status-icon {
  display: none;
}
.hf-mod-dropdown .ember-basic-dropdown-content.ember-power-select-dropdown {
  border: 0;
  box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
}
.hf-mod-dropdown .hf-mod-push-dropdown-up {
  top: 0;
}
.hf-mod-dropdown .ember-power-select-options[role="listbox"] {
  overflow-x: hidden;
  max-width: 100%;
  max-height: 400px;
  margin: 0;
  border: 1px solid #08c;
  border-top: 0;
  border-radius: 0 0 5px 5px;
}
.hf-mod-dropdown .ember-power-select-options[role="listbox"] > .ember-power-select-option:first-of-type {
  margin-top: 5px;
}
.hf-mod-dropdown .ember-power-select-option {
  margin-bottom: 3px;
  font-size: 14px;
}
.hf-mod-dropdown .ember-power-select-option:hover .hf-ember-power-select-option_help-text {
  display: inline;
}
.hf-mod-dropdown .ember-power-select-option .hf-list-item-action {
  margin-left: auto;
  margin-right: 20px;
}
.hf-mod-dropdown .ember-power-select-option .hf-power-select-actions-flex-box {
  max-width: 95%;
}
.hf-mod-dropdown .ember-power-select-option[aria-current=true] .hf-ember-power-select-option_help-text {
  display: inline;
}
.hf-mod-dropdown .hf-ember-power-select-option_help-text {
  display: none;
  margin-left: 3px;
  color: #ccc;
}
.hf-mod-dropdown .ember-power-select-options[role="listbox"] > .ember-power-select-option:last-of-type {
  margin-bottom: 5px;
}
.hf-mod-dropdown .ember-power-select-options--nested {
  margin: 0;
  border: 0;
}
.hf-mod-dropdown .ember-power-select-multiple-trigger {
  background-image: none;
}
.hf-mod-dropdown .ember-power-select-multiple-trigger:focus,
.hf-mod-dropdown .ember-power-select-multiple-trigger:active,
.hf-mod-dropdown .ember-power-select-multiple-trigger[aria-pressed="true"] {
  border: 1px solid #dee2e4;
  border-radius: 0;
}
.hf-mod-dropdown .ember-power-select-multiple-options {
  width: 100%;
  margin: 0 10px;
}
.hf-mod-dropdown .ember-power-select-trigger-multiple-input {
  margin: 5px 3px;
}
.hf-mod-dropdown .ember-power-select-multiple-option {
  display: inline-block;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  margin: 5px 5px 5px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 1px 8px 2px;
  cursor: default;
  background: #fff;
  text-overflow: ellipsis;
  font-size: 13px;
  color: #4a4a4a;
}
.hf-mod-dropdown .ember-power-select-multiple-remove-btn {
  padding-left: 5px;
  float: right;
}
.hf-mod-dropdown input[type="search"]::-webkit-search-decoration,
.hf-mod-dropdown input[type="search"]::-webkit-search-cancel-button,
.hf-mod-dropdown input[type="search"]::-webkit-search-results-button,
.hf-mod-dropdown input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.hf-mod-dropdown .ember-power-select-selected-item {
  display: inline-block;
  max-width: 90%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.hf-mod-dropdown .ember-power-select-selected-item .hf-action-icon,
.hf-mod-dropdown .ember-power-select-selected-item .hf-workflows-triggers-icon {
  display: none;
}
.hf-mod-dropdown .ember-power-select-clear-btn {
  display: none;
}
.hf-mod-dropdown .ember-power-select-trigger[aria-disabled="true"],
.hf-mod-dropdown .hf-is-disabled .ember-power-select-trigger {
  background-color: #f6f8f8;
  box-shadow: 0px 3px 3px 0px #e1e0e0;
}
.hf-mod-dropdown .ember-power-select-trigger[aria-disabled="true"]:active,
.hf-mod-dropdown .hf-is-disabled .ember-power-select-trigger:active {
  border: 1px solid #dee2e4;
  border-radius: 2px;
}
.hf-mod-dropdown .ember-basic-dropdown-content {
  z-index: 4;
}
.hf-mod-dropdown.hf-mod-local-autocomplete .ember-power-select-multiple-trigger {
  padding: 0 0 0 5px;
}
.hf-mod-dropdown.hf-mod-local-autocomplete .ember-power-select-multiple-trigger[aria-pressed="true"] {
  border: 1px solid #08c;
  border-radius: 5px 5px 0 0;
}
.hf-mod-dropdown.hf-mod-local-autocomplete .hf-mod-add-filter-condition-multiple-input .ember-power-select-options[role="listbox"] {
  border-top: 0;
}
.hf-mod-dropdown.hf-mod-local-autocomplete .ember-basic-dropdown-content.ember-power-select-dropdown {
  border-top: 0;
  border-radius: 0 0 5px 5px;
}
.hf-mod-dropdown.hf-mod-local-autocomplete .ember-power-select-trigger-multiple-input {
  margin: 5px 3px;
}
.hf-mod-dropdown.hf-mod-local-autocomplete .ember-power-select-multiple-option {
  max-width: 218px;
}
.hf-mod-dropdown.hf-mod-local-autocomplete .ember-power-select-options[role="listbox"] {
  max-height: 350px;
  border-top: 0;
}
.hf-mod-dropdown .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-current="true"] {
  background: #f4f4f4;
  color: inherit;
}
.ember-power-select-option[aria-selected="true"][aria-current="true"] {
  background: url(svgs/tick.svg) no-repeat 96% 50% #f4f4f4;
  color: inherit;
}
.ember-power-select-option[aria-selected="true"][aria-current="false"] {
  background: url(svgs/tick.svg) no-repeat 96% 50% #fff;
  color: inherit;
}
.hf-mod-auto-complete-dropdown {
  border: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.3);
  padding: 11px;
}
.hf-mod-auto-complete-dropdown .ember-power-select-options:not(.ember-power-select-options--nested) {
  max-height: 360px;
}
.hf-mod-auto-complete-dropdown .ember-power-select-search {
  margin-bottom: 7px;
  padding: 0;
}
.hf-mod-auto-complete-dropdown .ember-power-select-search input {
  width: 100%;
  height: 28px;
  border: 1px solid rgba(153, 153, 153, 0.2);
  border-radius: 5px;
  padding: 0 3px 0 25px;
  background: rgba(224, 224, 224, 0.2) url(svgs/search.svg) no-repeat;
  -webkit-appearance: none;
  background-position: 10px;
  color: #666;
}
.hf-mod-auto-complete-dropdown .ember-power-select-search input.hf-no-search-icon {
  padding-left: 10px;
  background: rgba(224, 224, 224, 0.2);
}
.hf-mod-auto-complete-dropdown .ember-power-select-search input:focus {
  border: 1px solid rgba(153, 153, 153, 0.2);
}
@-moz-document url-prefix() {
  .hf-mod-auto-complete-dropdown .ember-power-select-search input {
    padding: 0 3px 2px 30px;
  }
}
.hf-mod-auto-complete-dropdown .ember-power-select-option--highlighted {
  color: #666;
}
.hf-mod-auto-complete-dropdown .ember-power-select-option {
  border-radius: 2px;
}
.hf-mod-auto-complete-dropdown .ember-power-select-option.ember-power-select-option--no-matches-message {
  margin: 10px 0;
  text-align: center;
  font-size: 16px;
  color: #545c5b;
}
.hf-mod-auto-complete-dropdown.ember-basic-dropdown-content {
  position: static;
}
.hf-mod-auto-complete-dropdown.ember-power-select-dropdown {
  border-bottom: none;
}
.hf-email-autocomplete .ember-power-select-options[role="listbox"] {
  border: 1px solid #dee2e4;
  border-top: 0;
}
.hf-email-autocomplete .ember-power-select-multiple-trigger {
  padding: 2px 0 2px 10px;
}
.hf-email-autocomplete .ember-basic-dropdown-content.ember-power-select-dropdown {
  border-top: 0;
  border-radius: 0 0 5px 5px;
}
.hf-email-autocomplete .ember-power-select-trigger-multiple-input {
  min-width: 25px;
  margin: 2px 3px;
}
.hf-email-autocomplete .ember-power-select-multiple-option {
  border-radius: 4px;
  border: 0;
  background: #f6f6f6;
  color: #666;
}
.hf-email-autocomplete .hf-has-error .ember-power-select-trigger-multiple-input {
  color: #e8776d;
}
.hf-mod-button-dropdown {
  display: inline-block;
  width: 30px;
  border-left: 1px solid #6ea6e7;
  cursor: pointer;
}
.hf-mod-button-dropdown .ember-power-select-selected-item {
  display: none;
}
.hf-mod-button-dropdown .ember-power-select,
.hf-mod-button-dropdown .ember-power-select-trigger {
  /* Target Firefox only */
  border: 0 !important;
  border-radius: 0 5px 5px 0;
  padding: 14px;
  cursor: pointer;
  background-color: var(--ctaColor);
  font-family: "Inter Medium", sans-serif;
  font-size: 13px;
}
.hf-mod-button-dropdown .ember-power-select.hf-disabled,
.hf-mod-button-dropdown .ember-power-select-trigger.hf-disabled {
  cursor: not-allowed;
}
.hf-mod-button-dropdown .ember-power-select[aria-disabled="true"],
.hf-mod-button-dropdown .ember-power-select-trigger[aria-disabled="true"] {
  background-color: #75b2df;
  cursor: not-allowed;
}
@-moz-document url-prefix() {
  .hf-mod-button-dropdown .ember-power-select .ember-power-select-trigger,
  .hf-mod-button-dropdown .ember-power-select-trigger .ember-power-select-trigger {
    font-size: 14px;
  }
}
.hf-mod-button-dropdown .ember-power-select[aria-expanded="true"],
.hf-mod-button-dropdown .ember-power-select-trigger[aria-expanded="true"] {
  border-radius: 0 5px 5px 0;
  background: #18448D;
}
.hf-mod-button-dropdown .ember-power-select:disabled,
.hf-mod-button-dropdown .ember-power-select-trigger:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  color: rgba(255, 255, 255, 0.6);
}
.hf-mod-button-dropdown .ember-power-select:focus,
.hf-mod-button-dropdown .ember-power-select-trigger:focus {
  outline: 0;
  background: #18448D;
}
.hf-mod-button-dropdown .ember-power-select:hover,
.hf-mod-button-dropdown .ember-power-select-trigger:hover {
  background: #18448D;
}
.hf-mod-button-dropdown .ember-power-select-status-icon {
  right: 10px;
  border-color: #fff transparent transparent;
  border-width: 5px 4px 0;
}
.hf-mod-button-dropdown.ember-basic-dropdown-content {
  width: 220px !important;
  margin-left: -99px;
  border: 1px solid #ddd;
  border-radius: 5px !important;
  border-bottom-width: thin !important;
  box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.22);
}
.hf-mod-button-dropdown.ember-basic-dropdown-content .ember-power-select-options {
  font-family: "Inter Regular", sans-serif !important;
  font-weight: normal !important;
  cursor: pointer;
}
.hf-mod-button-dropdown.ember-basic-dropdown-content .ember-power-select-option {
  padding: 8px 16px;
}
.hf-mod-dropdown.hf-floating-editor_text-input .ember-power-select-multiple-trigger {
  border: none;
}
.hf-mod-dropdown.hf-floating-editor_text-input .ember-basic-dropdown-content {
  margin-top: 8px;
}
.hf-mod-button-dropdown.hf-disabled .ember-basic-dropdown--in-place {
  background-color: #75b2df;
}
.hf-local-multiple-autocomplete .ember-power-select-multiple-trigger {
  padding: 2px 0 2px 10px;
}
.hf-local-multiple-autocomplete .ember-power-select-multiple-trigger[aria-pressed="true"] {
  border: 1px solid #08c;
  border-radius: 5px 5px 0 0;
  border-bottom: 0;
}
.hf-local-multiple-autocomplete .ember-power-select-multiple-trigger:focus,
.hf-local-multiple-autocomplete .ember-power-select-multiple-trigger:active,
.hf-local-multiple-autocomplete .ember-basic-dropdown--focus-inside .ember-power-select-multiple-trigger[aria-pressed="false"] {
  border: 1px solid #08c;
  border-radius: 5px;
}
.hf-local-multiple-autocomplete .ember-basic-dropdown-content.ember-power-select-dropdown {
  border-top: 0;
  border-radius: 0 0 5px 5px;
}
.hf-local-multiple-autocomplete .ember-power-select-trigger-multiple-input {
  min-width: 25px;
  margin: 5px;
}
.hf-local-multiple-autocomplete .ember-power-select-multiple-option {
  border-radius: 4px;
  border: 0;
  background: #f6f6f6;
  color: #666;
}
.hf-mod-alert-to .ember-power-select-options:not(.ember-power-select-options--nested) {
  max-height: 175px;
}
.hf-mod-alert-to .ember-basic-dropdown-content.hf-disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.hf-mod-dark-bg-select .ember-power-select-trigger {
  border: 1px solid #979797;
  background: url(svgs/dropdown-dark-bg-arrow-down.svg) no-repeat 96% 50% #2c2c2c;
  color: #ccc;
}
.hf-mod-dropdown .hf-auto-complete-multiple .ember-power-select-dropdown {
  border-top: 0;
}
.hf-mod-custom-field-search-box.hf-mod-dropdown .ember-basic-dropdown-content {
  z-index: 4;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hf-mod-global-search.hf-mod-dropdown .ember-power-select-placeholder {
    position: relative;
    top: 4px;
  }
}
.hf-mod-dropdown.hf-mod-workflow-actions-select .ember-power-select-group-name {
  display: flex;
  align-items: center;
  border-top: 1px solid #bababa;
  padding: 10px 15px;
  cursor: pointer;
  color: #354147;
  font-size: 14px;
}
.hf-mod-dropdown.hf-mod-workflow-actions-select .ember-power-select-group-name.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-mod-dropdown.hf-mod-workflow-actions-select .ember-power-select-group-name.hf-mod-space-between {
  justify-content: space-between;
}
.hf-mod-dropdown.hf-mod-workflow-actions-select .ember-power-select-group .ember-power-select-options .ember-power-select-option {
  background: #f8f8f8;
  margin: 0;
  border-bottom: 1px solid #dee2e4;
  padding: 6px 10px 6px 15px;
}
.hf-mod-dropdown.hf-mod-workflow-actions-select .ember-power-select-group .ember-power-select-options .ember-power-select-option:last-child {
  border-bottom: 0;
}
.hf-mod-dropdown.hf-mod-workflow-actions-select .ember-power-select-group .ember-power-select-options .ember-power-select-option:first-child {
  border-top: 1px solid #bababa;
}
.hf-mod-dropdown.hf-mod-workflow-actions-select .ember-power-select-group .ember-power-select-option:nth-child(even) {
  background: #fff;
}
.hf-mod-dropdown.hf-mod-workflow-actions-select .ember-power-select-options[role="listbox"] {
  border-top: 0 !important;
}
.hf-create-new-workflow-button {
  display: flex;
  align-items: center;
  margin-right: 20px;
  border: 0;
  padding: 6px 10px;
  cursor: pointer;
  background: var(--ctaColor);
  box-shadow: 0 1px 2px 0 rgba(116, 122, 129, 0.2);
  color: #fff;
}
.hf-create-new-workflow-button.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-create-new-workflow-button.hf-mod-space-between {
  justify-content: space-between;
}
.hf-create-new-workflow-button:hover {
  background: var(--ctaColor);
}
.hf-create-new-workflow-button.hf-mod-disabled {
  background: rgba(0, 116, 228, 0.6);
  cursor: not-allowed;
  color: rgba(255, 255, 255, 0.6);
}
.hf-create-new-workflow-button.hf-mod-disabled svg > path {
  stroke: rgba(255, 255, 255, 0.6);
}
.hf-create-new-workflow-button.hf-mod-disabled.hf-tooltipped:after {
  background: #fff;
  color: #1e2022;
}
.hf-create-new-workflow-button.hf-mod-disabled.hf-tooltipped:before {
  border-left-color: #f5f5f5;
}
.hf-mod-create-workflow-modal,
.hf-mod-create-workflow-group-modal {
  width: 800px;
}
.hf-mod-create-workflow-modal .hf-form-field_value,
.hf-mod-create-workflow-group-modal .hf-form-field_value {
  width: 100%;
}
.hf-mod-create-workflow-modal .hf-mod-create-workflow-input .hf-form-field-input,
.hf-mod-create-workflow-group-modal .hf-mod-create-workflow-input .hf-form-field-input {
  height: 45px;
}
.hf-content.hf-mod-setup-workflow {
  top: 43px;
  background: var(--wfEditColor);
  overflow: hidden;
}
.hf-workflows_name {
  margin: 5px 0;
  font-family: var(--font-family-light);
  font-size: var(--font-size-title);
  color: var(--font-black-100);
}
.hf-workflows_name.hf-edit-workflow_name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 600px;
  font-size: var(--font-size-sub-heading);
}
.workflow-status {
  color: var(--font-gray-80);
}
.step-status {
  color: var(--font-gray-80);
}
.trigger-delay-popover-text {
  color: var(--font-gray-60);
  font-style: italic;
  cursor: pointer;
}
.trigger-delay-popover-container {
  display: inline-block;
}
.trigger-delay-popover {
  min-width: 280px;
  padding: 12px;
}
.trigger-delay-popover .trigger-delay-timeline {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.trigger-delay-popover .timeline-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.trigger-delay-popover .timeline-item .timeline-label {
  font-size: var(--font-size-footnote);
  color: var(--font-gray-60);
  font-weight: 500;
}
.trigger-delay-popover .timeline-item .timeline-value {
  font-size: var(--font-size-caption);
  color: var(--font-gray-80);
}
.trigger-delay-popover .timeline-delay {
  font-size: var(--font-size-footnote);
  color: var(--ctaColor);
  font-weight: 500;
  padding: 4px 0 4px 60px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.trigger-delay-popover .timeline-delay .arrow-line {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.trigger-delay-popover .timeline-delay .arrow-line .dotted-line {
  width: 2px;
  height: 32px;
  background: repeating-linear-gradient(to bottom, var(--ctaColor), var(--ctaColor) 3px, transparent 3px, transparent 6px);
}
.trigger-delay-popover .timeline-delay .arrow-line .arrow-head {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--ctaColor);
}
.hf-details_nav-bar_back {
  font-size: var(--font-size-caption);
  color: var(--font-gray-40);
}
.hf-workflow-execution_action-info_data-info {
  max-height: 400px;
  overflow: auto;
}
.hf-error-message-cell .hf-error-list {
  margin: 0;
  padding-left: 20px;
  list-style-type: disc;
}
.hf-error-message-cell .hf-error-list li {
  margin: 4px 0;
  text-align: left;
}
.hf-workflows_edit-icon {
  margin: 0 5px;
  width: 25px;
  height: 25px;
  border: none;
  padding: 0;
  cursor: pointer;
  align-self: center;
}
.hf-workflows_setup-workflow-container {
  position: relative;
  height: 100%;
  overflow: hidden;
  padding-top: 35px;
}
.hf-edit-workflow-container {
  margin: 20px 0;
}
.hf-workflows_actions-component {
  position: relative;
  height: 100%;
}
.canvas-builder-wrapper {
  width: 100%;
  height: 100%;
  background: #ebebef;
}
.hf-workflows_actions-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 40%;
  margin-right: 0;
  background-image: radial-gradient(circle at 1px 1px, #d3d3d3 1px, #ececec 0);
  background-size: 15px 15px;
  padding: 20px 0 10px 20px;
}
.hf-workflows_actions-container .hf-workflow-header {
  display: flex;
}
.hf-workflows_actions-container .hf-workflow-header .hf-wf-builder-more-action {
  padding-right: 10px;
}
.hf-workflows_actions-container .hf-workflow-actions-list {
  overflow-y: auto;
  height: calc(100% - 65px);
  padding-top: 20px;
}
.hf-workflows_actions-container .hf-ai-description {
  width: 72%;
}
.hf-workflows_actions-container .hf-ai-description .add-description-button {
  font-size: var(--font-size-caption);
  font-family: var(--font-family-regular);
  color: var(--font-black-100);
}
.hf-workflows_actions-container .hf-wf-warning-message-body {
  display: flex;
  margin: 0px 16px 8px auto;
  border-radius: 6px;
  padding: 6px;
  min-width: 208px;
  background: #f4f4f4;
  align-items: center;
  font-size: 14px;
}
.hf-workflows_actions-container .hf-wf-warning-message-body .hf-wf-warning-message {
  margin-left: 4px;
}
.canvas-action-widget .hf-workflows_action-details-container {
  left: 0%;
  top: 0;
  bottom: 0;
  padding-right: 0;
}
.hf-workflows_action-details-container {
  position: absolute;
  top: 20px;
  bottom: 10px;
  left: 61%;
  right: 0;
  padding-right: 10px;
}
.canvas-action-widget {
  position: absolute;
  width: 440px;
  height: 83vh;
  max-height: 735px;
  background: #fff;
  padding: 1rem;
  box-shadow: 0 0 0 1px #e6e6e6, -6px 6px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  background-color: #ffffff;
}
.canvas-action-widget .hf-workflows_action-details-container {
  left: 0%;
}
.action-test-run {
  position: absolute;
  width: 307px;
  height: 83vh;
  max-height: 735px;
  background: #fff;
  box-shadow: 0 0 0 1px #e6e6e6, -6px 6px 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  right: 0px;
  top: 55px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  transition: right 0.3s ease-in-out;
}
.toggle-btn-test-run {
  position: absolute;
  top: 330px;
  right: 0px;
  width: 17.47px;
  height: 51.57px;
  border: 1px solid #d8d8d8;
  border-radius: 6px 0px 0px 6px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 0 0 1px #e6e6e6, -6px 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.canvas-action-widget .hf-workflows_form-group_body {
  padding: 20px 16px 0;
}
.canvas-action-widget .hf-workflows_form-group_body.hf-mod-triggers-body {
  height: 350px;
}
.canvas-action-widget .hf-workflows_form-group_header {
  padding: 10px 16px !important;
}
.hf-workflows_actions-container_header {
  border-radius: 6px;
  padding: 0;
}
.hf-workflows_actions-container_add-button {
  border: 1px solid #E9EDF1;
  cursor: pointer;
  background: #fff;
  color: #000;
  font-size: 13px;
}
.hf-workflows_actions-container_add-button:hover {
  background: #fff;
  color: #000;
}
.hf-workflows_actions-container_add-button.hf-mod-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.hf-workflows_actions-container_add-button.hf-mod-group-add-action {
  position: absolute;
  top: 0;
  right: 20px;
  display: block;
  margin: 10px 0 0;
}
.hf-workflows_actions-container_add-button.hf-workflows-main-add-action {
  background-color: var(--ctaColor);
  font-family: "Inter Medium", sans-serif;
  color: #fff;
}
.hf-workflows_actions-container_add-button.hf-workflows-main-add-action:hover {
  background-color: var(--ctaHoverColor);
  color: #fff;
}
.hf-workflows_actions-container_add-button.hf-workflows-main-add-action:disabled {
  background-color: var(--ctaColor);
  color: #fff;
  opacity: 0.6;
}
.hf-workflows_actions-container_add-button.hf-workflows-main-add-action svg {
  vertical-align: middle;
}
.hf-workflows_actions-container_add-button.hf-workflows-main-add-action svg > path {
  stroke: #fff;
}
.hf-workflows_actions-container_add-button.hf-workflows-main-add-action span {
  vertical-align: middle;
}
.hf-workflows_form {
  overflow-x: hidden;
  height: 100%;
}
.hf-workflows_form.hf-workflows_form-height {
  height: 98%;
}
.hf-workflows_form .hf-workflows_trigger-data-wrapper {
  height: calc(100% - 10px);
  position: relative;
}
.hf-workflows_form .trigger-data-container {
  height: 94%;
}
.hf-workflows_form .trigger-data-container .trigger-data-section {
  height: 100%;
}
.hf-workflows_actions-container_main {
  overflow: auto;
  padding: 15px 25px 15px 15px;
  border-radius: 0 0 6px 6px;
}
.hf-workflows_actions-container_main.hf-workflows-main-container {
  margin-left: 10px;
  border-radius: 0;
  border-left: 1px solid #3daa54;
  padding-bottom: 140px;
}
.hf-workflows_actions-container_main.hf-mod-form-container {
  height: calc(100% - 85px);
  margin-top: 10px;
  border-radius: 6px;
  padding-bottom: 0;
  background-color: var(--wfFormColor);
}
.hf-workflows_actions-container_main.hf-mod-step-form {
  height: calc(100% - 54px);
  margin-top: 0;
  border-radius: 0;
  padding: 0;
  background: inherit;
}
.hf-workflows_actions-container_main.hf-mod-step-form .hf-workflow-action-detail-form_success-message-container,
.hf-workflows_actions-container_main.hf-mod-step-form .hf-workflow-action-detail-form-error-message-container {
  margin-bottom: 0;
}
.hf-workflows_actions-container_main .hf-no-step-message-container {
  height: 40%;
}
.hf-workflows_actions-container_main .hf-no-step-message {
  width: 179px;
  margin: 15px 0;
}
.hf-workflows_actions-container_main .hf-workflow-action-detail-form_success-message-container,
.hf-workflows_actions-container_main .hf-workflow-action-detail-form-error-message-container {
  margin-bottom: 10px;
}
.hf-workflows_actions-container_main .hf-workflow-try-again-link {
  font-size: 13px;
}
.hf-workflows_actions-container_main_start-workflow {
  display: inline-block;
  width: 111px;
  margin: 0;
  border-radius: 4px;
  padding: 6px 15px;
  background: #009975;
  text-align: center;
  color: #fff;
}
.hf-workflows_actions-container_main_end-workflow {
  width: 111px;
  margin-top: 15px;
  border-radius: 4px;
  padding: 6px 15px;
  background: #747a81;
  color: #fff;
  justify-content: center;
}
.hf-mod-dropdown.hf-mod-workflow-actions-select {
  width: 320px;
}
.hf-workflows_action.hf-mod-highlight .hf-mod-workflow-actions-select {
  margin-left: -4px;
}
.hf-workflows_form-component.hf-mod-step-form-component {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.hf-workflows_form-group {
  margin: 10px 0;
  border-radius: 6px;
  background: var(--wfFormColor);
}
.hf-workflows_form-group.hf-mod-last {
  flex: 1;
  border-radius: 6px 6px 0 0;
}
.hf-workflows_form-group.hf-mod-only-one {
  margin: 5px 0;
  height: calc(100% - 10px);
}
.hf-workflows_form-group.hf-workflows_form-group-body {
  padding-bottom: 30px;
}
.hf-workflows_form-group.hf-workfows-form_text-transform {
  min-height: 400px;
}
.hf-workflows_edit-form .trigger-check-condition-form {
  min-height: 97%;
}
.hf-workflows_form-group_header {
  position: relative;
  border-radius: 6px 6px 0 0;
  padding: 10px 20px;
  background: #fff;
  box-shadow: 0 1px 0px 0 rgb(222 222 222);
}
.hf-workflows_form-group_body {
  padding: 20px 20px 0;
}
.hf-workflows_form-group_body.hf-mod-triggers-body {
  height: 350px;
}
.hf-workflows_form-group.hf-mod-last .hf-workflows_form-group_body {
  padding-bottom: 50px;
}
.hf-workflows_actions-container_footer {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 8px 10px 0 0;
  background: var(--wfEditColor);
}
.hf-workflows_actions-container_footer.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-workflows_actions-container_footer.hf-mod-space-between {
  justify-content: space-between;
}
.hf-workflows_actions-container_footer.hf-mod-step-form-footer {
  margin: 0;
}
.hf-workflows_actions-container_footer.canvas-form-footer {
  height: 53px;
  box-shadow: 0 0 0 1px #e6e6e6;
  border-radius: 0px 0px 6px 6px;
  background-color: #fbfbfb;
  padding: 0px 21px 0 21px;
}
.hf-workflows_actions-container_footer .hf-edit-action-reset {
  color: #000;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
  border-right-color: var(--bg-black-100) !important;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  border-top-color: var(--bg-black-100) !important;
}
.rc-tooltip .rc-tooltip-inner {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  border-bottom-color: #000 !important;
}
.canvas-builder-form .merge-field-header .merge-field-label {
  font-size: 13px;
}
.canvas-builder-form .merge-field-header .refresh-button {
  font-size: 12px !important;
  padding: 3px 5px !important;
  margin-right: 4px !important;
}
.canvas-builder-form .merge-field-header .close-merge-fields {
  border-radius: 7px;
  width: 24px;
  height: 24px;
  background-color: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
}
.canvas-builder-form .dropdown-frame-wrapper {
  background: #fff;
  border-top: 1px solid #e8e8e8;
}
.canvas-builder-form .dropdown-frame-wrapper .react-select__value-container {
  box-shadow: 0 0 0 1px #bbcbfc;
  border-radius: 3px;
  background-color: #f8faff;
  border: none;
}
.hf-workflows_action.disable-action-selection {
  cursor: not-allowed;
  opacity: 0.8;
}
.hf-workflows_action {
  margin: 0 -15px 0;
  padding: 10px;
  cursor: pointer;
}
.hf-workflows_action .trigger-condition-wrapper {
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.hf-workflows_action .trigger-condition-wrapper .trigger-condition-widget {
  align-items: center;
  display: flex;
  overflow: hidden;
  box-shadow: 0px 3px 3px 0px #e1e0e0;
  border: 1px solid #dee2e4;
  border-radius: 4px;
  width: 298px;
  height: 36px;
  padding: 6px 8px;
  background-color: #fff;
  color: #1e2022;
  font-size: 14px;
}
.hf-workflows_action .trigger-condition-wrapper .trigger-condition-widget .trigger-condition-icon {
  align-items: center;
  display: flex;
  margin-right: 10px;
  border-radius: 4px;
  height: 100%;
  padding: 0 6px;
  background: #C69000;
  font-size: 14px;
  color: #fff;
}
.hf-workflows_action .trigger-condition-wrapper .trigger-condition-widget .trigger-condition-optional-text {
  opacity: 0.6;
  padding-left: 3px;
}
.hf-workflows_action.hf-mod-highlight {
  margin: 10px -15px;
  background-color: #f7f7f7;
  box-shadow: 0 2px 6px 0 rgba(116, 122, 129, 0.1);
  border-left: 3px solid #3daa54;
  border-radius: 0 6px 6px 0;
}
.hf-workflows_action .ember-power-select-trigger {
  height: 36px;
  border: 0;
  border-radius: 4px;
  padding: 0;
  overflow: hidden;
  background: #fff;
  box-shadow: none;
}
.hf-workflows_action .hf-mod-dropdown .ember-power-select-trigger[aria-expanded="true"],
.hf-workflows_action .hf-mod-dropdown .ember-power-select-options[role="listbox"],
.hf-workflows_action .hf-mod-dropdown .ember-power-select-search,
.hf-workflows_action .hf-mod-dropdown .ember-power-select-trigger:focus,
.hf-workflows_action .hf-mod-dropdown .ember-power-select-trigger:active,
.hf-workflows_action .hf-mod-dropdown .ember-power-select-trigger[aria-pressed="true"] {
  max-height: 200px;
  border: 1px solid #dee2e4;
}
.hf-workflows_action .hf-mod-dropdown .ember-power-select-trigger:focus,
.hf-workflows_action .hf-mod-dropdown .ember-power-select-trigger:active {
  border-radius: 0 4px 4px 0;
}
.hf-workflows_action .hf-mod-dropdown .ember-power-select-search {
  height: 35px;
  border-bottom: 0;
  border-radius: 0 4px 0 0;
}
.hf-workflows_action.hf-mod-highlight + .hf-workflows_actions-container_group-container .hf-workflows_actions-container_group_header {
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(116, 122, 129, 0.1);
  border-left: 4px solid #3daa54;
}
.hf-mod-dropdown.hf-mod-workflow-actions-select .ember-power-select-selected-item {
  font-size: 14px;
  color: #1e2022;
}
.hf-workflows-action-select_trigger {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 6px;
  border: 1px solid #dee2e4;
  border-radius: 4px;
  background: #fff;
}
.hf-workflows-action-select_trigger.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-workflows-action-select_trigger.hf-mod-space-between {
  justify-content: space-between;
}
.hf-workflows_action_order {
  border-radius: 4px;
  padding: 0 8px;
  font-size: 14px;
  color: #fff;
}
.hf-workflow-flag-icon-start {
  margin-bottom: -3px;
}
.hf-workflows-action_selected-item-container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 36px;
  border: 0;
  border-radius: 0 6px 6px 0;
}
.hf-workflows-action_selected-item-container.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-workflows-action_selected-item-container.hf-mod-space-between {
  justify-content: space-between;
}
.hf-workflows-action_selected-item-container.hf-workflows-actions-grid {
  display: grid;
}
.hf-power-select-actions-flex-box {
  display: flex;
  justify-content: space-between;
}
.hf-power-select-actions-flex-box .hf-power-select-display-text {
  display: inline-block;
  overflow: hidden;
  margin-left: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-family-regular);
  color: var(--font-black-100);
  font-size: var(--font-size-subtext);
}
.hf-workflows-triggers-icon {
  display: flex;
  align-self: center;
}
.hf-form-field {
  margin-bottom: 20px;
}
.hf-form-field .label-partial-form-field {
  margin-bottom: 4px;
}
.hf-form-field .toggle-merge-fields {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  color: #666;
}
.hf-form-field .toggle-merge-fields:hover {
  color: #08c;
}
.hf-form-field.hf-mod-form-dropdown {
  margin-bottom: 5px;
}
.hf-form-field .hf-toggle {
  margin-left: 0;
}
.hf-form-field.hf-mod-public-key textarea {
  height: 107px;
}
.hf-form-field.hf-mod-jira-toggle .hf-toggle {
  margin-left: 20px;
}
.hf-form-field.hf-mod-last {
  margin-bottom: 0;
}
.hf-form-field:has(.toggle-merge-fields) {
  position: relative;
}
.hf-pop-over_body .toggle-merge-fields {
  position: relative;
  z-index: 2;
  float: right;
  margin-bottom: 2px;
  cursor: pointer;
  color: #666;
}
.hf-pop-over_body .toggle-merge-fields:hover {
  color: #08c;
}
.hf-mod-workflow-webhook-trigger {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 12px 10px;
  background: #fbfbfb;
}
.hf-mod-workflow-webhook-trigger .workflow-notification-message {
  font-size: var(--font-size-caption);
  color: var(--font-gray-80) !important;
}
.hf-mod-workflow-webhook-trigger .hf-toggle {
  margin-left: auto;
}
.hf-workflows-webhook-container {
  height: 72%;
  overflow: hidden;
  margin: 5px 0;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.hf-workflows-webhook-container.hf-mod-is-listening-mode {
  max-height: 74%;
}
.hf-workflows-webhook-input {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 4px 0 0 0;
  padding: 13.5px 10px;
  font-size: 13px;
  background: #fbfbfb;
}
.hf-workflows-copy-webhook {
  margin-right: 0;
  border: 0;
  border-left: 1px solid #e5e5e5;
  border-radius: 0;
  padding: 11px 9px;
  background: #2185d0;
}
.hf-workflows-copy-webhook:hover {
  background: #1e78bd;
}
.hf-workflows-copy-webhook svg g {
  stroke: #fff;
}
.hf-workflows-copy-webhook.hf-mod-button-with-text {
  margin-right: 10px;
  border-radius: 6px;
}
.hf-workflows-webhook-info {
  flex-direction: column;
  height: 90%;
  min-height: 80px;
}
.hf-u-listening-mode-message {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  height: 100px;
}
.hf-workflows_webhook-success-message-container {
  margin-bottom: 30px;
  border-radius: 6px;
  padding: 12px 45px;
  background: #f2f4f5;
  background: url(svgs/success.svg) no-repeat 15px center #f2f4f5;
  font-size: 14px;
}
.hf-workflows_webhook-details_header {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 20px;
}
.hf-workflows_webhook-details_body {
  padding: 0 20px;
  height: 63%;
  overflow: auto;
}
.hf-workflows_webhook-details_body.hf-mod-empty {
  width: 100%;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hf-workflows_webhook-data {
  margin: 10px 0;
}
.hf-workflows_webhook-data_key {
  max-width: 200px;
}
.hf-workflows_webhook-data_key,
.hf-workflows_webhook-data_value {
  flex: 1;
  margin-right: 15px;
  word-break: break-word;
}
.hf-workflows_webhook-data_value {
  max-width: 100%;
  color: #666;
}
.hf-form-field-input.hf-mod-search-webhook-data {
  width: 300px;
  border-radius: 4px;
  padding: 0 30px;
  background: url(svgs/search.svg) 10px center no-repeat #f7f8f9;
}
.hf-form-field-input.hf-mod-search-webhook-data.hf-mod-history-page {
  width: 40%;
}
.hf-clear-search {
  display: flex;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.hf-clear-search.hf-mod-history-page {
  right: 60%;
}
.hf-workflow_action_tag {
  display: inline-flex;
  margin: 0 1px 2px;
  cursor: pointer;
}
.hf-workflow_action_tag_type {
  display: inline-flex;
  align-items: center;
  margin-right: 0px;
  border: 1px solid #B4CFEA;
  border-radius: 4px 0 0 4px;
  padding: 2px 7px;
  white-space: pre-wrap;
  background: #A7CBEF;
  color: #fff;
}
.hf-workflow_action_tag_value {
  background: #EEF4FF;
  border: 1px solid #B4CFEA;
  border-left: 0;
  color: #000;
  padding: 2px 7px;
  display: inline-block;
  border-radius: 0 4px 4px 0;
}
.hf-workflow_action_tag_value.hf-mod-event {
  border-radius: 4px;
}
.hf-workflows_action_buttons-container {
  margin: 0 20px;
}
.hf-workflows_action_buttons-container .hf-primary-action {
  display: flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  cursor: pointer;
  background: #fff;
  color: var(--font-black-100);
  font-family: var(--font-family-regular);
  font-size: var(--font-size-caption);
}
.hf-workflows_action_buttons-container .hf-primary-action.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-workflows_action_buttons-container .hf-primary-action.hf-mod-space-between {
  justify-content: space-between;
}
.hf-workflows_action_buttons-container .hf-primary-action:hover,
.hf-workflows_action_buttons-container .hf-primary-action:active {
  background: #fff;
  color: var(--font-black-100);
}
.canvas-action-widget .hf-primary-action.hf-mod-workflows-action {
  height: 32px !important;
}
.canvas-action-widget .hf-secondary-action.hf-mod-workflows-action {
  height: 32px !important;
}
.canvas-action-widget .hf-js-proceed-webhook-triggers {
  height: 32px !important;
}
.hf-primary-action.hf-mod-workflows-action {
  margin: 0 5px;
  padding: 4px 11px;
  background: var(--ctaColor);
  font-size: var(--font-size-caption);
  font-family: var(--font-family-medium);
  color: var(--font-white-100);
}
.hf-primary-action.hf-mod-workflows-action.hf-mod-clone-button {
  background: #dedfdf;
  color: #1e2022;
}
.hf-primary-action.hf-mod-workflows-action.hf-mod-test-button {
  margin-right: 15px;
}
.hf-primary-action.hf-mod-workflows-action.hf-mod-test-button svg {
  vertical-align: bottom;
}
.hf-secondary-action.hf-mod-workflows-action {
  margin: 0 5px;
  padding: 4px 11px;
}
.hf-secondary-action.hf-mod-workflows-action.hf-mod-test-button {
  margin-right: 15px;
}
.hf-secondary-action.hf-mod-workflows-action.hf-mod-test-button svg {
  vertical-align: bottom;
}
.canvas-action-widget .hf-workflows_actions-container_footer {
  height: 53px;
  box-shadow: 0 0 0 1px #e6e6e6;
  border-radius: 0px 0px 6px 6px;
  background-color: #fbfbfb;
  padding: 0px 21px;
}
.canvas-action-widget .hf-triggers-condition-field .hf-entity-content_conditions-label {
  margin-bottom: 12px;
}
.hf-workflows-delete-link {
  font-size: 13px;
  color: #1e2022;
}
.hf-dynamic-field .CodeMirror {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 50px;
  height: calc(100% - 2px);
  max-height: none;
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  font-family: "Inter Regular", sans-serif;
}
.hf-dynamic-field .CodeMirror .CodeMirror-activeline-background {
  background: none;
}
.hf-dynamic-field .CodeMirror .CodeMirror-scroll {
  overflow: auto !important;
  width: 100%;
}
.hf-dynamic-field_input {
  width: 100%;
  display: flex;
  align-items: center;
  height: auto;
  min-height: 50px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 10px 50px 10px 10px;
  background: #fff;
}
.hf-dynamic-field_input-placeholder {
  position: absolute;
  top: 50%;
  left: 15px;
  color: #aaa;
  transform: translate(0%, -50%);
}
.hf-dynamic-field_loading-container {
  border: 1px solid #909090;
}
.hf-dynamic-field.is-open {
  border-radius: 6px 6px 0 0;
}
.hf-dynamic-field.is-open .hf-dynamic-field_input {
  border-radius: 6px 6px 0 0;
}
.hf-dynamic-field .CodeMirror-code {
  padding: 5px 0;
}
.hf-dynamic-field .CodeMirror-wrap pre.CodeMirror-line {
  padding: 0 50px 0 8px;
}
.hf-dynamic-field-dropdown-trigger {
  position: absolute;
  z-index: 3;
  width: 28px;
  height: 28px;
  top: 10px;
  right: 10px;
  background: #f3f3f3;
  border: 1px solid #e1e3e8;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hf-dynamic-field .hf-mod-dropdown .ember-power-select-search,
.hf-dynamic-field .hf-mod-dropdown .ember-power-select-options[role="listbox"] {
  border: 0;
}
.hf-dynamic-field .hf-mod-dropdown .ember-power-select-search {
  border-top: 1px solid #bababa;
  border-radius: 0;
  background: #f3f3f3;
}
.hf-dynamic-field .hf-mod-dropdown .ember-power-select-trigger {
  display: none;
}
.hf-dynamic-field .CodeMirror-cursor {
  margin: 4px 0;
}
.hf-dynamic-field .hf-mod-dropdown .ember-power-select-search {
  padding: 0;
}
.hf-dynamic-field .hf-mod-dropdown .ember-power-select-search input {
  margin: 10px;
  border: 1px solid #bababa;
  border-radius: 6px;
  padding: 5px 40px;
  background: url(svgs/search.svg) 15px center no-repeat #fff;
}
.hf-dynamic-field .hf-mod-dropdown .ember-power-select-search input::placeholder {
  font-size: 13px;
}
.hf-dynamic-field .hf-mod-dropdown .ember-basic-dropdown-content {
  position: relative;
}
.hf-dynamic-field .hf-mod-dropdown .ember-basic-dropdown-content.ember-power-select-dropdown {
  z-index: 4;
  border: 1px solid #909090;
  border-top: 0;
  border-radius: 0 0 6px 6px;
}
.hf-mod-dropdown .ember-power-select-group-name {
  position: relative;
  display: block;
  border-top: 1px solid #bababa;
  padding: 10px 15px;
  cursor: pointer;
  color: #354147;
  font-size: 14px;
}
.hf-mod-dropdown .ember-power-select-group-name .dropdown-indicator {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(-50%, -50%);
}
.ember-power-select-group .ember-power-select-options .ember-power-select-option {
  margin: 0;
  padding: 6px 10px 6px 15px;
}
.ember-power-select-group .ember-power-select-options .ember-power-select-option:last-child {
  border-bottom: 0;
}
.ember-power-select-group .ember-power-select-options .ember-power-select-option:first-child {
  border-top: 1px solid #bababa;
}
.ember-power-select-group .ember-power-select-option:nth-child(even) {
  background: #fff;
}
.hf-mod-dropdown .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-current="true"] {
  background: #eee;
}
.hf-mod-dropdown .ember-power-select-option--loading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.hf-mod-dropdown .ember-power-select-option--loading .hf-ticket-action_loader {
  position: relative;
  top: 4px;
}
.hf-dynamic-field_dropdown-option-label {
  width: 150px;
  min-width: 150px;
  margin-right: 20px;
  overflow: hidden;
  word-break: break-word;
  font-weight: bold;
  color: #494949;
  font-size: var(--font-size-caption);
}
.hf-dynamic-field_dropdown-option-value {
  color: #999;
  overflow-wrap: break-word;
  word-break: break-word;
  font-size: var(--font-size-caption);
}
.hf-mod-dropdown.hf-mod-workflow-actions-select .ember-power-select-selected-item {
  font-size: 14px;
  color: #1e2022;
}
.hf-workflows-list-table {
  padding: 10px 0;
}
.hf-workflow_status-indicator_dot {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  opacity: 0.8;
  background-image: linear-gradient(-180deg, #1ef803 0, #18ec0a 100%);
  padding: 2px;
  text-align: center;
  color: #fff;
  font-size: 10px;
}
.hf-workflow-approval_dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  opacity: 0.8;
  background-image: linear-gradient(-180deg, #3DAA54 0, #3DAA54 100%);
  padding: 2px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  margin-right: 2px;
}
.hf-workflow-approval_dot.hf-workflow_declined_dot {
  background-image: linear-gradient(-180deg, #FF0043 0, #FF0043 100%);
}
.hf-workflow_status-indicator_dot.hf-mod-inactive {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(-180deg, #a4a1a1 0, #7d7a7a 100%);
}
.hf-workflows-list-body_container {
  padding: 20px 10px 20px 30px;
}
.hf-workflows_action-details_heading_order {
  margin-right: 3px;
  padding: 11.5px 16px;
  font-size: 16px;
  color: #fff;
}
.hf-workflows_action-details_heading_order.hf-workflows_action-display-order {
  padding: 3px 8px;
  margin: 5px;
}
.hf-workflows_action-details_heading {
  display: flex;
  align-items: center;
  width: 75%;
}
.hf-workflows_action-details_heading.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-workflows_action-details_heading.hf-mod-space-between {
  justify-content: space-between;
}
.hf-workflows_action-details_heading_name {
  display: inline-block;
  max-width: 100%;
  margin-left: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  color: #1e2022;
}
.hf-workflows_action-details_heading_name.hf-mod-event-data {
  margin: 0 20px;
}
.hf-workflows-action_selected-item-container_status-indicator {
  margin-right: 10px;
}
.hf-workflows-action_selected-item-container_status-indicator svg > path {
  fill: #000;
}
.hf-workflow-actions_options_color-prefix {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 100%;
}
.hf-widget-customization-form_group {
  position: relative;
  margin: 10px 0 13px;
  border: solid 1px #dee2e4;
  border-radius: 4px;
  padding: 0 15px 15px;
  background: #fff;
}
.hf-widget-customization-form_group.hf-mod-single-entity {
  padding: 0 15px;
}
.hf-widget-customization-form_group.hf-mod-single-entity .hf-form-field_label {
  color: #333;
}
.hf-widget-customization-form_group:last-of-type {
  margin-bottom: 20px;
}
.hf-widget-customization-form_group_heading {
  font-size: 14px;
  font-weight: 600;
  color: #666;
}
.hf-widget-customization-form_group_heading.hf-mod-sub-group {
  margin: 30px 0 10px;
}
.hf-widget-customization-form .hf-image-uploader_label {
  color: #666;
}
.hf-widget-customization-form_field {
  width: 100%;
  margin: 15px 0;
}
.hf-widget-customization-form_field.hf-mod-zero-top-margin {
  margin-top: 0;
}
.hf-widget-customization-form_field.hf-mod-zero-margin {
  margin: 0;
}
.hf-widget-customization-form_field.hf-mod-sc-banner-overlay-opacity-field .hf-form-field-input {
  width: 60px;
  margin-right: 5px;
}
.hf-widget-customization-form_field.hf-mod-lt-full-width {
  width: 92%;
  margin: 10px 0;
}
.hf-widget-customization-form_field .hf-form-field_label {
  display: inline-block;
  margin-bottom: 5px;
}
.hf-widget-customization-form_field.hf-u-vertically-centered-container .hf-form-field_label {
  margin-bottom: 0;
}
.hf-widget-customization-form_field.hf-u-vertically-centered-container .hf-toggle {
  margin-left: auto;
}
.hf-widget-customization-form_field.hf-u-vertically-centered-container .hf-toggle_button {
  width: 32px;
  height: 18px;
}
.hf-widget-customization-form_field.hf-u-vertically-centered-container .hf-toggle_button:before,
.hf-widget-customization-form_field.hf-u-vertically-centered-container .hf-toggle_button:after {
  width: 32px;
  height: 18px;
}
.hf-widget-customization-form_field.hf-u-vertically-centered-container .hf-toggle_button:after {
  width: 18px;
}
.azure-devops-extra-fields {
  position: relative;
  padding-top: 6px;
}
.azure-devops-extra-fields .hf-remove-child-field-button.hf-tooltipped.hf-mod-edit-mode {
  top: -12px;
  right: -12px;
}
.hf-remove-child-field-button.hf-tooltipped {
  position: absolute;
  top: 25px;
  right: 0;
  color: #666;
}
.hf-remove-child-field-button.hf-tooltipped.hf-mod-edit-mode {
  top: 10px;
  right: 10px;
}
.hf-remove-child-field-button.hf-tooltipped.hf-mod-remove-single-field {
  top: 38px;
  right: 0;
}
.hf-remove-child-field-button.hf-tooltipped:after {
  right: -10px;
  transform: none;
}
.hf-remove-child-field-button.hf-tooltipped.hf-assets-remove-child {
  top: -10px;
}
.hf-widget-customization-form_sub-group {
  position: relative;
  margin-bottom: 15px;
  border-radius: 6px;
  padding: 10px 15px;
  background-color: #fff;
}
.hf-add-sc-widget-entity {
  margin: 0 10px;
}
.hf-form-field.hf-mod-parent-field {
  width: 95%;
}
.hf-form-field.hf-mod-edit-mode {
  margin-top: 20px;
}
.hf-remove-dynamic-child-field {
  margin: -20px 5px 0 10px;
}
.hf-form-field-help-text {
  margin-top: -15px;
  margin-bottom: 20px;
  font-size: 12px;
  color: #666;
}
.hf-edit-field-icon {
  display: none;
}
.hf-form-field_label:hover .hf-edit-field-icon {
  display: inline-block;
}
.hf-form-array-field_header {
  margin-bottom: 15px;
}
.hf-exit-edit-mode {
  display: inline-block;
  margin-bottom: 10px;
}
.hf-workflow-status-toggle {
  margin: 0 15px;
  border-radius: 4px;
  padding: 5px 10px;
  background: #fff;
}
.hf-workflow-status-toggle .hf-toggle {
  margin-left: 2px;
}
.hf-workflow-status-toggle .hf-workflow-toggle-label {
  padding-left: 4px;
}
.hf-workflow-status-toggle .hf-toggle_button {
  width: 22px;
  height: 14px;
}
.hf-workflow-status-toggle .hf-toggle_button:before,
.hf-workflow-status-toggle .hf-toggle_button.hf-is-checked:before {
  width: 22px;
  height: 14px;
}
.hf-workflow-status-toggle .hf-toggle_button:after {
  width: 14px;
  height: 14px;
}
.hf-workflow-status-toggle .hf-toggle_button.hf-is-checked:after {
  left: 11px;
}
.hf-workflow_action-choices_order {
  margin-right: 8px;
  border-radius: 4px;
  padding: 2px 7px;
  background: #70A5D9;
  font-size: 13px;
  color: #fff;
}
.hf-workflow-choices_options-prefix {
  margin-right: 8px;
  border-radius: 4px;
  padding: 1px 5px;
  background: #70A5D9;
  font-size: 12px;
  color: #fff;
}
.hf-workflow-action-detail-form_success-message-container {
  border: 1px solid #009975;
  border-radius: 4px;
  padding: 8px 10px;
  background: #fff;
}
.hf-workflow-action-detail-form-error-message-container {
  padding: 8px 10px;
  background-color: #feeded;
  border: 1px solid #ffa9a9;
  border-radius: 4px;
  color: #a94442;
  width: 100%;
}
.hf-workflows_form-component .hf-add-filter-condition .hf-dynamic-field {
  margin-bottom: 10px;
}
.hf-workflows_form-component .hf-add-filter-condition .hf-dynamic-field.is-open {
  z-index: 1;
}
.hf-workflows_form-component .hf-pop-over {
  width: 100%;
  z-index: 4;
}
.hf-workflows_form-component .hf-add-filter-condition_input .hf-dynamic-field .hf-mod-dropdown .ember-power-select-options[role="listbox"] {
  max-height: 150px;
}
.hf-workflows_form-component .hf-add-filter-condition_input .ember-power-select-options[role="listbox"] {
  max-height: 200px;
}
.hf-workflows_form-component .hf-filter-condition-field-input .ember-basic-dropdown-content.ember-power-select-dropdown {
  z-index: 4;
}
.hf-workflows_form-component .hf-filter-condition .hf-pop-over {
  width: 100%;
}
.workflow-condition-fields .hf-form-field.hf-mod-condition {
  margin-bottom: 15px;
}
.workflow-condition-fields .hf-form-field.hf-mod-condition .hf-pop-over-container {
  width: 100%;
}
.workflow-condition-fields .hf-form-field.hf-mod-condition .hf-pop-over-container .hf-filter-condition_actions {
  margin-left: auto;
}
.workflow-condition-fields .hf-form-field.hf-mod-condition.hf-mod-read-only .hf-filter-condition {
  margin: 0;
}
.hf-entity-content_block.hf-condition-field_block:last-child {
  margin-bottom: 30px;
}
.hf-workflows_actions-container_group-container {
  margin: 10px 0 10px 15px;
}
.hf-workflows_actions-container_group {
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #d1d1d1;
  border-radius: 6px;
  padding: 10px 15px;
}
.hf-workflows_actions-container_group.hf-workflow-group {
  min-height: 50px;
}
.hf-workflows_actions-container_group-name {
  font-family: "Inter Medium", sans-serif;
  padding: 0 10px;
}
.hf-workflows_actions-container_group .hf-workflows_action {
  margin: 0 -15px 15px;
}
.hf-workflows_actions-container_group .hf-workflows_action.hf-mod-highlight {
  margin: 15px -15px;
}
.hf-workflows_form-component .hf-form-field_value .cke .cke_top {
  width: 92%;
  margin: 0 -20px 0 20px;
}
.hf-form-object-field-container {
  flex: 1;
  margin: 0 0 10px;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  padding: 10px 15px;
  background: #fff;
}
.hf-form-object-field-container.hf-mod-disabled {
  pointer-events: none;
}
.hf-mod-alternate-pattern-field {
  width: 100%;
}
.hf-workflow-execution_details {
  padding: 60px 0 60px 30px;
}
.hf-workflows-library_details {
  margin: 40px 0;
  padding: 20px 0 20px 30px;
}
.hf-workflows-library_details_left {
  width: 68%;
  margin-right: 2%;
  padding: 20px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: 0 0 4px 0 rgba(221, 221, 221, 0.5);
}
.hf-workflow-example-name {
  max-width: 75%;
  margin-bottom: 15px;
}
.hf-workflow-example-description {
  color: #999;
  margin-bottom: 10px;
}
.hf-workflow-example-screenshot {
  margin-bottom: 20px;
}
.hf-workflow-example-screenshot_media-element {
  max-width: 100%;
}
.hf-workflows-library_details_right {
  width: 30%;
}
.hf-workflows-library_details_right_container {
  padding: 20px 15px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: 0 0 4px 0 rgba(221, 221, 221, 0.5);
}
.hf-workflow-execution_action-info {
  margin: 20px 0;
  border-radius: 6px;
  padding: 10px 20px;
  background: #fff;
}
.hf-workflow-execution_action-info .hf-workflows_action-details_heading_order {
  color: #333;
  padding-right: 0;
}
.hf-workflow-execution_action-info_nav-tabs {
  margin: 20px 0;
}
.hf-workflow-execution_action-info_nav-tabs .hf-tab {
  color: #333;
}
.hf-workflow-execution_action-info_nav-tabs_header {
  margin: 0 -20px;
  border-bottom: 1px solid rgba(21, 23, 26, 0.082);
  padding-bottom: 10px;
}
.hf-workflow-execution_action-info_nav-tabs_header .hf-workflows_action-details_heading_order {
  padding-left: 20px;
}
.hf-workflow-execution_details_group-actions {
  margin: 0 30px;
}
.hf-workflows_action-details_heading_right {
  margin-right: 10px;
}
.hf-workflows_action-details_heading_stats {
  margin-right: 15px;
  color: var(--font-gray-80);
}
.status-separator {
  margin-right: 5px;
  color: var(--font-gray-60);
}
.ember-light-table table.hf-workflows-action-data-in-table {
  table-layout: auto;
  border-collapse: collapse;
}
.ember-light-table table.hf-workflows-action-data-in-table tbody tr {
  border: 1px solid #eee;
  border-top: 0;
}
.ember-light-table table.hf-workflows-action-data-in-table tbody tr .lt-cell.hf-mod-can-wrap {
  word-break: break-word;
}
.hf-workflow-execution_action-info.hf-mod-trigger-conditions {
  margin: 20px 0;
  border-radius: 6px;
  padding: 10px 20px;
  background: #fff;
}
.hf-workflow-execution_action-info.hf-mod-trigger-conditions .hf-workflows_action-details_heading_order {
  padding-right: 0;
  color: #333;
}
.hf-workflow-execution_action-info.hf-mod-trigger-conditions .lt-cell.hf-mod-can-wrap {
  overflow: visible;
  padding: 16px 10px;
  vertical-align: top;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 2;
}
.hf-workflow-execution_action-info.hf-mod-trigger-conditions .lt-cell.hf-mod-condition-cell,
.hf-workflow-execution_action-info.hf-mod-trigger-conditions .lt-cell.hf-mod-value-cell {
  overflow: visible;
}
.hf-workflow-execution_action-info.hf-mod-trigger-conditions .table-container {
  overflow-x: visible;
  overflow-y: visible;
}
.hf-workflow-execution_action-info.hf-mod-trigger-conditions .ember-light-table {
  overflow-x: visible;
  overflow-y: visible;
}
.hf-workflow-execution_action-info.hf-mod-trigger-conditions .ember-light-table table {
  width: 100%;
  table-layout: fixed;
}
.hf-trigger-conditions_status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 3px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
}
.hf-trigger-conditions_status.hf-mod-passed {
  border: 1px solid #22c55e;
  background: #f0fdf4;
  color: #22c55e;
}
.hf-trigger-conditions_status.hf-mod-failed {
  border: 1px solid #ef4444;
  background: #fef2f2;
  color: #ef4444;
}
.hf-condition-display {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  line-height: 1.2;
}
.hf-condition-field-badge {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid #D7DFF7;
  border-radius: 4px;
  height: 21px;
  background-color: #f8faff;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}
.hf-condition-field-badge .hf-condition-step-order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #D7DFF7;
  height: 100%;
  padding: 4px 8px;
  background-color: #f8faff;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  color: #254cc3;
}
.hf-condition-field-badge .hf-condition-field-name {
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding: 4px 10px;
  background-color: #f8faff;
  font-weight: 500;
  line-height: 1;
  color: #254cc3;
}
.hf-condition-predicate {
  padding: 0 2px;
  font-size: 13px;
  font-weight: 400;
  color: #0f0e0e;
}
.hf-condition-or {
  padding: 0 1px;
  font-size: 12px;
  font-weight: 500;
  color: #666666;
}
.hf-condition-value-text {
  font-size: 13px;
  font-weight: 400;
  color: #333;
}
.hf-condition-sentence {
  font-size: 13px;
  font-weight: 400;
  line-height: 2;
  color: #333;
}
.hf-condition-field-highlight {
  font-weight: 600;
  color: #254cc3;
}
.hf-condition-match-text {
  padding: 0 6px;
  font-weight: 500;
  color: #666666;
}
.hf-condition-target-highlight {
  border-radius: 3px;
  padding: 2px 6px;
  background-color: rgba(91, 90, 91, 0.08);
  font-weight: 600;
  color: #5c5d5e;
}
.hf-condition-predicate-sentence {
  font-weight: 500;
  color: #254cc3;
}
.hf-mod-value-cell .hf-condition-display {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  white-space: normal;
  line-height: 2;
}
.hf-trigger-conditions_empty {
  margin-top: 15px;
  border-radius: 6px;
  padding: 40px 20px;
  background: #f9fafb;
  font-size: 14px;
  text-align: center;
  color: var(--font-gray-60);
}
.hf-trigger-conditions-wrapper {
  margin: 0 -20px;
  border-top: 1px solid #e1e4e8;
  padding: 10px 20px 10px 20px;
  background: #fafbfc;
}
.hf-trigger-conditions-wrapper .hf-workflow-execution_action-info_nav-tabs.hf-mod-nested-tabs {
  background: transparent;
}
.hf-trigger-conditions-wrapper .hf-workflow-execution_action-info_nav-tabs.hf-mod-nested-tabs .hf-u-nav-tabs {
  margin-bottom: 20px;
  border-bottom: 2px solid #e1e4e8;
  padding: 0;
  background: transparent;
}
.hf-trigger-conditions-wrapper .hf-workflow-execution_action-info_nav-tabs.hf-mod-nested-tabs .hf-workflow-execution_action-info_data-info {
  margin-top: 0;
}
.hf-workflows-trigger-conditions-table .lt-cell.hf-mod-condition-status {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.hf-condition-status.hf-mod-passed {
  color: #22c55e;
}
.hf-condition-status.hf-mod-failed {
  color: #ef4444;
}
.hf-workflow-execution_event-data-info {
  margin: 20px 0;
}
.hf-workflows-action-data-in-table .ember-light-table {
  width: 100% !important;
}
.hf-workflows-action-data-in-table .lt-row .lt-cell:first-child {
  color: var(--font-gray-80);
}
.hf-workflows-action-data-in-table .lt-row .lt-cell {
  color: var(--font-gray-60);
}
.hf-workflow-group_accordion {
  margin: 10px 0;
  border: 1px solid #b8b8b8;
  border-radius: 4px;
  padding: 15px 10px;
  background: #fff;
}
.hf-workflow-group_accordion_header.hf-mod-opened {
  margin-bottom: 20px;
}
.hf-new-condition-form {
  margin: 20px 0;
  font-size: 16px;
  font-family: "Inter Medium", sans-serif;
}
.hf-workflows_actions-container_group_header {
  margin: 10px -15px 0;
  padding: 15px 20px;
  cursor: pointer;
}
.hf-workflows_actions-container_group_header_action-name {
  border: 1px solid #1b332d;
  border-radius: 5px 0 0 5px;
  padding: 8px 10px;
  background: #1b332d;
  color: #fff;
}
.hf-workflows_actions-container_group_header_group-name {
  border: 1px solid #1b332d;
  border-radius: 0 5px 5px 0;
  padding: 8px 10px;
}
.hf-workflows_actions-container_group_actions {
  margin: 10px 0;
}
.hf-workflows_actions-container_group_sub-text {
  margin-bottom: 10px;
}
.hf-check-conditions_message {
  margin-bottom: 15px;
}
.hf-field-preview {
  position: relative;
  margin: 10px 0;
}
.hf-field-preview_text {
  margin: 0 5px;
}
.hf-app-description_text {
  font-size: var(--font-size-caption);
  color: var(--font-gray-60);
  font-family: var(--font-family-regular);
  width: 80%;
}
.hf-tag {
  display: inline-block;
  position: relative;
  margin: 5px 5px 5px 0;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 2px 5px;
  cursor: default;
  font-size: 13px;
  color: #4a4a4a;
  max-width: 94%;
  background: #fcfcfc;
}
.hf-workflows-library-filter-param {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 5px 25px;
  color: var(--font-white-60);
  font-size: var(--font-size-caption);
}
.hf-workflows-library-filter-clear {
  cursor: pointer;
  margin: 0 10px;
  font-size: 12px;
  color: #ff0000;
}
.hf-edit-workflow-popover {
  padding: 8px;
  color: var(--font-black-100);
  font-size: var(--font-size-caption);
  font-family: var(--font-family-regular);
}
.hf-edit-workflow-popover:hover {
  background: #f6f6f6;
  border-radius: 6px;
  font-weight: bold;
  font-family: var(--font-family-medium);
}
.hf-details_nav-bar.hf-mod-library-details {
  position: fixed;
  top: 43px;
  left: calc(var(--libraryNavWidth) + var(--moduleSwitcherCollapsed));
}
.hf-workflows-dashboard_row {
  margin-bottom: 25px;
}
.hf-workflows-dashboard_row_body {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.hf-workflows-dashboard_row_body.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-workflows-dashboard_column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 25%;
  margin: 10px 20px 10px 0;
  border-radius: 6px;
  padding: 30px 60px 20px 30px;
  background: #fff;
}
.hf-workflows-dashboard_column.hf-mod-time-saved-stats {
  background: #78fffe;
}
.hf-workflows-dashboard_column.hf-mod-cost-saved-stats {
  background: #6bff9d;
}
.hf-workflows-dashboard_column_heading {
  font-size: 18px;
  color: #333;
  line-height: 1;
}
.hf-workflows-dashboard_column_count {
  margin-top: 12px;
  font-size: 60px;
  color: #333;
  line-height: 1;
}
.hf-dashboard-cost-per-hour-popover {
  margin-right: 20px;
}
.hf-dashboard-cost-per-hour-popover .hf-mini-pop-over {
  right: -12px;
}
.hf-dashboard-cost-per-hour-popover .hf-mini-pop-over:before,
.hf-dashboard-cost-per-hour-popover .hf-mini-pop-over::after {
  left: 90%;
}
.hf-workflows-dashboard_cost-per-hour_input {
  flex: 1;
}
.hf-workflows_webhook-warning {
  margin: 10px 0;
  border-radius: 6px;
  padding: 10px;
  background: #eee;
}
.hf-pop-over_body.hf-mod-workflow-history-filter {
  padding: 10px 0;
}
.hf-pop-over_body.hf-mod-workflow-history-filter .hf-container {
  padding: 10px;
}
.hf-pop-over_body.hf-mod-workflow-history-filter .hf-form-field {
  margin-bottom: 0;
  padding: 0 10px 20px;
}
.hf-pop-over_body.hf-mod-workflow-history-filter .hf-form-field.hf-mod-workflow-field {
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.hf-workflow-details-more-actions-dropdown g > circle {
  stroke: #333;
  fill: #fff;
}
.hf-workflow-details-more-actions-dropdown g > g {
  fill: #333;
}
.hf-workflow-details-more-details-dropdown {
  padding: 3px 10px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  background: #fff;
  box-shadow: 2px 1px #E1E1E1;
}
.hf-workflow-details-more-details-dropdown svg > path {
  fill: #333333;
}
.hf-workflow-details-more-actions-pop-over:before,
.hf-workflow-details-more-actions-pop-over:after {
  display: none;
}
.jira-additional-field-container {
  margin-bottom: 50px;
}
.jira-additional-field-container .hf-widget-customization-form_sub-group {
  padding-bottom: 15px;
}
.jira-additional-field-container .hf-add-sc-widget-entity {
  margin: 5px 0;
}
.hf-action-history_non-field-errors {
  margin: 10px 0;
}
.hf-login_non-field-errors {
  top: 20%;
  z-index: 1;
}
.hf-application_group-name {
  width: 16px;
  height: 16px;
}
.hf-triggers-condition-field {
  padding: 10px 0 30px;
}
:root {
  --i: 1;
  --j: 1;
}
.hf-workflows_actions-container_group-overall,
.hf-workflows-container-group-section {
  background: repeating-linear-gradient(to bottom, #ECECEC 0, #ECECEC calc(100%/3), #F3F3F3 calc(100%/3), #F3F3F3 calc(2*100%/3), #E3E3E3 calc(2*100%/3), #E3E3E3 100%);
  background-size: 100% 300%;
}
.hf-workflows-container-group-section {
  --j: calc(var(--i) + 1);
  background-position: 0 calc(var(--j) * 100%);
  border-radius: 6px;
}
.hf-workflows_actions-container_group-overall {
  border-radius: 6px;
  --i: calc(var(--j) + 1);
  background-position: 0 calc(var(--i) * 100%);
}
.hf-reorder-action.hf-is-disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #ccc;
}
.hf-completed-action-errors {
  margin: 10px 0;
  border: 1px solid #ffeaa7;
  border-left: 4px solid #f39c12;
  border-radius: 6px;
  padding: 12px 15px;
  background-color: #fff3cd;
  color: #856404;
}
.hf-completed-action-errors li {
  font-weight: 500;
  color: #856404;
}
.workflow-action-edit-form .hf-form-array-field .include-metadata-info-icon {
  top: 2px;
}
.workflow-action-edit-form .hf-form-array-field .hf-form-object-field-container .toggle-merge-fields {
  top: 0;
}
.workflow-action-edit-form .hf-form-array-field .toggle-merge-fields {
  top: -17px;
}
.workflow-action-edit-form .hf-form-array-field .hf-form-field_label:has(.hf-edit-field-icon) {
  margin-right: 136px;
}
.workflow-action-edit-form .google-sheets-array-field .toggle-merge-fields {
  top: 0px;
}
.workflow-action-edit-form .asana-array-field .toggle-merge-fields {
  top: -17px;
}
.workflow-action-edit-form .dynamic-field {
  position: absolute;
  top: 53px;
  left: -88%;
  margin: auto;
  box-shadow: -8px 8px 8px 0px rgba(0, 0, 0, 0.09);
  border-radius: 6px;
  width: 87%;
}
.workflow-action-edit-form .dynamic-field .dynamic-field-refresh-button-wrapper {
  display: flex;
  gap: 20px;
  align-items: center;
}
.workflow-action-edit-form .dynamic-field .dynamic-field-refresh-button-wrapper .dynamic-field-refresh-button {
  align-items: center;
  display: flex;
  margin-right: 0;
  padding: 4px 6px;
  color: #666;
}
.workflow-action-edit-form .dynamic-field .dynamic-field-refresh-button-wrapper .dynamic-field-refresh-button svg {
  margin-right: 4px;
}
.workflow-action-edit-form .dynamic-field .dynamic-field-refresh-button-wrapper .dynamic-field-refresh-button svg path {
  fill: #666;
}
.workflow-action-edit-form .dynamic-field .ember-power-select-group-name {
  position: sticky;
  top: 0;
  background: #fff;
}
.workflow-action-edit-form .dynamic-field .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-current="true"] {
  background: rgba(0, 0, 0, 0.02);
}
.workflow-action-edit-form .dynamic-field .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-current="true"]:hover {
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #DCDCDC;
  background: rgb(255 255 255);
}
.workflow-action-edit-form .dynamic-field .ember-power-select-options:last-child .ember-power-select-group .ember-power-select-option:last-child {
  margin-bottom: 12px;
}
.workflow-action-edit-form .dynamic-field .ember-power-select-option {
  align-items: baseline;
  gap: 3px;
  display: flex;
  overflow-x: hidden;
  margin: 4px 10px 4px 20px;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 6px;
  box-sizing: border-box;
  padding: 4px 10px 6px 10px;
  background: rgba(0, 0, 0, 0.02);
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
}
.workflow-action-edit-form .dynamic-field .ember-power-select-option:hover {
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #DCDCDC;
  background: rgb(255 255 255);
}
.workflow-action-edit-form .dynamic-field .ember-power-select-option .ember-view {
  display: flex;
  overflow: hidden;
}
.workflow-action-edit-form .dynamic-field .ember-power-select-option .ember-view .option-container-expanded {
  display: flex;
  flex-direction: column;
}
.workflow-action-edit-form .dynamic-field .ember-power-select-option .ember-view .option-container-expanded .hf-dynamic-field_dropdown-option-label {
  max-width: inherit;
  font-size: var(--font-size-caption);
}
.workflow-action-edit-form .dynamic-field .ember-power-select-option .ember-view .option-container-expanded .hf-dynamic-field_dropdown-option-value {
  white-space: normal;
  font-size: var(--font-size-caption);
}
.workflow-action-edit-form .dynamic-field .dynamic-field-option-container {
  gap: 3px;
  align-items: baseline;
  display: flex;
  overflow-x: hidden;
  box-sizing: border-box;
  white-space: nowrap;
  text-align: left;
}
.workflow-action-edit-form .dynamic-field .dynamic-field-option-container .hf-dynamic-field_dropdown-option-label {
  word-break: break-word;
  margin-right: 6px;
  width: inherit;
  min-width: inherit;
  max-width: 220px;
  white-space: normal;
  font-weight: normal;
  font-size: var(--font-size-caption);
  color: rgb(0 0 0%);
}
.workflow-action-edit-form .dynamic-field .ember-power-select-group .ember-power-select-options .ember-power-select-option:first-child {
  border-top-color: #ece9df;
}
.workflow-action-edit-form .dynamic-field .ember-power-select-search,
.workflow-action-edit-form .dynamic-field .ember-power-select-options[role="listbox"] {
  border: 0;
}
.workflow-action-edit-form .dynamic-field .ember-power-select-search {
  border-top: 1px solid #bababa;
  border-radius: 0;
  background: #f3f3f3;
  padding: 0;
}
.workflow-action-edit-form .dynamic-field .ember-power-select-search input {
  margin: 10px;
  border: 1px solid #bababa;
  border-radius: 6px;
  padding: 5px 40px;
  background: url(svgs/search.svg) 15px center no-repeat #fff;
}
.workflow-action-edit-form .dynamic-field .ember-power-select-search input::placeholder {
  font-size: 13px;
}
.workflow-action-edit-form .dynamic-field .ember-power-select-trigger {
  display: none;
}
.workflow-action-edit-form .dynamic-field .ember-basic-dropdown-content {
  position: relative;
}
.workflow-action-edit-form .dynamic-field .ember-basic-dropdown-content.ember-power-select-dropdown {
  z-index: 4;
  border-top: 0;
  border-radius: 0 0 6px 6px;
}
.workflow-action-edit-form .dynamic-field .merge-field-close {
  cursor: pointer;
}
.workflow-action-edit-form .dynamic-field .merge-field-close text {
  fill: #000;
}
.workflow-action-edit-form .dynamic-field .merge-field-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 12px 18px;
  background: #fff;
  font-size: var(--font-size-subtext);
  color: var(--font-black-100);
}
.workflow-action-edit-form .dynamic-field .hf-dynamic-field_dropdown-option-value {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex: 1;
  overflow-wrap: break-word;
  word-break: break-word;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  font-size: var(--font-size-caption);
}
.workflow-action-edit-form .dynamic-field .expand-button {
  display: flex;
  border: none;
  padding: 4px 0px 4px 0px;
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
}
.workflow-action-edit-form .dynamic-field .expand-button:hover {
  color: #08c;
}
.workflow-action-edit-form .dynamic-field .ember-power-select-option[aria-selected="true"][aria-current="false"] {
  background: none;
  color: inherit;
}
.workflow-action-edit-form .dynamic-field .ember-power-select-group-name {
  border-top: 1px solid #e6e6e6;
}
.workflow-action-edit-form .message-field:has(.open) .hf-form-field_value .cke {
  border: 2px solid #08c !important;
}
.workflow-action-edit-form .message-field:has(.hf-pm-editor) .hf-mini-pop-over_item {
  position: relative;
  top: 2px;
  margin: 3px 10px 0px;
  font-size: var(--font-size-caption);
}
.workflow-action-edit-form .code-editor-field:has(.open) .CodeMirror {
  border: 2px solid #08c;
}
.workflow-action-edit-form .hf-dynamic-field.is-open .CodeMirror {
  border: 2px solid #08c;
}
.trigger-details-list-view {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 53px;
  left: -88%;
  margin: auto;
  width: 87%;
  height: calc(83vh - 53px);
  max-height: 682px;
  background: #fff;
  box-shadow: 0 0 0 1px #e6e6e6, 10px 2px 14px 0 rgba(0, 0, 0, 0.04), -40px 5px 39px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  background-color: #ffffff;
}
.trigger-details-list-view .trigger-details-list-wrapper {
  padding: 0px 10px 20px;
  overflow-y: auto;
  max-height: calc(100% - 97px);
}
.trigger-details-list-view .trigger-details-list-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ededed;
  padding: 10px;
  justify-content: space-between;
}
.trigger-details-list-view .trigger-details-list-header .trigger-details-list-header-title {
  display: flex;
  align-items: center;
}
.trigger-details-list-view .trigger-details-list-header .app-icon-wrapper {
  border: 1px solid #eaeaea;
  border-radius: 6px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  padding: 9px;
}
.trigger-details-list-view .trigger-details-list-header .close-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  cursor: pointer;
  margin-left: 2px;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background-color: #fafafa;
}
.trigger-details-list-view .trigger-search-text-wrapper {
  display: flex;
  justify-content: center;
  padding: 10px 10px 20px;
}
.trigger-details-list-view .hf-workflows-trigger-search-text {
  width: 100%;
  margin: 0;
  box-shadow: 0 0 0 1px #bbcbfc !important;
  border-radius: 3px !important;
  background-color: #f8faff !important;
  padding: 3px 30px;
  background: url('/assets/svgs/react/search.svg') 10px center no-repeat #fff;
  height: 32px;
  font-size: 13px;
  color: #333;
  border: none;
}
.trigger-details-list-view .hf-workflows_trigger-details_data-row {
  align-items: baseline;
  display: flex;
  white-space: nowrap;
  margin: 4px 0px;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 4px 10px 6px 10px;
  background: #fafafa;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  overflow-x: hidden;
}
.trigger-details-list-view .hf-workflows_trigger-details_data-row:hover {
  border: 1px solid #DCDCDC;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
  background: rgb(255 255 255);
}
.trigger-details-list-view .hf-workflows_trigger-details_data-row .hf-workflows_trigger-details_data-value {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex: 1 1 0%;
  overflow-wrap: break-word;
  word-break: break-word;
  overflow: hidden;
  color: var(--font-gray-60);
  font-size: var(--font-size-caption);
  font-family: var(--font-family-regular);
}
.trigger-details-list-view .hf-workflows_trigger-details_data-row .hf-workflows_trigger-details_data-key {
  margin-right: 10px;
  color: var(--font-gray-80);
  font-size: var(--font-size-caption);
  font-family: var(--font-family-regular);
}
.trigger-details-list-view .expanded-trigger-details_data-row {
  align-items: baseline !important;
  flex-direction: column !important;
  white-space: normal !important;
}
.hf-workflows_action-unavailable-text {
  padding: 4px;
}
.hf-workflows_delay-group {
  border-top: 1px solid rgb(222 222 222);
  padding-top: 20px;
}
.hf-workflows_delay-group .hf-workflows_delay-toggle {
  display: flex;
}
.hf-workflows_delay-group .hf-workflows_delay-toggle .hf-form-field_label {
  font-size: 14px;
}
.hf-workflows_delay-group .hf-workflows_delay-toggle .hf-toggle {
  margin-left: 20px;
}
.hf-workflows_delay-group .hf-form-field-input.hf-number-input {
  width: 60px;
}
.hf-workflows_delay-group .hf-workflows_delay-input-field .hf-form-field_value .hf-u-vertically-centered-container {
  display: inline;
}
.hf-workflows_delay-group .hf-workflows_delay-input-field .hf-form-field_value ::after {
  padding-left: 4px;
  color: #666;
  content: 'min(s)';
}
.hf-workflows_delay-group .hf-workflows_delay-input-field .hf-form-field_value .hf-validation-error-message::after {
  content: '';
}
.relative-available-time .hf-form-field .toggle-merge-fields {
  top: -17px;
}
.ember-basic-dropdown {
  position: relative;
}
.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}
.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #FFF;
}
.ember-basic-dropdown-content--left {
  left: 0;
}
.ember-basic-dropdown-content--right {
  right: 0;
}
.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
.ember-power-select-dropdown * {
  box-sizing: border-box;
}
.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}
.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}
.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded="true"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded="true"] .ember-power-select-status-icon {
  transform: rotate(180deg);
}
.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}
.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
.ember-power-select-search {
  padding: 4px;
}
.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}
.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}
.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}
.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role="listbox"] {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}
.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}
.ember-power-select-group[aria-disabled="true"] {
  color: #999999;
  cursor: not-allowed;
}
.ember-power-select-group[aria-disabled="true"] .ember-power-select-option,
.ember-power-select-option[aria-disabled="true"] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}
.ember-power-select-option[aria-selected="true"] {
  background-color: #dddddd;
}
.ember-power-select-option[aria-current="true"] {
  background-color: #5897fb;
  color: #ffffff;
}
.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}
.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}
.ember-power-select-trigger {
  padding: 0 16px 0 0;
}
.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}
.ember-power-select-status-icon {
  right: 5px;
}
.ember-power-select-clear-btn {
  right: 25px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}
.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}
.modal-overlay {
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
  overflow-y: scroll;
  outline: 0;
}
.modal-overlay.translucent {
  background-color: #666;
}
.modal {
  position: relative;
  margin: 60px 0 30px;
}
.modal_close {
  position: fixed;
  right: 50px;
  top: 40px;
  cursor: pointer;
}
.modal_header {
  padding: 20px 25px;
  background-color: #666;
}
.modal_header_title {
  font-size: var(--font-size-display);
  color: var(--font-white-100);
  font-family: var(--font-family-light);
  text-align: center;
}
.modal_header_info {
  font-size: 15px;
  color: #ccc;
  text-align: center;
}
.modal-dialog_error-message {
  display: flex;
  align-items: center;
  background: #eb4539;
  margin-bottom: 20px;
  border-radius: 3px;
  padding: 10px;
}
.modal-dialog_error-message_group {
  flex: 1;
}
.modal-dialog_error-message_text {
  margin-bottom: 3px;
  font-size: 15px;
  text-align: center;
  color: #fff;
}
.modal-dialog_error-message_close {
  cursor: pointer;
}
.modal_body {
  border-radius: 4px 4px 0 0;
  padding: 25px 30px;
  background-color: #fff;
}
.modal_body.hf-mod-no-footer {
  border-radius: 4px;
}
.modal_body:has(.two-factor-authentication) {
  border-radius: 4px;
}
.modal_body_editor-label {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.modal_body_editor-label.hf-mod-wrap {
  flex-wrap: wrap;
}
.modal_body_editor-label.hf-mod-space-between {
  justify-content: space-between;
}
.modal_footer {
  border: 1px solid rgba(34, 36, 38, 0.16);
  border-radius: 0 0 4px 4px;
  background-color: #f9fafb;
  padding: 15px 30px;
}
.modal_footer_secondary-action {
  color: #000;
}
.modal_footer_tertiary-action {
  float: right;
  margin-top: 5px;
  color: #000;
}
.modal_body.hf-mod-apps-modal {
  width: 1000px;
  margin-bottom: 150px;
  border-radius: 4px;
  padding: 0;
}
.hf-youtube_video_modal .modal-top-band {
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  height: 60px;
  background-color: #1a1a1a;
}
.hf-youtube_video_modal .modal-top-band.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-youtube_video_modal .modal-top-band.hf-mod-space-between {
  justify-content: space-between;
}
.hf-youtube_video_modal .modal-top-band_name {
  font-family: "Inter Light", sans-serif;
  margin-left: 20px;
  font-size: 24px;
  color: #fff;
}
.hf-youtube_video_modal .modal-top-band_icon {
  display: flex;
  cursor: pointer;
  margin: 0 3px;
  padding: 7px 10px;
}
.hf-youtube_video_modal .modal-top-band_icon.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-youtube_video_modal .modal-top-band_icon:hover svg > g,
.hf-youtube_video_modal .modal-top-band_icon:focus svg > g {
  stroke: #08c;
}
.hf-youtube_video_modal .modal-top-band_icon.hf-mod-close {
  padding: 7px 20px;
  border-left: 1px solid #666;
}
.hf-youtube_video_modal .modal-youtube-video-wrapper iframe {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.create-workflow-form .hf-form-field_label {
  color: var(--font-gray-60);
}
.create-workflow-form .reset-btn {
  margin-left: 10px;
  color: var(--font-gray-80);
  font-size: var(--font-size-caption);
}
.create-workflow-form .cancel-btn {
  color: var(--font-gray-80);
  font-size: var(--font-size-caption);
}
.hf-toast-message {
  position: absolute;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 20px;
  border-bottom: 1px solid #a9d5de;
  background: #f8ffff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  animation: hf-scale-up 500ms forwards;
}
.hf-toast-message.hf-mod-error {
  background: #fff8f8;
  border-bottom: 1px solid #dea9a9;
}
.hf-toast-message.hf-mod-reminder {
  background-color: #efefef;
}
.hf-toast-message.hf-hide {
  animation: hf-scale-down 500ms forwards;
}
.hf-toast-message_text {
  margin: 12px 40px;
}
.hf-toast-message_text.hf-mod-multi-line {
  display: flex;
  white-space: pre-line;
  line-height: 22px;
}
.hf-toast-message_text.hf-mod-multi-line.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-toast-message_close {
  position: absolute;
  top: 15px;
  right: 16px;
  cursor: pointer;
}
.hf-toast-message-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(89, 92, 100, 0.5);
  z-index: 4;
  animation: hf-overlay-fade-in 200ms ease-out forwards;
}
.hf-toast-message_button {
  margin-left: 15px;
}
.hf-mini-toast-message {
  border-radius: 4px;
  padding: 10px;
  color: #fff;
}
.hf-mini-toast-message.hf-mod-success {
  background: #28a745;
}
.hf-mini-toast-message.hf-mod-failure {
  background: #721c24;
}
.hf-mini-toast-message_text {
  margin-right: 30px;
}
.hf-toggle {
  display: flex;
  margin-left: 20px;
}
.hf-toggle_checkbox {
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.login-checkbox-wrapper {
  display: flex;
  align-items: center;
}
.login-checkbox-field {
  margin-right: 8px;
}
.hf-toggle_button {
  position: relative;
  width: 35px;
  height: 20px;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: inset 0 0 0px 1px #d5d5d5;
}
.hf-toggle_button:before,
.hf-toggle_button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  height: 20px;
  border-radius: 10px;
  background: rgba(19, 191, 17, 0);
  transition: 0.25s ease-in-out;
}
.hf-toggle_button:after {
  width: 20px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
}
.hf-toggle_button.hf-is-checked:before,
.hf-mod-radio-button .hf-toggle_button:before {
  width: 35px;
  background: #13bf11;
}
.hf-toggle_button.hf-is-checked:after {
  left: 15px;
  box-shadow: inset 0 0 0 1px #13bf11, 0 2px 4px rgba(0, 0, 0, 0.2);
}
.hf-mod-radio-button .hf-toggle_button {
  width: 45px;
  height: 21px;
  border-radius: 11px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
}
.hf-mod-radio-button .hf-toggle_button:before {
  width: 45px;
  height: 21px;
  background: #fff;
}
.hf-mod-radio-button .hf-toggle_button:after {
  width: 19px;
  height: 19px;
  top: 1px;
  left: 2px;
  box-shadow: none;
  background-color: #44db5e;
}
.hf-mod-radio-button .hf-toggle_button.hf-is-checked:after {
  left: 24px;
}
.hf-tooltipped {
  position: relative;
}
.hf-tooltipped:after {
  position: absolute;
  z-index: 6;
  display: inline-block;
  padding: 5px 8px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  word-wrap: break-word;
  white-space: pre;
  pointer-events: none;
  content: attr(aria-label);
  background: #000;
  border-radius: 3px;
  opacity: 0;
}
.hf-tooltipped:before {
  position: absolute;
  z-index: 1;
  display: inline-block;
  opacity: 0;
  width: 0;
  height: 0;
  color: #000;
  pointer-events: none;
  content: "";
  border: 5px solid transparent;
}
.hf-tooltipped:hover:before,
.hf-tooltipped:active:before,
.hf-tooltipped:focus:before,
.hf-tooltipped:hover:after,
.hf-tooltipped:active:after,
.hf-tooltipped:focus:after {
  opacity: 1;
  transition: all 500ms ease-in;
}
.hf-tooltipped:hover.hf-mod-delayed:before,
.hf-tooltipped:active.hf-mod-delayed:before,
.hf-tooltipped:focus.hf-mod-delayed:before,
.hf-tooltipped:hover.hf-mod-delayed:after,
.hf-tooltipped:active.hf-mod-delayed:after,
.hf-tooltipped:focus.hf-mod-delayed:after {
  transition-delay: 1500ms;
}
.hf-tooltipped-bottom:after,
.hf-tooltipped-bottom-right:after,
.hf-tooltipped-bottom-left:after {
  top: 100%;
  right: 50%;
  margin-top: 5px;
}
.hf-tooltipped-bottom:before,
.hf-tooltipped-bottom-right:before,
.hf-tooltipped-bottom-left:before {
  top: auto;
  right: 50%;
  bottom: -5px;
  margin-right: -5px;
  border-bottom-color: #000;
}
.hf-tooltipped-bottom-right:after {
  right: auto;
  left: 50%;
  margin-left: -15px;
}
.hf-tooltipped-bottom-left:after {
  margin-right: -15px;
}
.hf-tooltipped-top:after,
.hf-tooltipped-top-right:after,
.hf-tooltipped-top-left:after {
  right: 50%;
  bottom: 100%;
  margin-bottom: 6px;
}
.hf-tooltipped-top:before,
.hf-tooltipped-top-right:before,
.hf-tooltipped-top-left:before {
  top: -6px;
  right: 50%;
  bottom: auto;
  margin-right: -5px;
  border-top-color: #000;
}
.hf-tooltipped-top-right:after {
  right: auto;
  left: 50%;
  margin-left: -15px;
}
.hf-tooltipped-top-left:after {
  margin-right: -15px;
}
.hf-tooltipped-bottom:after,
.hf-tooltipped-top:after {
  transform: translateX(50%);
}
.hf-tooltipped-bottom.hf-mod-move-left:after,
.hf-tooltipped-top.hf-mod-move-left:after {
  transform: translateX(30%);
}
.hf-tooltipped-left:after {
  right: 100%;
  bottom: 50%;
  margin-right: 5px;
  transform: translateY(50%);
}
.hf-tooltipped-left:before {
  top: 50%;
  bottom: 50%;
  left: -5px;
  margin-top: -5px;
  border-left-color: #000;
}
.hf-tooltipped-right:after {
  bottom: 50%;
  left: 100%;
  margin-left: 5px;
  transform: translateY(50%);
}
.hf-tooltipped-right:before {
  top: 50%;
  right: -5px;
  bottom: 50%;
  margin-top: -5px;
  border-right-color: #000;
}
.hf-data-table {
  width: 100%;
  border-collapse: separate;
}
.hf-data-table_body {
  box-shadow: 0 0 4px 0 rgba(221, 221, 221, 0.5);
}
.hf-data-table_body_row {
  cursor: pointer;
}
.hf-data-table_body_row .hf-data-table_body_row_cell {
  background: #fff;
}
.hf-data-table_body_row .hf-bulk-selection-item_check-box {
  position: static;
  padding: 0;
  transform: translate(0);
  text-align: center;
}
.hf-data-table_body_row:hover .hf-data-table_body_row_cell {
  background: #fafafa;
}
.hf-data-table_header_row_cell {
  padding: 10px 15px;
  font-weight: normal;
  font-size: 12px;
  color: #666;
  text-transform: uppercase;
}
.hf-contact-details_recent-tickets-section .hf-data-table_header_row_cell:first-child {
  padding-left: 5px;
}
.hf-contact-details_recent-tickets-section .hf-data-table_body_row .hf-data-table_body_row_cell:first-child {
  padding-left: 0;
}
.hf-data-table_header_bulk-selection {
  width: 40px;
}
.hf-data-table_header_heading {
  padding: 10px 15px;
}
.hf-data-table_body_row_cell {
  padding: 14px 15px;
  border-bottom: 1px solid #eee;
  color: #666;
}
/* TODO: Remove the border radius css, once row component is passed */
.hf-group-members .hf-data-table_body_row:first-child .hf-data-table_body_row_cell:nth-child(1) {
  border-top-left-radius: 8px;
}
.hf-group-members .hf-data-table_body_row:first-child .hf-data-table_body_row_cell:last-of-type {
  border-top-right-radius: 8px;
}
/* end of TODO */
.hf-group-members .hf-data-table_body_row:last-child .hf-data-table_body_row_cell:nth-child(1) {
  border-bottom-left-radius: 8px;
}
.hf-data-table_body_row:last-child .hf-data-table_body_row_cell:nth-child(2) {
  border-bottom-left-radius: 8px;
}
.hf-data-table_body_row:last-child .hf-data-table_body_row_cell:last-of-type {
  border-bottom-right-radius: 8px;
}
.table-container {
  overflow-x: auto;
}
.table-container.hf-mod-no-pagination {
  margin-bottom: 40px;
}
.table-container.hf-mod-contact-groups {
  margin-left: 40px;
}
.table-container.hf-bulk-selection-disabled .hf-data-table_body_row:last-child .hf-data-table_body_row_cell:first-child {
  border-bottom-left-radius: 8px;
}
.table-container.hf-mod-no-row-component .hf-data-table_body_row:first-child .hf-data-table_body_row_cell:nth-child(2) {
  border-top-left-radius: 8px;
}
.table-container.hf-mod-no-row-component .hf-data-table_body_row:first-child .hf-data-table_body_row_cell:last-child {
  border-top-right-radius: 8px;
}
.table-container.hf-bulk-selection-disabled.hf-mod-no-row-component .hf-data-table_body_row:first-child .hf-data-table_body_row_cell:first-child {
  border-top-left-radius: 8px;
}
.table-container.hf-mod-no-contacts {
  margin-top: 20px;
  padding-left: 25px;
}
.table-container.hf-mod-overflow-visible {
  overflow-x: visible;
}
.table-container.hf-mod-overflow-visible .ember-light-table {
  overflow: visible !important;
}
.table-container.hf-mod-overflow-visible .ember-light-table .lt-body-wrap {
  overflow-y: visible;
}
.ember-light-table {
  overflow: hidden;
  position: relative;
}
.ember-light-table table {
  width: 100%;
  border-collapse: separate;
}
.ember-light-table .lt-body {
  box-shadow: 0 0 4px 0 rgba(221, 221, 221, 0.5);
}
.ember-light-table .lt-row {
  cursor: pointer;
}
.ember-light-table .lt-row .lt-cell {
  background: #fff;
}
.ember-light-table .lt-row .hf-bulk-selection-item_check-box {
  position: static;
  padding: 0;
  transform: translate(0);
  text-align: center;
}
.ember-light-table .lt-row:hover .lt-cell {
  background: #fafafa;
}
.ember-light-table .lt-row.hf-is-highlighted .lt-cell {
  background-color: #f4f4f4;
}
.ember-light-table .lt-row.is-selectable .lt-cell:first-child {
  background-color: transparent;
  padding: 0;
  border: 0;
  text-align: center;
}
.ember-light-table .lt-cell_empty-value {
  color: #a5a5a5;
}
.ember-light-table .lt-column {
  background-color: #f3f3f3;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e6e8e8;
  padding: 10px 15px;
  font-weight: normal;
  font-size: var(--font-size-footnote);
  color: var(--font-gray-60);
  text-transform: uppercase;
}
.ember-light-table .lt-column:last-of-type {
  border-right: 0;
}
.ember-light-table .lt-column .lt-column-resizer {
  width: 3px;
  right: -2px;
}
.ember-light-table .lt-column .lt-column-resizer:hover {
  background-color: #08c;
}
.ember-light-table .lt-column .lt-column-resizer.hf-is-resizing {
  background-color: #08c;
}
.ember-light-table .lt-column.hf-mod-no-border-right {
  border-right: none;
}
.ember-light-table .lt-column.hf-mod-table-settings {
  padding: 9px 4px 9px 6px;
}
.ember-light-table .lt-column.is-sortable:hover,
.ember-light-table .lt-column.hf-mod-table-settings:hover {
  background-color: #f0f3f3;
}
.ember-light-table .lt-head .lt-column:nth-child(2) {
  border-top-left-radius: 8px;
}
.ember-light-table .lt-head .lt-column:last-child {
  border-top-right-radius: 8px;
}
.ember-light-table .lt-head-wrap {
  overflow-y: visible;
  overflow-x: visible;
}
.ember-light-table .lt-body-wrap.hf-can-select.hf-multi-select .lt-head .lt-column:first-child {
  background-color: transparent;
}
.ember-light-table .hf-data-table_header_bulk-selection {
  width: 40px;
}
.ember-light-table .hf-data-table_header_heading {
  padding: 10px 15px;
}
.ember-light-table .lt-cell {
  padding: 12px 15px;
  border-bottom: 1px solid #eee;
  color: var(--font-gray-80);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ember-light-table .lt-cell.hf-is-cell-actionable {
  padding: 0;
}
.ember-light-table .lt-cell.hf-u-visible-overflow {
  overflow: visible;
}
.ember-light-table .lt-cell.hf-mod-bulk-selection {
  background-color: transparent;
}
.ember-light-table .lt-row:last-child .lt-cell:nth-child(2) {
  border-bottom-left-radius: 8px;
}
.ember-light-table .lt-row:last-child .lt-cell:last-of-type {
  border-bottom-right-radius: 8px;
}
.ember-light-table .lt-scrollable.tse-scrollable .tse-scrollbar {
  z-index: 1;
}
.ember-light-table_loading {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.5);
}
.ember-light-table_loading.hf-mod-bulk-select {
  margin-left: 40px;
}
.lt-column_content {
  display: inline-block;
  position: relative;
  color: var(--font-gray-60);
  font-size: var(--font-size-footnote);
}
.lt-column_content_sort-indicator {
  position: absolute;
  top: 0;
  right: -10px;
}
.table-container.hf-mod-can-select .lt-head .lt-column:first-child {
  background-color: transparent;
}
.table-container:not(.hf-mod-can-select) .lt-head .lt-column:nth-child(2) {
  border-top-left-radius: 0;
}
.table-container:not(.hf-mod-can-select) .lt-head .lt-column:first-child {
  border-top-left-radius: 8px;
}
.table-container:not(.hf-mod-can-select) .lt-row:last-child .lt-cell:nth-child(2) {
  border-bottom-left-radius: 0;
}
.table-container:not(.hf-mod-can-select) .lt-row:last-child .lt-cell:first-child {
  border-bottom-left-radius: 8px;
}
.table-container:not(.hf-mod-can-select) .ember-light-table {
  margin-left: 40px;
}
.table-container.hf-mod-no-left-margin:not(.hf-mod-can-select) .ember-light-table {
  margin-left: 0;
}
.hf-mini-pop-over.hf-mod-table-settings {
  left: -15px;
  width: 250px;
  text-transform: none;
}
.hf-mini-pop-over.hf-mod-table-settings:before,
.hf-mini-pop-over.hf-mod-table-settings:after {
  left: 20px;
}
.hf-mini-pop-over.hf-mod-table-settings .hf-pop-over_body {
  padding: 0;
}
.hf-mini-pop-over.hf-mod-table-settings .hf-pop-over_body .hf-mini-pop-over_item {
  margin: 10px 20px;
}
.hf-mini-pop-over.hf-mod-table-settings .hf-pop-over_body .hf-mini-pop-over_item.hf-is-active {
  margin: 0;
  padding: 10px 20px;
}
.hf-table-list-empty-state {
  position: relative;
  border: 1px solid #eee;
  border-top: 0;
  border-bottom: none;
  border-radius: 0 0 6px 6px;
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(221, 221, 221, 0.5);
}
.hf-table-list-empty-state.hf-mod-left-margin {
  margin-left: 40px;
}
.hf-table-list-empty-state_row {
  display: flex;
  padding: 20px 15px;
  border-bottom: 1px solid #eee;
}
.hf-table-list-empty-state_row.hf-mod-2 {
  opacity: 0.5;
}
.hf-table-list-empty-state_row.hf-mod-3 {
  opacity: 0.3;
}
.hf-table-list-empty-state_row.hf-mod-4 {
  opacity: 0.2;
  border-bottom: 0;
}
.hf-table-list-empty-state_row_item {
  height: 10px;
  border-radius: 8px;
  background-color: #f5f5f5;
}
.hf-table-list-empty-state_row_item.hf-mod-1 {
  width: 48%;
  margin-right: 11%;
}
.hf-table-list-empty-state_row_item.hf-mod-2 {
  width: 62%;
  margin-right: 10%;
}
.hf-table-list-empty-state_row_item.hf-mod-3 {
  width: 40%;
  margin-right: 9%;
}
.hf-table-list-empty-state_row_item.hf-mod-last {
  width: 13%;
  margin-right: 2%;
}
.hf-table-list-empty-state_row_item.hf-mod-header {
  background-color: #e8eaea;
}
.hf-table-list-empty-state_row_item.hf-mod-header.hf-mod-1 {
  width: 28%;
}
.hf-table-list-empty-state_row_item.hf-mod-header.hf-mod-2 {
  width: 28%;
}
.hf-table-list-empty-state_row_item.hf-mod-header.hf-mod-3 {
  width: 28%;
}
.hf-table-list-empty-state_row_item.hf-mod-header.hf-mod-4 {
  width: 75%;
}
.hf-table-list-empty-state_row_message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  text-align: center;
  color: #7d7c7c;
}
.hf-table-list-empty-state_row_message-header {
  margin: 8px 0;
  font-size: var(--font-size-title);
  font-family: var(--font-family-light);
}
.hf-table-list-empty-state_row_message-content {
  margin-bottom: 12px;
  font-size: 13px;
  color: var(--font-gray-40);
}
.hf-table-list-empty-state-header {
  width: 30%;
}
.hf-table-list-empty-state-header.hf-mod-2 {
  width: 35%;
}
.hf-table-list-empty-state-header.hf-mod-3 {
  width: 25%;
}
.hf-table-list-empty-state-header.hf-mod-4 {
  width: 10%;
}
.hf-table-list-empty-state_background {
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 37%, #e6e8e8 101%);
}
.hf-table-settings_unselected-column {
  padding-left: 13px;
}
.hf-sortable-table-header table th:first-child {
  border-right: none;
}
.lt-row.hf-is-frozen:hover td.lt-cell {
  background: #fff;
}
.lt-row.hf-is-frozen td.lt-cell {
  opacity: 0.5;
  pointer-events: none;
}
.lt-row.hf-is-frozen td.lt-cell:last-child {
  padding-top: 0;
  padding-bottom: 5px;
  opacity: 1;
  background-color: #f2f4f4;
}
.lt-row.hf-is-frozen td.lt-cell:last-child:hover {
  background-color: #f2f4f4;
}
.lt-row.hf-is-frozen td.lt-cell .hf-delete-progress {
  pointer-events: all;
}
.lt-row.hf-is-frozen td.lt-cell .hf-delete-progress .hf-progress-bar {
  border: 1px solid #979797;
  background-color: #f2f4f4;
}
.lt-row.hf-is-frozen td.lt-cell .hf-delete-progress .hf-progress-bar_indicator {
  border-radius: 4px 0 0 4px;
  background-color: #979797;
}
td.lt-cell.hf-mod-tooltip,
td.lt-cell.hf-mod-pop-over {
  overflow: visible;
}
.hf-table-cell_pop-over_trigger {
  display: inline-block;
  border-bottom: 1px dotted #666;
  padding: 0 3px;
}
.ember-light-table .lt-cell .hf-table-cell_pop-over_value {
  white-space: normal;
  word-wrap: break-word;
}
.ember-light-table .lt-cell.hf-mod-can-wrap {
  overflow: auto;
  white-space: normal;
  word-wrap: break-word;
}
.table-container.hf-mod-card .ember-light-table {
  margin-top: 8px;
}
.table-container.hf-mod-card .ember-light-table .lt-body {
  box-shadow: none;
}
.table-container.hf-mod-card .ember-light-table .lt-column {
  background: transparent;
  border: 0;
  padding: 10px 10px 10px 0;
  text-transform: none;
  font-size: 11px;
}
.table-container.hf-mod-card .ember-light-table .lt-row {
  cursor: default;
}
.table-container.hf-mod-card .ember-light-table .lt-cell {
  border: 0;
  padding: 10px 10px 10px 0;
  background: transparent;
}
.ember-light-table .lt-cell.hf-mod-more-options .hf-popover-trigger {
  padding: 14px 17px;
}
.login-content {
  width: 340px;
  border-radius: 6px;
  padding: 30px 30px 10px;
  box-shadow: 2px 2px 4px 0 rgba(116, 122, 129, 0.2);
  background: #fff;
}
.login-content.mod-increase-width {
  width: 600px;
  padding-left: 20px;
}
.login-content_company-name {
  margin-bottom: 10px;
  font-family: "Inter Light", sans-serif;
  font-size: 20px;
  color: #1e2022;
  text-align: center;
}
.login-content_company-name.mod-left-align {
  text-align: left;
}
.login-content_branding {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.login-content_branding_img {
  margin-bottom: 15px;
}
.login-content_form {
  margin: 20px 0;
}
.login-content_form.hf-mod-custom-width {
  width: 350px;
}
.login-content_form .hf-login-form__verification-success {
  margin-bottom: 12px;
}
.login-content_form .login-otp-message,
.login-content_form .login-mfa-title {
  padding-bottom: 10px;
}
.login-content_text {
  margin-bottom: 3px;
  font-size: 12px;
  font-family: "Inter Medium", sans-serif;
  color: #191b1d;
}
.login-content_input {
  width: 100%;
  border: 1px solid #c6c9cd;
  border-radius: 4px;
  padding: 8px;
}
.login-content_button {
  width: 100%;
  padding: 9px 11px;
}
.login-content_error {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -10px 0 10px;
  border-radius: 4px;
  padding: 10px;
  background: #fdeceb;
  font-size: 13px;
  color: #1e2022;
}
.login-content_error.hf-mod-block {
  display: block;
}
.login-content_error.mod-align-left {
  text-align: left;
}
button.hf-primary-action.mod-login {
  margin-bottom: 10px;
  padding: 9px 11px;
}
button.hf-primary-action.mod-go-to-login {
  width: 100%;
  margin: 10px 0;
}
.login-content_reset-password-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 10px;
  background: #f3f3f3;
}
.login-content_success-message {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
  border-radius: 4px;
  padding: 10px;
  background: #e5f5f1;
  font-size: 13px;
  color: #1e2022;
}
.login-content_no-account_message {
  margin: 5px 0;
}
.login-content_no-account_message_text {
  margin-right: 3px;
}
.login-content_password-policy {
  width: 250px;
  padding-left: 40px;
}
.login-content_password-policy.mod-register {
  position: absolute;
  left: 100%;
  top: 0;
}
.login-content_container {
  width: 320px;
}
.hf-filter-pane {
  position: relative;
  z-index: 1;
  margin: 20px 0;
  padding-left: 40px;
  animation: hf-slide-in-down 200ms 0ms ease forwards;
}
.hf-filters {
  border: 1px solid #cbcbcb;
  border-radius: 8px;
}
.hf-filters.hf-is-collapsed .hf-filter-pane_header {
  border-bottom: 0;
  border-radius: 8px;
}
.hf-filter-pane_header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #cbcbcb;
  border-radius: 8px 8px 0 0;
  padding-left: 20px;
  background: #eaeaea;
}
.hf-filter-pane_header.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-filter-pane_header.hf-mod-space-between {
  justify-content: space-between;
}
.hf-filter-pane_header_toggle-button {
  border-left: 1px solid rgba(102, 102, 102, 0.2);
  padding: 23px;
  margin-left: 25px;
  cursor: pointer;
  background: url(svgs/filter-pane-expand.svg) no-repeat 50%;
}
.hf-filter-pane_header_toggle-button.hf-is-collapsed {
  background: url(svgs/filter-pane-collapse.svg) no-repeat 50%;
}
.hf-filter-pane_header_toggle-button:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.hf-filter-pane_header_text {
  max-width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  font-size: 15px;
  color: #2a2f2f;
}
.hf-filter-pane_header_conditions-count_text:hover {
  cursor: pointer;
  color: #08c;
}
.hf-filter-pane_header_item {
  margin-left: 20px;
}
.hf-filter-pane_header_item.hf-mod-save {
  margin-left: 0;
}
.hf-filter-pane_body {
  padding: 7px 10px;
  background: #edf0f0;
  border-radius: 0 0 8px 8px;
}
.hf-filter-pane_body.hf-mod-hide-header {
  border-radius: 8px;
}
.hf-filter-pane_body_match-all,
.hf-filter-pane_body_match-any {
  display: flex;
}
.hf-filter-pane_body_match-any.hf-is-dragged-over,
.hf-filter-pane_body_match-all.hf-is-dragged-over {
  background-color: #dce0e0;
}
.hf-filter-pane_body_match-all_conditions,
.hf-filter-pane_body_match-any_conditions {
  display: flex;
  align-items: center;
  flex: 1;
  flex-wrap: wrap;
}
.hf-filter-pane_body_match-all_conditions.hf-mod-wrap,
.hf-filter-pane_body_match-any_conditions.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-filter-pane_body_match-all_conditions.hf-mod-space-between,
.hf-filter-pane_body_match-any_conditions.hf-mod-space-between {
  justify-content: space-between;
}
.hf-filter-pane_body_match-all_title,
.hf-filter-pane_body_match-any_title {
  width: 70px;
  margin: 20px 0px 20px 10px;
}
.hf-match-all_add-conditions,
.hf-match-any_add-conditions {
  width: 40px;
  margin: 7px 5px;
  border: 1px solid #cbcbcb;
  border-radius: 8px;
  padding: 8px 13px;
  background: #f5f5f5;
  font-family: "Inter Light", sans-serif;
  font-size: 20px;
  color: #555;
}
.hf-match-all_add-conditions:hover,
.hf-match-any_add-conditions:hover,
.hf-match-all_add-conditions.hf-is-open,
.hf-match-any_add-conditions.hf-is-open {
  background: rgba(0, 0, 0, 0.04);
}
.hf-popover-trigger.hf-is-disabled .hf-match-all_add-conditions,
.hf-popover-trigger.hf-is-disabled .hf-match-any_add-conditions {
  border: 1px solid rgba(203, 203, 203, 0.6);
  background: rgba(245, 245, 245, 0.6);
  color: rgba(85, 85, 85, 0.6);
}
.hf-match-all_add-conditions.hf-tooltipped:after,
.hf-match-any_add-conditions.hf-tooltipped:after {
  right: 100%;
}
.hf-filter-condition {
  display: flex;
  align-items: center;
  margin: 5px;
  cursor: move;
  border: 1px solid #77bee0;
  border-radius: 8px;
  background: rgba(240, 243, 243, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14);
  color: #666;
}
.hf-filter-condition.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-filter-condition.hf-mod-space-between {
  justify-content: space-between;
}
.hf-filter-condition:hover {
  background: rgba(0, 0, 0, 0.04);
}
.hf-filter-condition.hf-mod-match-any {
  border: 1px dashed #999;
  background: rgba(245, 245, 245, 0.5);
}
.hf-filter-condition.is-dragging-object {
  background: #ffffff;
  border-width: 2px;
  border-style: dashed;
}
.hf-filter-condition.hf-mod-read-only {
  pointer-events: none;
}
.hf-filter-condition_text {
  margin-right: 5px;
  cursor: pointer;
  letter-spacing: 0.3px;
}
.hf-filter-condition_actions {
  display: flex;
  align-items: center;
}
.hf-filter-condition_actions.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-filter-condition_actions.hf-mod-space-between {
  justify-content: space-between;
}
.hf-filter-condition_edit {
  cursor: pointer;
}
.hf-filter-condition_clear {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  cursor: pointer;
}
.hf-filter-condition_field,
.hf-filter-condition_value {
  color: #333;
}
.hf-filter-condition_value span {
  color: #666;
  margin-right: 3px;
}
.hf-filter-condition_conjunction {
  color: #666;
}
.hf-add-filter-condition {
  cursor: default;
}
.hf-add-filter-condition_input {
  margin-bottom: 10px;
}
.hf-add-filter-condition_input .hf-dynamic-field_input-placeholder {
  top: 63%;
}
.hf-add-filter-condition_input .add-filter-condition-help-text {
  padding: 10px 2px 5px;
  opacity: 0.8;
}
.hf-add-filter-condition_input .add-filter-condition-help-text .help-text-heading {
  font-weight: bold;
}
.hf-add-filter-condition_input .hf-form-input {
  width: 100%;
  padding: 6px 10px;
}
.hf-add-filter-condition_input .ember-power-select-multiple-trigger {
  padding: 0 0 0 5px;
}
.hf-add-filter-condition_input .ember-power-select-multiple-trigger[aria-pressed="true"] {
  border: 1px solid #08c;
  border-radius: 5px 5px 0 0;
}
.hf-add-filter-condition_input .hf-mod-add-filter-condition-multiple-input .ember-power-select-options[role="listbox"] {
  border-top: 0;
}
.hf-add-filter-condition_input .ember-basic-dropdown-content.ember-power-select-dropdown {
  border-top: 0;
  border-radius: 0 0 5px 5px;
}
.hf-add-filter-condition_input .ember-power-select-trigger-multiple-input {
  margin: 5px 3px;
}
.hf-add-filter-condition_input .ember-power-select-multiple-options {
  margin: 0 10px 10px 0;
}
.hf-add-filter-condition_input .ember-power-select-multiple-option {
  max-width: 218px;
}
.hf-add-filter-condition_input .ember-power-select-options[role="listbox"] {
  max-height: 350px;
}
.hf-filter-condition .hf-popover-trigger {
  display: flex;
  padding: 11px 13px;
}
.hf-filter-condition .hf-pop-over,
.hf-triggers-condition-field .hf-pop-over {
  width: 100%;
}
.hf-save-filter-input {
  width: 100%;
  padding: 8px;
}
.hf-add-filter-condition_date-input {
  width: 100%;
  height: 32px;
}
.hf-filter-condition_value-loading .hf-ticket-action_loader {
  display: inline-block;
}
.hf-filter-condition_value-loading .hf-ticket-action_loader .hf-u-loader-xsmall {
  height: 5px;
}
.hf-filters .liquid-container,
.hf-filters .liquid-child {
  overflow: visible;
}
.hf-filter_name_text {
  padding-right: 10px;
}
.hf-filter-condition-field-input .ember-basic-dropdown-content.ember-power-select-dropdown {
  z-index: 3;
}
.workflow-history-filter-wrap {
  margin-right: 15px;
}
.hf-filter-trigger {
  display: flex;
  margin-left: 15px;
  border-radius: 4px;
  padding: 4px 20px;
  color: var(--font-gray-80);
  background: url(svgs/filter.svg) 2% center no-repeat, url(svgs/disclosure-indicator.svg) 97% center no-repeat;
  cursor: pointer;
}
.hf-filter-trigger.hf-mod-new-filter {
  padding-right: 0;
  background: url(svgs/filter.svg) 14% center no-repeat;
}
.hf-filter-trigger.hf-mod-new-filter .hf-filters_trigger_text {
  padding: 0 8px;
}
.hf-filter-trigger.hf-is-open,
.hf-filter-trigger:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.hf-filter-trigger_text {
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.workflow-history-filter-content {
  left: -140px;
}
.workflow-history-filter-reset {
  margin-left: 42px;
}
.hf-apps-layout {
  position: absolute;
  top: 43px;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}
.hf-apps-details {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  left: 250px;
  overflow-y: auto;
  min-width: 1030px;
}
.hf-app-details {
  display: flex;
  margin: 20px;
  padding: 20px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: 0 0 4px 0 rgba(221, 221, 221, 0.5);
}
.hf-app-details_left {
  width: 150px;
}
.hf-app-details_left_top {
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
}
.hf-app-details_title {
  margin-bottom: 10px;
}
.hf-app-details_title .hf-app-details_integration-chip {
  margin-left: 8px;
  border-radius: 3px;
  padding: 2px;
  color: #fff;
}
.hf-app-details_title .hf-app-details_integration-chip.hf-app-details_enterprise-chip {
  background-color: #8A73CB;
}
.hf-app-details_title .hf-app-details_integration-chip.hf-app-details_premium-chip {
  background-color: #D59100;
}
.hf-app-details_right {
  flex: 1;
  overflow: hidden;
  position: relative;
  margin-left: 20px;
}
.hf-app-details_right.hf-mod-manage-page {
  overflow: auto;
}
.hf-app-details_right_heading {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.hf-app-details_right_heading.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-app-details_right_heading.hf-mod-space-between {
  justify-content: space-between;
}
.hf-app-details_right_sub-text {
  margin: 4px 10px;
  font-size: 14px;
  color: #ff1414;
}
.hf-app-details_right_sub-text.hf-mod-upgrade {
  color: #f5a623;
}
.hf-app-details_right_title {
  color: var(--font-black-100);
  font-family: var(--font-family-light);
  font-size: var(--font-size-title);
}
.app-description {
  width: 80%;
  color: var(--font-gray-60);
  font-size: var(--font-size-caption);
  font-family: var(--font-family-regular);
}
.hf-apps-details_right_sub-heading,
.hf-manage-app-form_heading {
  margin: 10px 0 0;
  padding-bottom: 8px;
  font-size: var(--font-size-sub-heading);
  color: var(--font-black-100);
  font-family: var(--font-family-light);
}
.hf-manage-app-form_sub-heading,
.hf-app-details_right_description {
  color: #999;
  font-size: 14px;
}
.hf-manage-app-form_sub-heading .app-steps-list-item,
.hf-app-details_right_description .app-steps-list-item {
  color: var(--font-gray-60);
  font-size: var(--font-size-caption);
}
.hf-app-manage-section {
  width: 70%;
  margin: 20px 0;
  padding-bottom: 150px;
}
.hf-app-manage-section.hf-mod-full-width {
  width: 100%;
}
.hf-app-details_right .hf-app-asana {
  width: 100%;
}
.hf-app-details_right .hf-app-asana .hf-app-manage-section_box {
  width: 72%;
}
.hf-app-manage-section_container {
  margin: 10px 0 30px;
}
.hf-app-manage-section_container .hf-manage-app-header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hf-app-manage-section_container .hf-manage-app-header-wrapper:has(.meta-info-sync-wrapper) .hf-manage-app-form_heading {
  margin: 0;
}
.hf-app-manage-section_container:last-of-type {
  margin-bottom: 0;
}
.hf-app-manage-section_box {
  position: relative;
  margin: 10px 0 10px 0;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 20px;
  background: rgba(248, 248, 248, 0.5);
  box-shadow: 0 0 4px 0 rgba(221, 221, 221, 0.5);
}
.hf-app-manage-section_box .btn-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hf-app-manage-section_box .metainfo-sync-wrapper {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.hf-app-manage-section_box .metainfo-sync-wrapper .sync-last-updated {
  padding-top: 2px;
  color: var(--font-gray-60);
}
.hf-app-manage-section_box .metainfo-sync-wrapper .metainfo-sync-button {
  margin: 0px;
  width: 130px;
}
.hf-app-manage-section_box .metainfo-sync-wrapper .metadata-inprogress {
  color: #859492;
  cursor: default;
}
.hf-app-manage-section_box .metainfo-sync-wrapper .metainfo-link {
  display: flex;
  align-items: end;
  padding-bottom: 1px;
  text-decoration: underline;
}
.hf-app-manage-section_box .metainfo-sync-wrapper .metadata-text {
  color: #08c;
  text-decoration: underline;
}
.hf-app-manage-section_box.hf-mod-custom-box {
  width: 800px;
  margin-top: 0;
}
.hf-app-manage-section_box .hf-form-field {
  margin-bottom: 20px;
}
.hf-app-manage-section_box .hf-form-field.hf-push-data-toggle,
.hf-app-manage-section_box .hf-form-field:last-of-type {
  margin-bottom: 10px;
}
.hf-app-manage-section_box .hf-form-field.hf-mod-toggle {
  display: flex;
  align-items: center;
}
.hf-app-manage-section_box .hf-form-field.hf-mod-toggle .hf-toggle {
  margin-left: 20px;
}
.hf-app-manage-section_box.hf-mod-small {
  width: 400px;
  margin: 10px 20px 20px 0;
}
.hf-app-manage-section_box.hf-mod-account-info {
  width: 300px;
  margin-right: 15px;
}
.hf-app-manage-section_box .hf-manage-form-field-helper-text {
  font-size: 12px;
  padding: 0 35px 20px 0;
  color: #666;
  margin-top: -10px;
}
.hf-app-manage-section_box .hf-manage-details-toggle .hf-toggle {
  margin-left: auto ;
  padding-right: 30px;
}
.hf-app-manage-section_box.hf-manage-bamboohr {
  min-width: 400px;
  margin: 0 20px 20px 0;
}
.hf-app-manage-section_box.hf-manage-bamboohr .hf-change-link {
  margin: 0 10px 0;
}
.hf-app-logged-in-user-details {
  display: flex;
}
.hf-app-logged-in-user-details_picture {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}
.hf-app-logged-in-user-details_right_name,
.hf-app-logged-in-user-details_right_phone_main-number {
  margin-bottom: 5px;
  font-size: 14px;
  color: #666666;
}
.hf-app-logged-in-user-details_right_email {
  margin-bottom: 10px;
  font-size: 14px;
  color: rgba(102, 102, 102, 0.7);
}
.hf-salesforce-object_label-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 80%;
  margin: 10px 0;
}
.hf-salesforce-object_label {
  max-width: 120px;
  flex: 1 1 120px;
  margin: 10px 20px 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
button.hf-salesforce-add-object-button,
.hf-salesforce-add-object-dropdown {
  margin: 0 0 20px;
}
.hf-manage-section-loader-wrap {
  position: relative;
  padding: 25px 0;
}
.hf-salesforce-add-object-dropdown .hf-mod-dropdown .ember-power-select-options[role="listbox"] {
  max-height: 300px;
}
.hf-salesforce-object_remove-icon {
  margin: 5px 20px 0 0;
  cursor: pointer;
}
.hf-social-media-picture.hf-mod-page {
  width: 50px;
  height: 50px;
  margin-right: 15px;
  border-radius: 50%;
}
.hf-social-media-details_top_name {
  font-size: 14px;
}
.hf-app-manage-section_box.hf-mod-social-media {
  width: 400px;
  margin: 0 20px 20px 0;
  padding: 20px;
}
.hf-app-details_application-logo {
  width: 150px;
  height: 150px;
}
.hf-app-details_application-logo-reset-height {
  height: auto;
}
.google-btn {
  width: 184px;
  height: 42px;
  background-color: #4285f4;
  border-radius: 2px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
  margin: 5px 0;
}
.google-btn .google-icon-wrapper {
  position: absolute;
  margin-top: 1px;
  margin-left: 1px;
  width: 40px;
  height: 40px;
  border-radius: 2px;
  background-color: #fff;
}
.google-btn .google-icon {
  position: absolute;
  margin-top: 11px;
  margin-left: 11px;
  width: 18px;
  height: 18px;
}
.google-btn .btn-text {
  float: right;
  margin: 11px 11px 0 0;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.2px;
  font-family: 'Roboto', sans-serif;
}
.google-btn:hover {
  box-shadow: 0 0 6px #4285f4;
}
.google-btn:active {
  background: #1669F2;
}
.workflow-main-container .hf-apps-layout {
  position: relative;
  top: 0;
  left: 0;
}
.workflow-main-container .hf-apps-layout .hf-apps-details {
  position: relative;
  left: 0px;
  width: 100%;
  background: #eeeef3;
}
.workflow-main-container .hf-apps-layout .hf-apps-details .hf-details_nav-bar {
  position: sticky;
  top: 0;
  width: 100%;
}
.workflow-main-container .hf-apps-layout .hf-app-details_left {
  width: 30%;
}
.workflow-main-container .hf-app-details_title {
  margin-top: 20px;
}
.workflow-main-container .hf-app-manage-section {
  margin: 0px 0px 20px;
}
.workflow-main-container .hf-content-left-spacing .hf-content {
  height: calc(100vh - 42px);
}
.workflow-main-container .hf-content-left-spacing .hf-content .hf-apps-layout {
  height: calc(100vh - 42px);
}
.workflow-main-container .hf-content-left-spacing .hf-content .hf-app-description_text .hf-apps-details_right_sub-heading {
  padding-top: 10px;
}
.workflow-main-container .hf-app-asana .available-actions-wrapper {
  width: 72% !important;
}
.workflow-main-container .configuration-settings-text {
  padding-bottom: 14px;
  font-size: var(--font-size-sub-heading);
  font-family: var(--font-family-regular);
}
.workflow-main-container .hf-app-details {
  overflow: hidden;
  padding: 0px;
  background: none;
}
.workflow-main-container .hf-app-details .hf-app-details_left {
  padding: 30px 0px 30px 30px;
  background: #f7f7f9;
}
.workflow-main-container .hf-app-details .hf-app-details_left .hf-app-details_application-logo {
  background-color: var(--bg-white-100);
}
.workflow-main-container .hf-app-details .hf-app-details_right {
  margin-left: 0px;
  padding: 40px;
  background-color: var(--bg-white-100);
}
.workflow-main-container .hf-app-details .hf-app-details_right .available-actions-wrapper {
  overflow: hidden;
}
.workflow-main-container .hf-app-details .hf-app-details_right .available-actions-wrapper .actions-list-header {
  background-color: var(--bg-white-100);
}
.workflow-main-container .hf-app-details .hf-app-details_right .available-actions-wrapper .actions-list-header .actions-list-title {
  font-family: var(--font-family-regular);
}
.workflow-main-container .hf-app-details .hf-app-details_right .hf-app-manage-section_box {
  border: none;
  background-color: #f9f9f9;
  box-shadow: none;
}
.workflow-main-container .hf-app-details .hf-app-details_right .manage-app-form-reset {
  color: var(--font-black-100);
}
.workflow-main-container .hf-app-details .hf-app-details_right .metainfo-sync-wrapper {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  font-size: var(--font-size-description);
}
.workflow-main-container .hf-app-details .hf-app-details_right .metainfo-sync-wrapper .metadata-text {
  color: var(--ctaColor);
  font-size: var(--font-size-description);
}
.workflow-main-container .hf-app-details .hf-app-details_right .metainfo-sync-wrapper .hf-form-field_label_help-text {
  top: 1px;
}
.workflow-main-container .hf-app-details .hf-app-details_right .hf-form-field-input {
  border-radius: 4px;
}
.workflow-main-container .hf-app-details .hf-app-details_right .react-select__control {
  border-radius: 4px;
}
.workflow-main-container .hf-app-details .hf-app-details_right .react-select__control--menu-is-open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.workflow-main-container .hf-app-details .hf-app-details_right .react-select__menu-list {
  max-height: 278px;
}
.workflow-main-container .hf-app-details .hf-app-details_right .hf-app-manage-section {
  padding-bottom: 0px;
}
.hf-card {
  margin-bottom: 15px;
  border-radius: 6px;
  box-shadow: 0 2px 6px 0 rgba(221, 221, 221, 0.5);
  background-color: #f3f3f3;
}
.hf-card.hf-mod-edit-all {
  background-color: #fffde4;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.hf-card.hf-mod-edit-all .hf-card_header {
  background-color: #f5f0db;
}
.hf-card.hf-mod-dummy .hf-card_header {
  height: 42px;
}
.hf-card.hf-mod-dummy .hf-card_header_title,
.hf-card.hf-mod-dummy .hf-custom-field_label-container {
  width: 60px;
}
.hf-card.hf-mod-dummy .hf-card_content {
  height: 234px;
}
.hf-card.hf-mod-dummy .hf-custom-field_value {
  width: 180px;
}
.hf-card_header {
  border: 1px solid #e6e6e6;
  border-radius: 6px 6px 0 0;
  padding: 12px 14px;
  background-color: #fcfcfc;
  border-bottom: 0;
}
.hf-card_header.hf-mod-sticky {
  position: fixed;
  z-index: 3;
  width: 363px;
  background-color: #fcfcfc;
  top: 105px;
  border-bottom: 1px solid #e6e6e6;
}
.hf-card_header_title {
  display: inline-block;
}
.hf-card_header_action-item {
  float: right;
  cursor: pointer;
  font-size: 11px;
  margin-left: 10px;
  padding-top: 3px;
}
.hf-card_header_action-item.hf-is-open {
  color: #08c;
}
.hf-card_content {
  border: 1px solid #e6e6e6;
  border-radius: 0 0 6px 6px;
  padding: 10px 10px 10px 0;
  border-top: 0;
}
.hf-card_content_loading {
  display: flex;
  justify-content: center;
  min-height: 150px;
}
.hf-card_content_action {
  display: flex;
  padding: 5px 20px;
  cursor: pointer;
}
.hf-card_content_more {
  height: 0;
  overflow-y: hidden;
}
.hf-card_content_readonly-info {
  display: flex;
  align-items: center;
  margin: 5px 20px;
}
.hf-card_content_readonly-info.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-card_content_readonly-info.hf-mod-space-between {
  justify-content: space-between;
}
.hf-card_content_readonly-info.hf-mod-empty-message {
  margin-top: 10px;
}
.hf-card_content_readonly-info.hf-mod-contact-groups {
  max-width: 300px;
  align-items: flex-start;
}
.hf-card_content_contact-info-item {
  display: flex;
  align-items: center;
  margin: 5px 20px;
}
.hf-card_content_contact-info-item.hf-mod-wrap {
  flex-wrap: wrap;
}
.hf-card_content_contact-info-item.hf-mod-space-between {
  justify-content: space-between;
}
.hf-card_content_contact-info-item:hover .hf-custom-field_inline-edit-icon {
  opacity: 1;
}
.hf-card_content_items {
  margin-left: 5px;
}
.hf-card_content_item {
  display: inline-block;
  position: relative;
  margin: 5px 0 5px 5px;
  border: 1px solid #e1e3e8;
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 13px;
  color: #343639;
  cursor: pointer;
  background: #fff;
}
.audit-log-wrapper {
  height: 100%;
  overflow-y: auto;
}
.hf-confirmation-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(89, 92, 100, 0.5);
  z-index: 5;
  outline: 0;
}
.hf-confirmation-overlay.hf-mod-pop-over {
  z-index: 1;
}
.hf-confirmation-overlay.translucent {
  background-color: rgba(89, 92, 100, 0.5);
}
.hf-confirmation-dialog {
  position: absolute;
  z-index: 6;
  margin: 0 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  animation: hf-slide-in-up 200ms 0ms ease;
}
.hf-confirmation-dialog-caret {
  position: absolute;
  z-index: 7;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #fff;
  content: '';
}
.hf-confirmation-dialog_body {
  overflow-y: auto;
  max-width: 500px;
  max-height: 500px;
  padding: 10px 15px;
}
.hf-confirmation-dialog_body .hf-form-field {
  margin-bottom: 20px;
}
.hf-confirmation-dialog_body .hf-form-field.hf-mod-alternate-entity {
  margin-bottom: 5px;
}
.hf-confirmation-dialog_body_message {
  margin-bottom: 5px;
}
.hf-confirmation-dialog_body_header {
  margin-bottom: 10px;
  font-size: 14px;
  color: #666;
  font-family: "Inter Medium", sans-serif;
}
.hf-confirmation-dialog_body_description {
  margin-bottom: 20px;
  color: #878787;
}
.hf-confirmation-dialog_body_field-note {
  font-size: 11px;
  color: #878787;
}
.hf-confirmation-dialog_body_field-note.hf-mod-delete {
  margin-bottom: 5px;
  color: #f43434;
}
.hf-confirmation-dialog_body_field-note.hf-mod-top-margin {
  margin-top: 3px;
}
.hf-confirmation-dialog-body_note {
  margin-bottom: 20px;
  font-size: 11px;
}
.hf-confirmation-dialog_body_dependant {
  margin-bottom: 15px;
}
.hf-confirmation-dialog_body_dependant a {
  line-height: 1.5;
}
.hf-confirmation-dialog_body_dependant_header {
  color: #666;
}
.hf-confirmation-dialog_body_dependant_content {
  font-size: 14px;
  line-height: 1.5;
}
@-moz-document url-prefix() {
  .hf-confirmation-dialog_body {
    padding: 11px 15px;
  }
}
.hf-confirmation-dialog_button-container {
  margin-top: 5px;
}
.hf-confirmation-dialog.hf-mod-delete .hf-primary-action {
  background-color: #f43434;
}
.hf-confirmation-dialog.hf-mod-delete .hf-primary-action:hover {
  background-color: #e12f2f;
}
.hf-manage-forms-content {
  top: 43px;
}
.hf-form-details-container {
  height: 100%;
  padding: 55px 0 20px 30px;
}
.hf-form-details-container .hf-form-builder_header {
  justify-content: space-between;
  margin-right: 0;
  width: 99%;
}
.hf-form-details-container .hf-form-builder_header .form-btn-container {
  display: flex;
  align-items: center;
}
.hf-form-details_body {
  height: calc(100% - 60px);
}
.hf-form-details_body .form-details-disabled {
  opacity: 0.6;
  pointer-events: none;
}
.form-field_choice {
  display: flex;
  align-items: center;
  margin: 10px;
  border-radius: 8px;
  padding: 15px;
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(116, 122, 129, 0.1);
  cursor: move;
  font-size: 14px;
  color: #1e2022;
}
.form-field_choice.hf-mod-wrap {
  flex-wrap: wrap;
}
.form-field_choice.hf-mod-space-between {
  justify-content: space-between;
}
.form-field_choice.draggable.dragging {
  opacity: 0.6;
}
.form-field_choice .hf-workflows_actions-container_add-button {
  background: #f3f3f3;
  color: #666;
  font-size: 16px;
  font-weight: 900;
}
.hf-form-details_body_container {
  margin-bottom: 0;
  margin-right: 1%;
  border: 1px solid #999;
  border-radius: 4px;
  overflow: auto;
  background: #f3f3f3;
}
.hf-form-details_body_container .form-buttons-container {
  display: flex;
  gap: 10px;
}
.hf-form-details_body_container .form-buttons-container .form-archive-icon {
  position: relative;
  top: 1px;
}
.hf-form-details_body_container .field-choices-disabled {
  opacity: 0.7;
  pointer-events: none;
}
.hf-form-details_body_container.hf-mod-field-choices {
  width: 25%;
}
.hf-form-details_body_container.hf-mod-fields-list {
  width: 50%;
}
.hf-form-details_body_container.hf-mod-field-details {
  width: 25%;
}
.hf-form-field-choices-container_header {
  cursor: pointer;
  font-size: 16px;
  color: #1e2022;
}
.hf-form-field-choices-container_header.hf-mod-fields-list-header {
  padding: 8px 14px;
}
.hf-form-field-choices-container_header.archived-fields-header {
  position: relative;
  padding: 12px 14px;
}
.hf-form-field-choices-container_header.archived-fields-header .back-btn {
  position: absolute;
  top: 11px;
  left: 14px;
  cursor: pointer;
}
.hf-form-field-choices-container_header.archived-fields-header .header-text {
  padding-left: 16px;
}
.hf-form-field-choices-container_body {
  padding: 10px 0;
}
.hf-form-field-drop-zone {
  height: 90%;
}
.form-field {
  margin: 10px 15px;
  border: 1px solid transparent;
  padding: 15px;
  cursor: move;
}
.form-field:hover {
  border: 1px dashed #b8b8b8;
}
.form-field.active {
  margin-right: 0;
  border: 1px solid transparent;
  border-left: 4px solid #08c;
  border-radius: 4px;
  background: #fff;
}
.form-field.draggable.dragging {
  opacity: 0.6;
}
.archived-field {
  margin: 10px 15px;
  border: none;
  padding: 15px;
  cursor: default;
}
.form-field_label {
  display: block;
  color: #666;
  font-size: 14px;
  font-family: "Inter Medium", sans-serif;
}
.form-field_dummy-input {
  width: 300px;
}
.form-field_dummy-input .hf-mod-textarea {
  height: 100px;
}
.form-field_dummy-input .ember-basic-dropdown {
  margin: 10px 0;
}
.form-field_dummy-input .form-field_file-input-hidden {
  display: none;
}
.form-field_dummy-input .form-field_file-button {
  margin: 10px 0;
}
.hf-form-field_actions .hf-primary-action {
  height: 24px;
  margin-right: 10px;
  border: 1px solid #b8b8b8;
  border-radius: 4px;
  padding: 0 10px;
  cursor: pointer;
  background: #f3f3f3;
  color: #1e2022;
}
.drop-zone {
  height: 100%;
}
.drop-zone .error-field {
  border: 1px solid #e82110;
  border-radius: 5px;
}
.hf-form-field-details-form {
  padding: 15px;
}
.hf-form-field-details-form .hf-toggle {
  margin-left: 0;
}
.hf-form-field-details-form .hf-form-field_value:has(.prefix-label-file-name) {
  display: flex;
  align-items: baseline;
  flex-direction: column-reverse;
  gap: 6px;
  color: #666;
}
.hf-form-field-details-form .hf-form-field_value:has(.prefix-label-file-name) .hf-check-box-input {
  margin-left: 0px;
  margin-top: 0px;
}
.hf-form-field-details-form .hf-tooltipped:after {
  left: 1px !important;
  right: -247px !important;
}
.hf-form-field_actions {
  margin-right: -5px;
}
.hf-form_actions-container {
  margin: 15px 30px;
}
.drop-zone-indicator {
  margin: 20px 30px;
  border: 1px dashed #b8b8b8;
  padding: 30px;
  font-size: 15px;
}
.drop-zone-indicator h2 {
  padding-bottom: 15px;
}
.hf-form-builder_header {
  margin-right: 20px;
}
.hf-form-settings-button {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px 11px;
  font-size: 13px;
  color: #333;
}
.drop-line {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
  border-radius: 1px;
  height: 6px;
  pointer-events: none;
  opacity: 0.5;
  background-color: #007cba;
}
.hf-color-picker {
  position: relative;
}
.hf-color-picker.hf-is-error .sp-replacer {
  border: 1px solid #e39191;
}
.hf-color-picker_color-code {
  position: absolute;
  top: 10px;
  left: 38px;
}
.sp-replacer {
  width: 235px;
  border: 1px solid #dbdbdb;
  padding: 6px 10px;
  background-color: #fff;
}
.sp-replacer:hover {
  border: 1px solid #dbdbdb;
}
.sp-replacer.sp-active {
  border: 1px solid #08c !important;
  border-radius: 5px 5px 0 0;
}
.sp-preview {
  width: 20px;
  border: 0;
}
.sp-preview-inner {
  border: 1px solid rgba(204, 204, 204, 0.5);
  border-radius: 2px;
}
.sp-dd {
  display: none;
}
.sp-container {
  top: 34px !important;
  border: 1px solid #08c;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
}
.sp-picker-container {
  width: 212px;
  border-top: 0;
}
.sp-dragger {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  border-width: 2px;
  background-color: transparent;
}
.sp-color {
  border: none;
  border-radius: 4px;
}
.sp-val {
  border-radius: 4px;
}
.sp-hue {
  right: 2%;
  left: 86%;
  border: 0;
}
.sp-slider {
  height: 4px;
  border: 0;
  opacity: 1;
}
.sp-input {
  width: 170px;
  border: 1px solid #979797;
  border-radius: 4px;
}
.sp-input:focus {
  border: 1px solid #979797;
}
.password-policy-list {
  font-family: "Inter Regular", sans-serif;
  margin-left: 20px;
}
.password-policy-list_item {
  margin: 8px 0;
  list-style: disc;
}
.d2h-wrapper {
  margin: 20px 0 -10px;
  overflow: auto;
}
.d2h-file-list-wrapper,
.d2h-moved-tag {
  display: none;
}
.d2h-file-side-diff {
  margin-bottom: 0;
}
.d2h-code-line-ctn {
  white-space: pre-wrap;
}
/*# sourceMappingURL=/assets/workflows-web.css.map */