@sassoftware/conversation-designer-components/conversation-designer-components.css

## Overview

.conversation-designer-components {
  line-height: normal;
  -webkit-text-size-adjust: 100%;
}

.conversation-designer-components {
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  /* Document
     ========================================================================== */
  /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   */
  /* Sections
     ========================================================================== */
  /**
   * Remove the margin in all browsers.
   */
  /**
   * Render the `main` element consistently in IE.
   */
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  /* Grouping content
     ========================================================================== */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  /* Text-level semantics
     ========================================================================== */
  /**
   * Remove the gray background on active links in IE 10.
   */
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  /**
   * Add the correct font size in all browsers.
   */
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  /* Embedded content
     ========================================================================== */
  /**
   * Remove the border on images inside links in IE 10.
   */
  /* Forms
     ========================================================================== */
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  /**
   * Remove the inner border and padding in Firefox.
   */
  /**
   * Restore the focus styles unset by the previous rule.
   */
  /**
   * Correct the padding in Firefox.
   */
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  /* Interactive
     ========================================================================== */
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  /*
   * Add the correct display in all browsers.
   */
  /* Misc
     ========================================================================== */
  /**
   * Add the correct display in IE 10+.
   */
  /**
   * Add the correct display in IE 10.
   */
  white-space: normal;
}
.conversation-designer-components html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
.conversation-designer-components body {
  margin: 0;
}
.conversation-designer-components main {
  display: block;
}
.conversation-designer-components h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.conversation-designer-components hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
.conversation-designer-components pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
.conversation-designer-components a {
  background-color: transparent;
}
.conversation-designer-components abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
.conversation-designer-components b,
.conversation-designer-components strong {
  font-weight: bolder;
}
.conversation-designer-components code,
.conversation-designer-components kbd,
.conversation-designer-components samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
.conversation-designer-components small {
  font-size: 80%;
}
.conversation-designer-components sub,
.conversation-designer-components sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.conversation-designer-components sub {
  bottom: -0.25em;
}
.conversation-designer-components sup {
  top: -0.5em;
}
.conversation-designer-components img {
  border-style: none;
}
.conversation-designer-components button,
.conversation-designer-components input,
.conversation-designer-components optgroup,
.conversation-designer-components select,
.conversation-designer-components textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
.conversation-designer-components button,
.conversation-designer-components input {
  /* 1 */
  overflow: visible;
}
.conversation-designer-components button,
.conversation-designer-components select {
  /* 1 */
  text-transform: none;
}
.conversation-designer-components button,
.conversation-designer-components [type=button],
.conversation-designer-components [type=reset],
.conversation-designer-components [type=submit] {
  -webkit-appearance: button;
}
.conversation-designer-components button::-moz-focus-inner,
.conversation-designer-components [type=button]::-moz-focus-inner,
.conversation-designer-components [type=reset]::-moz-focus-inner,
.conversation-designer-components [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.conversation-designer-components button:-moz-focusring,
.conversation-designer-components [type=button]:-moz-focusring,
.conversation-designer-components [type=reset]:-moz-focusring,
.conversation-designer-components [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.conversation-designer-components fieldset {
  padding: 0.35em 0.75em 0.625em;
}
.conversation-designer-components legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
.conversation-designer-components progress {
  vertical-align: baseline;
}
.conversation-designer-components textarea {
  overflow: auto;
}
.conversation-designer-components [type=checkbox],
.conversation-designer-components [type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
.conversation-designer-components [type=number]::-webkit-inner-spin-button,
.conversation-designer-components [type=number]::-webkit-outer-spin-button {
  height: auto;
}
.conversation-designer-components [type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
.conversation-designer-components [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.conversation-designer-components ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
.conversation-designer-components details {
  display: block;
}
.conversation-designer-components summary {
  display: list-item;
}
.conversation-designer-components template {
  display: none;
}
.conversation-designer-components [hidden] {
  display: none;
}
.conversation-designer-components button,
.conversation-designer-components input,
.conversation-designer-components optgroup,
.conversation-designer-components select,
.conversation-designer-components textarea {
  line-height: normal;
}
.conversation-designer-components h1,
.conversation-designer-components h2,
.conversation-designer-components h3,
.conversation-designer-components h4,
.conversation-designer-components h5,
.conversation-designer-components h6 {
  margin: 0;
}
.conversation-designer-components ul,
.conversation-designer-components ol {
  margin: 0;
}
.conversation-designer-components hr {
  margin: 0;
}
.conversation-designer-components a {
  color: inherit;
}
.conversation-designer-components :focus {
  outline: none;
}

.conversation-designer-components ::-webkit-scrollbar {
  width: 16px;
  height: 16px;
  background-color: transparent;
}
.conversation-designer-components ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.conversation-designer-components ::-webkit-scrollbar-button {
  display: none;
}
.conversation-designer-components ::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-bg, #788497);
  background-clip: padding-box;
  border-radius: 8px;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  min-height: 24px;
}

.conversation-designer-components *:hover::-webkit-scrollbar {
  background-color: var(--scrollbar-hover-track-bg);
}

.conversation-designer-components *:hover::-webkit-scrollbar-thumb {
  border-width: 4px;
}

.conversation-designer-components ::-moz-selection {
  background-color: var(--selection-bg);
  color: var(--selection-fg);
}

.conversation-designer-components ::-moz-selection {
  background-color: var(--selection-bg);
  color: var(--selection-fg);
}

.conversation-designer-components ::selection {
  background-color: var(--selection-bg);
  color: var(--selection-fg);
}

.conversation-designer-components {
  font-family: "AvenirNext", Arial, Helvetica, Verdana, "Open Sans", sans-serif;
}
.conversation-designer-components .sas_components-SVG-SVG_svg {
  display: inline-flex;
  height: auto;
  width: auto;
}
.conversation-designer-components .sas_components-SVG-SVG_svg:focus {
  outline: var(--focus-light-bg);
}
.conversation-designer-components .sas_components-SVG-SVG_svg [dir=rtl] .allowMirroring {
  transform: scale(-1, 1);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .iconColor, .conversation-designer-components .sas_components-SVG-SVG_svg .neutral {
  fill: var(--icon-neutral-fg);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .alert {
  fill: var(--icon-alert-fg);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .warning {
  fill: var(--icon-warning-fg);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .success {
  fill: var(--icon-success-fg);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .information {
  fill: var(--icon-information-fg);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .ZScolor1, .conversation-designer-components .sas_components-SVG-SVG_svg .ZScolor1OpacityDots, .conversation-designer-components .sas_components-SVG-SVG_svg .ZScolor1Opacity {
  fill: var(--zerostate-zscolor1);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .ZScolor1Opacity {
  opacity: var(--zerostate-zscolor1-opacity);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .ZScolor1OpacityDots {
  opacity: var(--zerostate-zscolor1-dots-opacity);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .ZScolor2, .conversation-designer-components .sas_components-SVG-SVG_svg .ZScolor2Opacity2, .conversation-designer-components .sas_components-SVG-SVG_svg .ZScolor2Opacity1 {
  fill: var(--zerostate-zscolor2);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .ZScolor2Opacity1 {
  opacity: var(--zerostate-zscolor2-opacity1);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .ZScolor2Opacity2 {
  opacity: var(--zerostate-zscolor2-opacity2);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbBackgroundFill {
  fill: var(--thumbnail-backgroundfill);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbOverlay {
  fill: var(--thumbnail-overlay);
  opacity: 0.75;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbShortcut {
  fill: var(--thumbnail-shortcut);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor1, .conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor1Op75, .conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor1Op50, .conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor1Op25 {
  fill: var(--thumbnail-color1);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor1Op25 {
  opacity: 0.25;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor1Op50 {
  opacity: 0.5;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor1Op75 {
  opacity: 0.75;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor2, .conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor2Op75, .conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor2Op50, .conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor2Op25 {
  fill: var(--thumbnail-color2);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor2Op25 {
  opacity: 0.25;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor2Op50 {
  opacity: 0.5;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor2Op75 {
  opacity: 0.75;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor3, .conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor3Op75, .conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor3Op50, .conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor3Op25 {
  fill: var(--thumbnail-color3);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor3Op25 {
  opacity: 0.25;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor3Op50 {
  opacity: 0.5;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor3Op75 {
  opacity: 0.75;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor4, .conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor4Op75, .conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor4Op50, .conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor4Op25 {
  fill: var(--thumbnail-color4);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor4Op25 {
  opacity: 0.25;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor4Op50 {
  opacity: 0.5;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbColor4Op75 {
  opacity: 0.75;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbSlackBackground {
  fill: var(--thumbnail-slack-background);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbJiraBackground {
  fill: var(--thumbnail-jira-background);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbFacbookLogo {
  fill: var(--thumbnail-facebook-logo);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .thumbSASLogo {
  fill: var(--thumbnail-sas-logo);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .BGwhite {
  fill: var(--eg-studio-bg-white);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .BG50, .conversation-designer-components .sas_components-SVG-SVG_svg .BG40, .conversation-designer-components .sas_components-SVG-SVG_svg .BGgray30, .conversation-designer-components .sas_components-SVG-SVG_svg .BGgray25, .conversation-designer-components .sas_components-SVG-SVG_svg .BG25, .conversation-designer-components .sas_components-SVG-SVG_svg .BG20, .conversation-designer-components .sas_components-SVG-SVG_svg .BGBorder50 {
  fill: var(--eg-studio-bg);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .BGBorder50 {
  opacity: 0.5;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .BG20 {
  opacity: var(--eg-studio-bg-o20);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .BG25 {
  opacity: var(--eg-studio-bg-o25);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .BGgray25 {
  opacity: 0.25;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .BGgray30 {
  opacity: 0.3;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .BG40 {
  opacity: var(--eg-studio-bg-o40);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .BG50 {
  opacity: var(--eg-studio-bg-o50);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeData, .conversation-designer-components .sas_components-SVG-SVG_svg .CodeData80, .conversation-designer-components .sas_components-SVG-SVG_svg .CodeData50, .conversation-designer-components .sas_components-SVG-SVG_svg .CodeData25 {
  fill: var(--eg-studio-codedata);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeData25 {
  opacity: 0.25;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeData50 {
  opacity: 0.5;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeData80 {
  opacity: 0.8;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeText, .conversation-designer-components .sas_components-SVG-SVG_svg .CodeText50, .conversation-designer-components .sas_components-SVG-SVG_svg .CodeText25 {
  fill: var(--eg-studio-codetext);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeText25 {
  opacity: 0.25;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeText50 {
  opacity: 0.5;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeEditorMarkers {
  fill: var(--eg-studio-codeeditormarkers);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeMarker25, .conversation-designer-components .sas_components-SVG-SVG_svg .CodeMarker40, .conversation-designer-components .sas_components-SVG-SVG_svg .CodeMarker50, .conversation-designer-components .sas_components-SVG-SVG_svg .CodeMarker60 {
  fill: var(--eg-studio-codemarker);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeMarker60 {
  opacity: 0.6;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeMarker50 {
  opacity: 0.5;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeMarker40 {
  opacity: 0.4;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeMarker25 {
  opacity: 0.25;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeNumber {
  fill: var(--eg-studio-codenumber);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeProc {
  fill: var(--eg-studio-codeproc);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeBGNoTab {
  fill: var(--eg-studio-codebgnotab);
  stroke: var(--eg-studio-codebgnotab-stroke);
  stroke-width: 1px;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .CodeBG {
  fill: var(--eg-studio-codebg);
  stroke: var(--eg-studio-codebg-stroke);
  stroke-width: 1px;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .ProcessArrows {
  fill: var(--eg-studio-processarrows);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .ProcessFlow75, .conversation-designer-components .sas_components-SVG-SVG_svg .ProcessFlow50, .conversation-designer-components .sas_components-SVG-SVG_svg .ProcessFlow25 {
  fill: var(--eg-studio-processflow);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .ProcessFlow25 {
  opacity: var(--eg-studio-processflow-o25);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .ProcessFlow50 {
  opacity: var(--eg-studio-processflow-o50);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .ProcessFlow75 {
  opacity: var(--eg-studio-processflow-o75);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .ProcessFlowArrows, .conversation-designer-components .sas_components-SVG-SVG_svg .ProcessFlowArrows50 {
  fill: var(--eg-studio-processflowarrows);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .ProcessFlowArrows50 {
  opacity: 0.5;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .NodeColumn, .conversation-designer-components .sas_components-SVG-SVG_svg .NodeColumn50 {
  fill: var(--eg-studio-nodecolumn);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .NodeColumn50 {
  opacity: 0.5;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .NodeTransform, .conversation-designer-components .sas_components-SVG-SVG_svg .NodeTransform20, .conversation-designer-components .sas_components-SVG-SVG_svg .NodeTransform40, .conversation-designer-components .sas_components-SVG-SVG_svg .NodeTransform60, .conversation-designer-components .sas_components-SVG-SVG_svg .NodeTransform50 {
  fill: var(--eg-studio-nodetransform);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .NodeTransform50 {
  opacity: 0.5;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .NodeTransform60 {
  fill: var(--eg-studio-nodecolumn);
  opacity: 0.6;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .NodeTransform40 {
  fill: var(--eg-studio-nodecolumn);
  opacity: 0.4;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .NodeTransform20 {
  fill: var(--eg-studio-nodecolumn);
  opacity: 0.2;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .NodeData15, .conversation-designer-components .sas_components-SVG-SVG_svg .NodeData20, .conversation-designer-components .sas_components-SVG-SVG_svg .NodeData25, .conversation-designer-components .sas_components-SVG-SVG_svg .NodeData40 {
  fill: var(--eg-studio-nodedata);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .NodeData40 {
  opacity: 0.4;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .NodeData25 {
  opacity: 0.25;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .NodeData20 {
  opacity: 0.2;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .NodeData15 {
  opacity: 0.15;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .modelFitBG {
  fill: var(--eg-studio-modelfitbg);
  stroke: var(--eg-studio-modelfitbg-stroke);
  stroke-width: 1px;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .noCurve {
  fill: var(--eg-studio-nocurve);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .highThreshold, .conversation-designer-components .sas_components-SVG-SVG_svg .highThresholdOpacity {
  fill: var(--eg-studio-highthreshold);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .highThresholdOpacity {
  opacity: 0.5;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .medThreshold, .conversation-designer-components .sas_components-SVG-SVG_svg .medThresholdOpacity {
  fill: var(--eg-studio-medthreshold);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .medThresholdOpacity {
  opacity: 0.5;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .lowThreshold, .conversation-designer-components .sas_components-SVG-SVG_svg .lowThresholdOpacity {
  fill: var(--eg-studio-lowthreshold);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .lowThresholdOpacity {
  opacity: 0.5;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .columnFill {
  fill: var(--eg-studio-columnfill);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .columnBorder {
  fill: var(--eg-studio-columnborder);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .columnMap {
  fill: var(--eg-studio-columnmap);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .mapArrow {
  fill: var(--eg-studio-maparrow);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .columnInfo {
  fill: var(--eg-studio-columninfo);
  opacity: var(--eg-studio-columninfo-opacity);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .columnBorderMissing {
  fill: var(--eg-studio-columnbordermissing);
  opacity: var(--eg-studio-columnbordermissing-opacity);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .columnMapMissing {
  fill: var(--eg-studio-columnmapmissing);
  opacity: var(--eg-studio-columnmapmissing-opacity);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .columnInfoMissing {
  fill: var(--eg-studio-columninfomissing);
  opacity: var(--eg-studio-columninfomissing-opacity);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .columnWarning {
  fill: var(--eg-studio-columnwarning);
  stroke: var(--eg-studio-columnwarning-stroke);
  stroke-width: 1px;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .columnMapWarning {
  fill: var(--eg-studio-columnmapwarning);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .columnInfoWarning {
  fill: var(--eg-studio-columninfowarning);
  opacity: var(--eg-studio-columninfowarning-opacity);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .columnAlert {
  fill: var(--eg-studio-columnalert);
  stroke: var(--eg-studio-columnalert-stroke);
  stroke-width: 1px;
}
.conversation-designer-components .sas_components-SVG-SVG_svg .columnMapAlert {
  fill: var(--eg-studio-columnmapalert);
}
.conversation-designer-components .sas_components-SVG-SVG_svg .columnInfoAlert {
  fill: var(--eg-studio-columninfoalert);
  opacity: var(--eg-studio-columninfoalert-opacity);
}
.conversation-designer-components .sas_components-SVG-SVG_svg [id^=thumbColor1] > stop {
  stop-color: var(--thumbnail-color1);
}
.conversation-designer-components .sas_components-SVG-SVG_svg [id^=thumbColor2] > stop {
  stop-color: var(--thumbnail-color2);
}
.conversation-designer-components .sas_components-SVG-SVG_svg [id^=thumbColor3] > stop {
  stop-color: var(--thumbnail-color3);
}
.conversation-designer-components .sas_components-SVG-SVG_svg [id^=thumbColor4] > stop {
  stop-color: var(--thumbnail-color4);
}
.conversation-designer-components .sas_components-SVG-SVG_svg [id^=thumbColor5] > stop {
  stop-color: var(--thumbnail-color5);
}
.conversation-designer-components .sas_components-SVG-SVG_svg [id^=thumbColor6] > stop {
  stop-color: var(--thumbnail-color6);
}
.conversation-designer-components .sas_components-SVG-SVG_svg [id^=thumbColor7] > stop {
  stop-color: var(--thumbnail-color7);
}
.conversation-designer-components .sas_components-SVG-SVG_svg [id^=thumbColor8] > stop {
  stop-color: var(--thumbnail-color8);
}

.conversation-designer-components .sas_components-SVG-SVG_icon {
  height: 0.875rem;
  width: 0.875rem;
}
.conversation-designer-components .sas_components-SVG-SVG_icon > .sas_components-SVG-SVG_inner {
  height: 100%;
  width: 100%;
}

.conversation-designer-components .sas_components-SVG-SVG_allowMirroring {
  transform: scale(-1, 1);
}
@font-face {
  font-family: "sas-icons";
  font-weight: normal;
  font-style: normal;
  src: url(assets/fonts/sas-icons-regular.ttf) format("truetype");
}
.conversation-designer-components .sas_components-Icon-Icon_icon {
  display: inline-flex;
  align-items: center;
  speak: none;
  height: 0.875rem;
  width: 0.875rem;
  box-sizing: content-box;
}
.conversation-designer-components .sas_components-Icon-Icon_icon:focus {
  outline: var(--focus-light-bg);
}
.conversation-designer-components .sas_components-Icon-Icon_icon .alert {
  fill: var(--icon-fg, var(--icon-alert-fg));
}
.conversation-designer-components .sas_components-Icon-Icon_icon .warning {
  fill: var(--icon-fg, var(--icon-warning-fg));
}
.conversation-designer-components .sas_components-Icon-Icon_icon .success {
  fill: var(--icon-fg, var(--icon-success-fg));
}
.conversation-designer-components .sas_components-Icon-Icon_icon .information {
  fill: var(--icon-fg, var(--icon-information-fg));
}
.conversation-designer-components .sas_components-Icon-Icon_icon .neutral,
.conversation-designer-components .sas_components-Icon-Icon_icon .iconColor {
  fill: var(--icon-fg, var(--icon-neutral-fg));
}

.conversation-designer-components .sas_components-Icon-Icon_disabled {
  opacity: var(--icon-opacity);
}
@-webkit-keyframes novaSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes novaSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes novaFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes novaFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes novaFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes novaFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes novaPopIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes novaPopIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes novaPopOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.5);
  }
}
@keyframes novaPopOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.5);
  }
}
@-webkit-keyframes novaSlideInStart {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes novaSlideInStart {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes novaSlideOutStart {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-100px);
  }
}
@keyframes novaSlideOutStart {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-100px);
  }
}
@-webkit-keyframes novaSlideInEnd {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes novaSlideInEnd {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes novaSlideOutEnd {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100px);
  }
}
@keyframes novaSlideOutEnd {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100px);
  }
}
@-webkit-keyframes novaSlideInTop {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes novaSlideInTop {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes novaSlideOutTop {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}
@keyframes novaSlideOutTop {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}
@-webkit-keyframes novaSlideInBottom {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes novaSlideInBottom {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes novaSlideOutBottom {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(100px);
  }
}
@keyframes novaSlideOutBottom {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(100px);
  }
}
@-webkit-keyframes novaBounceInLeft {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  60% {
    opacity: 0.8;
    transform: translate(0, 0);
  }
  80% {
    opacity: 1;
    transform: translate(2px, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes novaBounceInLeft {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  60% {
    opacity: 0.8;
    transform: translate(0, 0);
  }
  80% {
    opacity: 1;
    transform: translate(2px, 0);
  }
  100% {
    transform: none;
  }
}
.conversation-designer-components .sas_components-Button-__internal__-BaseButton_button, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_round-icon, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_small {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: var(--button-spacing-squish-s);
  min-height: 1.5rem;
  font-size: 0.875rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-shadow: none;
  border-width: 1px;
  border-style: solid;
  color: var(--button-fg);
  background-color: var(--button-bg);
  border-color: var(--button-bd, transparent);
  transition: calc(var(--button-animation-duration) * var(--nova-animation-duration-factor, 1)) var(--button-animation-timing-function);
  transition-property: background-color, border-color, color;
}
.conversation-designer-components .sas_components-Button-__internal__-BaseButton_button .sas_components-Button-__internal__-BaseButton_icon-inner path.neutral, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_round-icon .sas_components-Button-__internal__-BaseButton_icon-inner path.neutral, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_small .sas_components-Button-__internal__-BaseButton_icon-inner path.neutral, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_button .sas_components-Button-__internal__-BaseButton_icon-inner path.iconColor, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_round-icon .sas_components-Button-__internal__-BaseButton_icon-inner path.iconColor, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_small .sas_components-Button-__internal__-BaseButton_icon-inner path.iconColor {
  fill: var(--button-fg);
}
.conversation-designer-components .sas_components-Button-__internal__-BaseButton_button .sas_components-Button-__internal__-BaseButton_icon-inner path:not(.svgToolTipPane), .conversation-designer-components .sas_components-Button-__internal__-BaseButton_round-icon .sas_components-Button-__internal__-BaseButton_icon-inner path:not(.svgToolTipPane), .conversation-designer-components .sas_components-Button-__internal__-BaseButton_small .sas_components-Button-__internal__-BaseButton_icon-inner path:not(.svgToolTipPane) {
  transition: fill calc(var(--button-animation-duration) * var(--nova-animation-duration-factor, 1)) var(--button-animation-timing-function);
}
.conversation-designer-components .sas_components-Button-__internal__-BaseButton_button:hover, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_round-icon:hover, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_small:hover {
  color: var(--button-hover-fg);
  background-color: var(--button-hover-bg);
  border-color: var(--button-hover-bd, transparent);
}
.conversation-designer-components .sas_components-Button-__internal__-BaseButton_button:hover .sas_components-Button-__internal__-BaseButton_icon-inner path.neutral, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_round-icon:hover .sas_components-Button-__internal__-BaseButton_icon-inner path.neutral, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_small:hover .sas_components-Button-__internal__-BaseButton_icon-inner path.neutral, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_button:hover .sas_components-Button-__internal__-BaseButton_icon-inner path.iconColor, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_round-icon:hover .sas_components-Button-__internal__-BaseButton_icon-inner path.iconColor, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_small:hover .sas_components-Button-__internal__-BaseButton_icon-inner path.iconColor {
  fill: var(--button-hover-fg);
}
.conversation-designer-components .sas_components-Button-__internal__-BaseButton_button.sas_components-Button-__internal__-BaseButton_active, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_active.sas_components-Button-__internal__-BaseButton_round-icon, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_active.sas_components-Button-__internal__-BaseButton_small, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_button:active, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_round-icon:active, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_small:active {
  color: var(--button-active-fg);
  background-color: var(--button-active-bg);
  border-color: var(--button-active-bd, transparent);
}
.conversation-designer-components .sas_components-Button-__internal__-BaseButton_button.sas_components-Button-__internal__-BaseButton_active .sas_components-Button-__internal__-BaseButton_icon-inner path.neutral, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_active.sas_components-Button-__internal__-BaseButton_round-icon .sas_components-Button-__internal__-BaseButton_icon-inner path.neutral, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_active.sas_components-Button-__internal__-BaseButton_small .sas_components-Button-__internal__-BaseButton_icon-inner path.neutral, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_button.sas_components-Button-__internal__-BaseButton_active .sas_components-Button-__internal__-BaseButton_icon-inner path.iconColor, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_active.sas_components-Button-__internal__-BaseButton_round-icon .sas_components-Button-__internal__-BaseButton_icon-inner path.iconColor, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_active.sas_components-Button-__internal__-BaseButton_small .sas_components-Button-__internal__-BaseButton_icon-inner path.iconColor, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_button:active .sas_components-Button-__internal__-BaseButton_icon-inner path.neutral, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_round-icon:active .sas_components-Button-__internal__-BaseButton_icon-inner path.neutral, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_small:active .sas_components-Button-__internal__-BaseButton_icon-inner path.neutral, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_button:active .sas_components-Button-__internal__-BaseButton_icon-inner path.iconColor, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_round-icon:active .sas_components-Button-__internal__-BaseButton_icon-inner path.iconColor, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_small:active .sas_components-Button-__internal__-BaseButton_icon-inner path.iconColor {
  fill: var(--button-active-fg);
}
.conversation-designer-components .sas_components-Button-__internal__-BaseButton_button.sas_components-Button-__internal__-BaseButton_high-contrast:active .sas_components-Button-__internal__-BaseButton_icon-inner path:not(.svgToolTipPane), .conversation-designer-components .sas_components-Button-__internal__-BaseButton_high-contrast.sas_components-Button-__internal__-BaseButton_round-icon:active .sas_components-Button-__internal__-BaseButton_icon-inner path:not(.svgToolTipPane), .conversation-designer-components .sas_components-Button-__internal__-BaseButton_high-contrast.sas_components-Button-__internal__-BaseButton_small:active .sas_components-Button-__internal__-BaseButton_icon-inner path:not(.svgToolTipPane) {
  fill: var(--button-active-fg);
}

.conversation-designer-components .sas_components-Button-__internal__-BaseButton_small {
  height: 1.375rem;
  min-height: revert;
  font-size: 0.75rem;
}
.conversation-designer-components .sas_components-Button-__internal__-BaseButton_small .sas_components-Button-__internal__-BaseButton_icon-inner {
  width: 0.75rem;
  height: 0.75rem;
}

.conversation-designer-components .sas_components-Button-__internal__-BaseButton_round-icon {
  padding: var(--button-spacing-squish-xs);
  border-radius: 0.75rem;
}

.conversation-designer-components[dir="ltr"] .sas_components-Button-__internal__-BaseButton_text {
  text-align: left;
}

.conversation-designer-components[dir="rtl"] .sas_components-Button-__internal__-BaseButton_text {
  text-align: right;
}

.conversation-designer-components .sas_components-Button-__internal__-BaseButton_text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.conversation-designer-components .sas_components-Button-__internal__-BaseButton_disabled {
  cursor: default;
}

.conversation-designer-components .sas_components-Button-__internal__-BaseButton_button:focus, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_small:focus, .conversation-designer-components .sas_components-Button-__internal__-BaseButton_round-icon:focus {
  outline: var(--button-focus-outline);
  outline-offset: var(--button-focus-outline-offset);
}

.conversation-designer-components[dir="ltr"] .sas_components-Button-__internal__-BaseButton_icon-with-text {
  margin-right: var(--button-spacing-xs);
}

.conversation-designer-components[dir="rtl"] .sas_components-Button-__internal__-BaseButton_icon-with-text {
  margin-left: var(--button-spacing-xs);
}

.conversation-designer-components .sas_components-Button-__internal__-BaseButton_icon-with-text {
  flex-shrink: 0;
}
.conversation-designer-components .sas_components-Layouts-Flow-Flow_flow_horizontal {
  display: inline-flex;
  flex-direction: row;
}
.conversation-designer-components .sas_components-Layouts-Flow-Flow_flow_horizontal.sas_components-Layouts-Flow-Flow_direction_ltr > * + * {
  margin-left: var(--inline-gap-horizontal, 1rem);
  margin-right: 0;
}
.conversation-designer-components .sas_components-Layouts-Flow-Flow_flow_horizontal.sas_components-Layouts-Flow-Flow_direction_rtl > * + * {
  margin-left: 0;
  margin-right: var(--inline-gap-horizontal, 1rem);
}

.conversation-designer-components .sas_components-Layouts-Flow-Flow_flow_vertical {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}
.conversation-designer-components .sas_components-Layouts-Flow-Flow_flow_vertical > * {
  max-width: 100%;
}
.conversation-designer-components .sas_components-Layouts-Flow-Flow_flow_vertical > * + * {
  margin-top: var(--inline-gap-vertical, 1rem);
}

.conversation-designer-components[dir="ltr"] .sas_components-Layouts-Flow-Flow_wrap {
  margin: calc(var(--inline-gap-horizontal, 1rem) * -1) calc(var(--inline-gap-horizontal, 1rem) * -1) 0 0;
}

.conversation-designer-components[dir="rtl"] .sas_components-Layouts-Flow-Flow_wrap {
  margin: calc(var(--inline-gap-horizontal, 1rem) * -1) 0 0 calc(var(--inline-gap-horizontal, 1rem) * -1);
}

.conversation-designer-components .sas_components-Layouts-Flow-Flow_wrap {
  flex-wrap: wrap;
}
.conversation-designer-components[dir="ltr"] .sas_components-Layouts-Flow-Flow_wrap > * {
  margin: var(--inline-gap-horizontal, 1rem) var(--inline-gap-horizontal, 1rem) 0 0;
}
.conversation-designer-components[dir="rtl"] .sas_components-Layouts-Flow-Flow_wrap > * {
  margin: var(--inline-gap-horizontal, 1rem) 0 0 var(--inline-gap-horizontal, 1rem);
}
.conversation-designer-components[dir="ltr"] .sas_components-Layouts-Flow-Flow_wrap.sas_components-Layouts-Flow-Flow_flow_vertical {
  margin: calc(var(--inline-gap-vertical, 1rem) * -1) calc(var(--inline-gap-vertical, 1rem) * -1) 0 0;
}
.conversation-designer-components[dir="rtl"] .sas_components-Layouts-Flow-Flow_wrap.sas_components-Layouts-Flow-Flow_flow_vertical {
  margin: calc(var(--inline-gap-vertical, 1rem) * -1) 0 0 calc(var(--inline-gap-vertical, 1rem) * -1);
}
.conversation-designer-components .sas_components-Layouts-Flow-Flow_wrap.sas_components-Layouts-Flow-Flow_flow_vertical {
  display: inline-flex;
  height: calc(100% + var(--inline-gap-vertical, 1rem));
}
.conversation-designer-components[dir="ltr"] .sas_components-Layouts-Flow-Flow_wrap.sas_components-Layouts-Flow-Flow_flow_vertical > * {
  margin: var(--inline-gap-vertical, 1rem) var(--inline-gap-vertical, 1rem) 0 0;
}
.conversation-designer-components[dir="rtl"] .sas_components-Layouts-Flow-Flow_wrap.sas_components-Layouts-Flow-Flow_flow_vertical > * {
  margin: var(--inline-gap-vertical, 1rem) 0 0 var(--inline-gap-vertical, 1rem);
}
@-webkit-keyframes novaSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes novaSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes novaFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes novaFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes novaFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes novaFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes novaPopIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes novaPopIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes novaPopOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.5);
  }
}
@keyframes novaPopOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.5);
  }
}
@-webkit-keyframes novaSlideInStart {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes novaSlideInStart {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes novaSlideOutStart {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-100px);
  }
}
@keyframes novaSlideOutStart {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-100px);
  }
}
@-webkit-keyframes novaSlideInEnd {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes novaSlideInEnd {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes novaSlideOutEnd {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100px);
  }
}
@keyframes novaSlideOutEnd {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100px);
  }
}
@-webkit-keyframes novaSlideInTop {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes novaSlideInTop {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes novaSlideOutTop {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}
@keyframes novaSlideOutTop {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}
@-webkit-keyframes novaSlideInBottom {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes novaSlideInBottom {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes novaSlideOutBottom {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(100px);
  }
}
@keyframes novaSlideOutBottom {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(100px);
  }
}
@-webkit-keyframes novaBounceInLeft {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  60% {
    opacity: 0.8;
    transform: translate(0, 0);
  }
  80% {
    opacity: 1;
    transform: translate(2px, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes novaBounceInLeft {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  60% {
    opacity: 0.8;
    transform: translate(0, 0);
  }
  80% {
    opacity: 1;
    transform: translate(2px, 0);
  }
  100% {
    transform: none;