@charset "UTF-8";
body {
  font-family: "Inter", Helvetica, arial, sans-serif;
}

a {
  color: #695be8;
  /* Color value of --zds-text-link */
}

.formatic .field-help {
  color: #777;
}

.formatic .required-text,
.formatic .not-required-text {
  font-size: 80%;
  color: #aaa;
}

.formatic .required-text:after {
  content: "(required)";
}

.formatic .not-required-text:after {
  content: "";
}

.formatic .validation-error-required .required-text:after {
  color: #ff4a00;
}

.formatic .dropdown-field {
  position: relative;
}

.formatic .field-value {
  border: 1px solid #ccc;
  padding: 10px;
}

.formatic .field-toggle {
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 42px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #ccc;
}

.formatic .field-toggle.field-open::before {
  content: "\25B2";
  vertical-align: middle;
}

.formatic .field-toggle.field-closed::before {
  content: "\25BC";
  vertical-align: middle;
}

.formatic .dropdown-field .field-choices-container {
  max-height: 400px;
  overflow-y: auto;
  position: absolute;
  z-index: 1000;
  background: #fff;
  bottom: 1px solid #ccc;
}

.formatic .dropdown-field .field-choices {
  list-style-type: none;
  margin-top: 0px;
  padding-left: 0px;
}

.formatic .choices-container {
  max-height: 400px;
  overflow-y: auto;
  position: absolute;
  z-index: 1000;
  background: #fff;
  border: 1px solid #ccc;
}

.formatic .choices {
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
}

.formatic .choice-label {
  font-weight: 600;
  padding-right: 10px;
}

.formatic .choice-sample {
  color: #999;
}

.formatic .dropdown-field .field-choice {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px;
}

.formatic .choice {
  padding: 0px;
}

.formatic .choice.hover {
  background-color: #ddd;
}

.formatic .reveal-enter {
  opacity: 0.01;
  transition: opacity 0.1s ease-in;
}

.formatic .reveal-enter.reveal-enter-active {
  opacity: 1;
}

.formatic .reveal-leave {
  opacity: 1;
  transition: opacity 0.1s ease-in;
}

.formatic .reveal-leave.reveal-leave-active {
  opacity: 0.01;
}

.pretty-part {
  border-radius: 12px;
  background: #ff9266;
  cursor: pointer;
  padding-left: 7px;
  padding-right: 7px;
}

.pretty-part:hover {
  background: #ff4a00;
}

/* use div. to make this rule more specific than BS .form-control */
div.pretty-text-box {
  overflow: auto;
  height: 54px;
  resize: both;
  white-space: pre-wrap;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  line-height: 1.42857143;
  padding: 6px 12px;
}

.formatic .pretty-part-hover {
  background: #ff4a00;
}

.formatic .add-item,
.formatic .assoc-list-control-add {
  color: green;
  cursor: pointer;
}

.formatic .remove-item,
.formatic .assoc-list-control-remove {
  color: red;
  cursor: pointer;
  padding-right: 1em;
}

.formatic .maybe-removing {
  background: rgba(255, 0, 0, 0.25);
}

.formatic .move-item-back {
  cursor: pointer;
  padding-right: 1em;
}

.formatic .move-item-forward {
  cursor: pointer;
  padding-right: 1em;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
}

:before,
:after {
  box-sizing: border-box;
}

:before,
:after {
  box-sizing: border-box;
}

/*

FlowForm is a wrapper on Formatic. The goals are:

1. Assume there are either no/some common styles on root elements. Be sure to be explicit.
2. Try to reuse as much as possible (IE: heights are powering square buttons).
3. Don't depend on static width too much (unless you absolutely need to it in px).

There are lots of comments all over the place here - please read them before making changes!

*/
.flowform {
  position: relative;
  /* Overrides */
}
.flowform .fm-copy {
  display: block;
  position: relative;
  padding: 10px 12px;
  background-color: #f0f0f0;
  font-style: italic;
  margin-bottom: 30px;
  margin-top: -15px;
  font-size: 13px;
}
.flowform .clicklock-needs-hover {
  display: none;
}
.flowform.loading-needs {
  filter: blur(2px);
}
.flowform.loading-needs .clicklock-needs-hover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background-color: white;
  opacity: 0.2;
  z-index: 3;
}
.flowform .formatic .fm-field {
  position: relative;
  min-height: 42px;
  padding: 0 0 20px;
}
.flowform .formatic .fm-field .copy-button {
  position: absolute;
  right: 0;
  margin: 5px;
  z-index: 2;
}
.flowform .formatic .fm-field .fm-custom-value {
  padding: 30px 0px 0px 0px;
}
.flowform .formatic .fm-field .fm-custom-list-child-value {
  padding: 10px 0px 0px 0px;
}
.flowform .formatic .fm-field .fm-field {
  padding-bottom: 10px;
}
.flowform .formatic .fm-field .fm-field .inline-checkbox {
  font-size: 13px;
  font-weight: 600px;
}
.flowform .formatic .fm-field .fm-field .inline-checkbox input {
  height: auto;
  width: auto;
  margin-right: 10px;
}
.flowform .formatic .fm-field:last-child {
  padding-bottom: 0;
}
.flowform .formatic .fm-field .fm-label {
  font: var(--zds-small-print-3);
  margin: 0 0 5px 0;
}
.flowform .formatic .fm-field .required-text:after {
  content: "(required)";
  color: #ff4a00;
  font-size: 11px;
  padding-right: 3px;
}
.flowform .formatic .fm-field .not-required-text:after {
  content: "(optional)";
  color: #969ea2;
  font-size: 11px;
  padding-right: 3px;
}
.flowform .formatic .fm-field .required-label {
  color: #969ea2;
  font-size: 11px;
  padding-right: 3px;
}
.flowform .formatic .fm-field .required-label.required {
  color: #ff4a00;
}
.flowform .formatic .fm-field .label-logo-wrapper .label-logo {
  display: inline-block;
  margin-top: -2px;
  margin-right: 0.5em;
}
.flowform .formatic .fm-field .label-logo-wrapper .fm-label {
  display: inline-block;
}
.flowform .formatic .fm-field .fm-help {
  color: inherit;
  font: var(--zds-body-1);
}
.flowform .formatic .fm-field .fm-help p {
  margin-bottom: 10px;
}
.flowform .formatic .fm-field .fm-help.fm-help-overridden p {
  margin-bottom: 0.5em;
  color: inherit;
  background: #f1f4f5;
  display: inline-block;
  padding: 0.1em 0.5em;
  border-radius: 3px;
}
.flowform .formatic .fm-field .fm-help .fm-help-text-bulleted-list {
  list-style: disc;
  margin-left: 20px;
}
.flowform .formatic .fm-field:hover .fm-help {
  display: block;
}
.flowform .formatic .fm-field input[type=text],
.flowform .formatic .fm-field textarea {
  -webkit-appearance: none;
}
.flowform .formatic .fm-field input[type=text]::placeholder,
.flowform .formatic .fm-field textarea::placeholder {
  font: inherit;
  color: revert;
}
.flowform .formatic .fm-field .fm-assoc-list-item input, .flowform .formatic .fm-field .choices-search input, .flowform .formatic .fm-field .fm-singlelinestring, .flowform .formatic .fm-field .fm-password, .flowform .formatic .fm-field .fm-email,
.flowform .formatic .fm-field div.pretty-text-box, .flowform .formatic .fm-field .fm-string {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  background: #fff;
  overflow: auto;
  white-space: pre-wrap;
  height: auto;
  width: 100%;
  line-height: 1.7;
  min-height: 45px;
  padding: 10px;
  margin: 0;
  border: 1px solid #dadfe2;
  border-radius: 0;
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}
.flowform .formatic .fm-field .fm-assoc-list-item input:focus, .flowform .formatic .fm-field .choices-search input:focus, .flowform .formatic .fm-field .fm-singlelinestring:focus, .flowform .formatic .fm-field .fm-password:focus, .flowform .formatic .fm-field .fm-email:focus,
.flowform .formatic .fm-field div.pretty-text-box:focus, .flowform .formatic .fm-field .fm-string:focus {
  border-color: #dadfe2;
}
.flowform .formatic .fm-field .fm-assoc-list-item input:hover, .flowform .formatic .fm-field .choices-search input:hover, .flowform .formatic .fm-field .fm-singlelinestring:hover, .flowform .formatic .fm-field .fm-password:hover, .flowform .formatic .fm-field .fm-email:hover,
.flowform .formatic .fm-field div.pretty-text-box:hover, .flowform .formatic .fm-field .fm-string:hover {
  background-color: #fff;
  border-color: #bfc3c6;
}
.flowform .formatic .fm-field .fm-assoc-list-item input.error, .flowform .formatic .fm-field .choices-search input.error, .flowform .formatic .fm-field .fm-singlelinestring.error, .flowform .formatic .fm-field .fm-password.error, .flowform .formatic .fm-field .fm-email.error,
.flowform .formatic .fm-field div.pretty-text-box.error, .flowform .formatic .fm-field .fm-string.error {
  background: #ffeeeb;
  border-color: #e52f00;
  border-width: 2px;
}
.flowform .formatic .fm-field .fm-assoc-list-item input.error .CodeMirror-code, .flowform .formatic .fm-field .choices-search input.error .CodeMirror-code, .flowform .formatic .fm-field .fm-singlelinestring.error .CodeMirror-code, .flowform .formatic .fm-field .fm-password.error .CodeMirror-code, .flowform .formatic .fm-field .fm-email.error .CodeMirror-code,
.flowform .formatic .fm-field div.pretty-text-box.error .CodeMirror-code, .flowform .formatic .fm-field .fm-string.error .CodeMirror-code {
  background: #ffeeeb;
}
.flowform .formatic .fm-field .fm-assoc-list-item input.warning, .flowform .formatic .fm-field .choices-search input.warning, .flowform .formatic .fm-field .fm-singlelinestring.warning, .flowform .formatic .fm-field .fm-password.warning, .flowform .formatic .fm-field .fm-email.warning,
.flowform .formatic .fm-field div.pretty-text-box.warning, .flowform .formatic .fm-field .fm-string.warning {
  background: #fff3d7;
  border-color: #ffc43e;
  border-width: 2px;
}
.flowform .formatic .fm-field .fm-assoc-list-item input.warning .CodeMirror-code, .flowform .formatic .fm-field .choices-search input.warning .CodeMirror-code, .flowform .formatic .fm-field .fm-singlelinestring.warning .CodeMirror-code, .flowform .formatic .fm-field .fm-password.warning .CodeMirror-code, .flowform .formatic .fm-field .fm-email.warning .CodeMirror-code,
.flowform .formatic .fm-field div.pretty-text-box.warning .CodeMirror-code, .flowform .formatic .fm-field .fm-string.warning .CodeMirror-code {
  background: #fff3d7;
}
.flowform .formatic .fm-field .fm-assoc-list-item input, .flowform .formatic .fm-field .choices-search input, .flowform .formatic .fm-field .fm-singlelinestring, .flowform .formatic .fm-field .fm-password, .flowform .formatic .fm-field .fm-email {
  height: 45px;
  border-radius: 3px;
}
.flowform .formatic .fm-field.fm-field-type-text div.pretty-text-box,
.flowform .formatic .fm-field.fm-field-type-text input {
  min-height: 90px;
}
.flowform .formatic .fm-field.fm-field-type-text div.pretty-text-box .CodeMirror-code {
  min-height: 68px;
}
.flowform .formatic .fm-field.fm-field-type-code div.pretty-text-box,
.flowform .formatic .fm-field.fm-field-type-code input {
  font-family: monospace;
}
.flowform .formatic .fm-field div.pretty-text-box .CodeMirror {
  height: auto;
  width: 100%;
}
.flowform .formatic .fm-field div.pretty-text-box.has-focus {
  border-color: #bfc3c6;
}
.flowform .formatic .fm-field div.pretty-text-box .pretty-part {
  background-color: #e8ebed;
  border-radius: 12px;
  border: 2px solid #e8ebed;
  color: #354147;
  display: inline-flex;
  flex-direction: row;
  line-height: normal;
  margin-right: 0.0625em;
  transition: all 0.1s ease;
}
.flowform .formatic .fm-field div.pretty-text-box .pretty-part:not(.readonly-control):hover {
  background: #969ea2;
  border: solid 2px #969ea2;
  color: #fff;
  cursor: pointer;
}
.flowform .formatic .fm-field div.pretty-text-box .pretty-part--preview {
  background-color: #62d493;
  border: 2px solid #62d493;
  margin: 0 1px;
}
.flowform .formatic .fm-field div.pretty-text-box .pretty-part--readonly-preview {
  margin: 0 1px;
  background-color: #8adfaf;
  border: 2px solid #8adfaf;
}
.flowform .formatic .fm-field div.pretty-text-box .pretty-part-error {
  color: #e52f00;
}
.flowform .formatic .fm-field div.pretty-text-box .pretty-part-container {
  align-items: center;
  background: #fff;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
}
.flowform .formatic .fm-field div.pretty-text-box .pretty-part-container--preview {
  background: #eefaf3;
}
.flowform .formatic .fm-field div.pretty-text-box .pretty-part-icon .img16 {
  position: relative;
  top: -1px;
}
.flowform .formatic .fm-field div.pretty-text-box .pretty-part-step-number {
  color: #5f6c72;
  font-size: 0.85em;
  padding-left: 5px;
  position: relative;
  top: -1px;
}
.flowform .formatic .fm-field div.pretty-text-box .pretty-part-step-number::before {
  content: "Step\A0";
}
.flowform .formatic .fm-field div.pretty-text-box .pretty-part-step-number--preview {
  color: #3ac977;
  font-weight: 600;
}
.flowform .formatic .fm-field div.pretty-text-box .pretty-part-label {
  align-items: center;
  display: flex;
  font-size: 0.85em;
  font-weight: 600;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  top: -1px;
  word-break: break-all;
}
.flowform .formatic .fm-field div.pretty-text-box .pretty-part-label--preview {
  color: #fff;
}
.flowform .formatic .fm-field div.pretty-text-box .pretty-part-label-icon {
  margin-right: 5px;
}
.flowform .formatic .fm-field div.pretty-text-wrapper {
  position: relative;
}
.flowform .formatic .fm-field div.pretty-text-wrapper div.pretty-text-box {
  padding-right: 55px;
}
.flowform .formatic .fm-field div.pretty-text-wrapper div.insert-button {
  color: transparent;
  display: block;
  position: absolute;
  background-color: #fff;
  width: 45px;
  height: 45px;
  top: 0;
  right: 0;
  border: 1px solid #dadfe2;
  border-radius: 0;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  border-radius: 0 3px 3px 0;
  background-image: url("/images/frontend/insert-fields-2.png");
  background-position: center;
  background-size: 55%;
}
.flowform .formatic .fm-field div.pretty-text-wrapper div.insert-button:not(.readonly-control) {
  cursor: pointer;
}
.flowform .formatic .fm-field div.pretty-text-wrapper div.insert-button:not(.readonly-control):hover, .flowform .formatic .fm-field div.pretty-text-wrapper div.insert-button:not(.readonly-control):focus {
  border-color: #bfc3c6;
  background-color: #f9f9f9;
}
.flowform .formatic .fm-field div.pretty-text-wrapper .error ~ div.insert-button {
  border-color: #e52f00;
}
.flowform .formatic .fm-field div.pretty-text-wrapper .warning ~ div.insert-button {
  border-color: #ffc43e;
}
.flowform .formatic .fm-field.fm-prettyselect.error input,
.flowform .formatic .fm-field.fm-prettyselect.error .select-arrow {
  color: #000;
  border-color: #e52f00;
  border-width: 1px;
}
.flowform .formatic .fm-field .fm-pretty-select-value {
  position: relative;
}
.flowform .formatic .fm-field .fm-pretty-select-value .select-arrow {
  display: block;
  position: absolute;
  background-color: #fff;
  width: 45px;
  height: 45px;
  top: 0;
  right: 0;
  border: 1px solid #dadfe2;
  border-radius: 0;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  border-radius: 0 3px 3px 0;
  background-image: url("/images/arrow-down.png");
  background-size: 35%;
}
.flowform .formatic .fm-field .fm-pretty-select-value .select-arrow:not(.readonly-control) {
  cursor: pointer;
}
.flowform .formatic .fm-field .fm-pretty-select-value .select-arrow:not(.readonly-control):hover, .flowform .formatic .fm-field .fm-pretty-select-value .select-arrow:not(.readonly-control):focus {
  border-color: #bfc3c6;
  background-color: #f9f9f9;
}
.flowform .formatic .fm-field .fm-pretty-select-value .select-arrow.error {
  border-color: #e52f00;
  border-width: 1px;
}
.flowform .formatic .fm-field .fm-assoc-list {
  position: relative;
}
.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-item {
  padding-bottom: 10px;
  display: flex;
}
.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-item:after {
  content: "";
  display: table;
  clear: both;
}
.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-item div.fm-assoc-list-item-key {
  margin-right: 1%;
  flex-shrink: 0;
  flex-basis: 33%;
}
.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-item div.fm-assoc-list-item-value {
  flex: 1 1;
  width: 33%;
}
.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-item .fm-assoc-list-item-control .fm-remove-item {
  display: block;
  position: absolute;
  color: transparent;
  background-color: #fff;
  width: 45px;
  height: 45px;
  top: 0;
  right: -110px;
  border: 1px solid #dadfe2;
  border-radius: 0;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  border-radius: 3px;
  position: relative;
  right: 0;
  margin-left: 10px;
  background-image: url("/images/icons/minus.png");
  background-size: 25%;
}
.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-item .fm-assoc-list-item-control .fm-remove-item:not(.readonly-control):hover, .flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-item .fm-assoc-list-item-control .fm-remove-item:not(.readonly-control):focus {
  cursor: pointer;
  border-color: #bfc3c6;
  background-color: #f9f9f9;
}
.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-control {
  position: relative;
  height: 45px;
}
.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-control .fm-add-item {
  display: block;
  position: absolute;
  color: transparent;
  background-color: #fff;
  width: 45px;
  height: 45px;
  top: 0;
  right: -110px;
  border: 1px solid #dadfe2;
  border-radius: 0;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  border-radius: 3px;
  right: 0;
  background-image: url("/images/icons/plus.png");
  background-size: 25%;
}
.flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-control .fm-add-item:not(.readonly-control):hover, .flowform .formatic .fm-field .fm-assoc-list .fm-assoc-list-control .fm-add-item:not(.readonly-control):focus {
  cursor: pointer;
  border-color: #bfc3c6;
  background-color: #f9f9f9;
}
.flowform .formatic .fm-field .fm-array {
  position: relative;
  margin-right: 110px;
}
@media screen and (max-width: 480px) {
  .flowform .formatic .fm-field .fm-array {
    margin-right: 45px;
  }
}
.flowform .formatic .fm-field .fm-array .fm-array-item {
  position: relative;
  margin: 8px 0;
}
.flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-remove-item {
  border-radius: 3px;
  display: block;
  position: absolute;
  color: transparent;
  background-color: #fff;
  width: 45px;
  height: 45px;
  top: 0;
  right: -110px;
  border: 1px solid #dadfe2;
  border-radius: 0;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  background-image: url("/images/icons/minus.png");
  background-size: 25%;
}
.flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-remove-item:not(.readonly-control):hover, .flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-remove-item:not(.readonly-control):focus {
  cursor: pointer;
  border-color: #bfc3c6;
  background-color: #f9f9f9;
}
@media screen and (max-width: 480px) {
  .flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-remove-item {
    right: -55px;
  }
}
.flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-move-item-back {
  display: block;
  position: absolute;
  color: transparent;
  background-color: #fff;
  width: 45px;
  height: 45px;
  top: 0;
  right: -110px;
  border: 1px solid #dadfe2;
  border-radius: 0;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  height: 22.5px;
  right: -55px;
  border: 2px solid #dadfe2;
  background-image: url("/images/icons/arrow-up.png");
}
.flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-move-item-back:not(.readonly-control):hover, .flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-move-item-back:not(.readonly-control):focus {
  cursor: pointer;
  border-color: #bfc3c6;
  background-color: #f9f9f9;
}
@media screen and (max-width: 480px) {
  .flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-move-item-back {
    display: none;
  }
}
.flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-move-item-back.is-last-item {
  top: 12px;
}
.flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-move-item-forward {
  display: block;
  position: absolute;
  color: transparent;
  background-color: #fff;
  width: 45px;
  height: 45px;
  top: 0;
  right: -110px;
  border: 1px solid #dadfe2;
  border-radius: 0;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  top: 22.5px;
  height: 22.5px;
  right: -55px;
  background-image: url("/images/icons/arrow-down.png");
}
.flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-move-item-forward:not(.readonly-control):hover, .flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-move-item-forward:not(.readonly-control):focus {
  cursor: pointer;
  border-color: #bfc3c6;
  background-color: #f9f9f9;
}
@media screen and (max-width: 480px) {
  .flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-move-item-forward {
    display: none;
  }
}
.flowform .formatic .fm-field .fm-array .fm-array-item .fm-array-item-control .fm-move-item-forward.is-first-item {
  top: 12px;
}
.flowform .formatic .fm-field .fm-array .fm-array-control {
  position: relative;
  height: 45px;
}
.flowform .formatic .fm-field .fm-array .fm-array-control .fm-add-item {
  border-radius: 3px;
  display: block;
  position: absolute;
  color: transparent;
  background-color: #fff;
  width: 45px;
  height: 45px;
  top: 0;
  right: -110px;
  border: 1px solid #dadfe2;
  border-radius: 0;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  background-image: url("/images/icons/plus.png");
  background-size: 25%;
}
.flowform .formatic .fm-field .fm-array .fm-array-control .fm-add-item:not(.readonly-control):hover, .flowform .formatic .fm-field .fm-array .fm-array-control .fm-add-item:not(.readonly-control):focus {
  cursor: pointer;
  border-color: #bfc3c6;
  background-color: #f9f9f9;
}
@media screen and (max-width: 480px) {
  .flowform .formatic .fm-field .fm-array .fm-array-control .fm-add-item {
    right: -55px;
  }
}
.flowform .formatic .fm-field .loading-choices {
  color: #999;
}
.flowform .formatic .fm-field .loading-choices input {
  font-style: italic;
}
.flowform .formatic .fm-field .choices-container {
  background: #fff;
  max-height: 300px;
  width: 100%;
  z-index: 1000;
  overflow-y: auto;
  margin-bottom: 50px;
  border: 0;
  /* Custom Scrollbar for Dropdowns */
}
.flowform .formatic .fm-field .choices-container::-webkit-scrollbar {
  background-color: #fff;
  height: 8px;
  width: 7px;
}
.flowform .formatic .fm-field .choices-container::-webkit-scrollbar-thumb {
  background-color: #ccd3d7;
  border-radius: 5px;
  margin-top: 10px;
}
.flowform .formatic .fm-field .choices-container::-webkit-scrollbar-track {
  background-color: #f7f8f8;
  border-radius: 0;
  width: 10px;
  margin: 2px;
}
.flowform .formatic .fm-field .choices-container::-webkit-scrollbar-corner {
  background-color: #fff;
}
.flowform .formatic .fm-field .choices-container .choices-search__search-icon {
  fill: #969ea2;
  position: absolute;
  top: 12px;
  left: 12px;
}
.flowform .formatic .fm-field .choices-container .choices-search input {
  background: linear-gradient(to bottom, #fff, #f7f9fa);
  color: #5f6c72;
  padding: 9px 8px 7px 2.8em;
  height: 40px;
  min-height: 40px;
  border: 0;
  border-bottom: 1px solid #bfc3c6;
  border-radius: 0;
}
.flowform .formatic .fm-field .choices-container ul.choices {
  margin: 0;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice {
  border-top: 1px solid #dadfe2;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice:first-child {
  border-top: none;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice .action-choice {
  display: flex;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice .action-choice .choice-other-action {
  order: -1;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a {
  cursor: pointer;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a {
  white-space: nowrap;
  overflow: hidden;
  -icab-text-overflow: ellipsis;
  -khtml-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #999;
  display: block;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-section-header {
  display: flex;
  background: #fff;
  padding: 12px 8px 12px 0;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-section-header .choice-name {
  color: #354147;
  font-weight: 600;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-fancy-header {
  float: left;
  margin: 4px 8px;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .empty-choices-section {
  color: #e52f00;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .empty-choices-section .choice-name {
  color: #e52f00;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-section-arrow {
  margin-left: auto;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-section-arrow .svg-icon {
  vertical-align: middle;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-label {
  color: #5f6c72;
  display: inline-block;
  font-weight: 600;
  margin-right: 1%;
  padding: 10px;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-label:only-child {
  max-width: none;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-label.complete-step {
  white-space: nowrap;
  overflow: hidden;
  -icab-text-overflow: ellipsis;
  -khtml-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-sample {
  color: #aeb7bc;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-name {
  color: #354147;
  margin-left: 1%;
  vertical-align: middle;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-step-number {
  margin-right: 2%;
  background-color: #f1f4f5;
  color: #5f6c72;
  display: inline-block;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.7;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-step-number.disabled {
  opacity: 0.4;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .other-options .choice-name {
  margin-left: 0;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a:hover {
  text-decoration: none;
  background: #eef0f2;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-action {
  color: #666;
  float: right;
  margin-top: 12px;
  margin-right: 8px;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a .choice-other-action {
  /* color: #666; */
  float: left;
  margin: 11px 10px 0;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a span.enter-custom-value,
.flowform .formatic .fm-field .choices-container ul.choices li.choice a span.clear-current-choice,
.flowform .formatic .fm-field .choices-container ul.choices li.choice a span.empty-choices,
.flowform .formatic .fm-field .choices-container ul.choices li.choice a span.load-more-choices,
.flowform .formatic .fm-field .choices-container ul.choices li.choice a span.load-external-link {
  padding: 10px 10px 10px 0;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a span.enter-custom-value .title {
  width: 100%;
  display: block;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice a span.enter-custom-value .description {
  font-weight: normal;
  white-space: normal;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice .choice-row {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 12px 8px;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice .choice-row__nest-arrow {
  color: #969ea2;
  margin-right: 10px;
  margin-left: 10px;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice .choice-row__emoji-wrapper {
  margin-right: 2%;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice .choice-row .choice-name {
  white-space: nowrap;
  overflow: hidden;
  -icab-text-overflow: ellipsis;
  -khtml-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #354147;
  font-weight: 600;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice:first-child {
  border-top: 0;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice.hover a {
  background-color: #eef0f2;
}
.flowform .formatic .fm-field .choices-container ul.choices li.choice.hover a .choice-row {
  background-color: #eef0f2;
}
.flowform .formatic .fm-field div.pretty-text-wrapper div.pretty-text-box {
  border-radius: 3px;
}
.flowform .formatic .fm-field div.pretty-text-wrapper .pretty-text-click-wrapper {
  width: 100%;
}
.flowform .formatic .fm-field div.pretty-text-wrapper.choices-open div.insert-button {
  border: 1px solid #bfc3c6;
  border-radius: 0 3px 0 0;
}
.flowform .formatic .fm-field div.pretty-text-wrapper.choices-open div.pretty-text-box {
  border: 1px solid #bfc3c6;
  border-radius: 3px 3px 0 0;
}
.flowform .formatic .fm-field div.fm-pretty-select-value.choices-open .select-arrow,
.flowform .formatic .fm-field div.fm-pretty-select-value:focus .select-arrow {
  border: 1px solid #bfc3c6;
  border-radius: 0 3px 0 0;
}
.flowform .formatic .fm-field div.fm-pretty-select-value.choices-open {
  z-index: 900;
}
.flowform .formatic .fm-field div.fm-pretty-select-value.choices-open .fm-pretty-select-input {
  border-top: 1px solid #bfc3c6;
  border-right: 1px solid #bfc3c6;
  border-left: 1px solid #bfc3c6;
}
.flowform .formatic .fm-field div.fm-pretty-select-value .pretty-text-wrapper.choices-open + .select-arrow {
  border: 1px solid #bfc3c6;
}
.flowform .formatic .fm-field .choices-container {
  border: 1px solid #bfc3c6;
  margin-top: -2px;
  border-radius: 0 0 3px 3px;
}
.flowform .formatic .fm-field .choices-container li.choice a {
  background: #f7f8f8;
}
.flowform .formatic .fm-field-type-fields .fm-label {
  color: #354147;
  font: var(--zds-small-print-3);
  margin: 0 0 5px 0;
}
.flowform .child-fields-group {
  border: 2px solid #eee;
  padding: 40px;
  margin-bottom: 30px;
}
@media (max-width: 600px) {
  .flowform .child-fields-group {
    padding: 20px;
  }
}
.flowform .child-fields-group legend {
  padding: 0 20px;
  margin-left: -20px;
  font-size: 1.3em;
}
.flowform .child-fields-group .read-only-field .label-logo-wrapper span.label-logo,
.flowform .child-fields-group .read-only-field span.required-text,
.flowform .child-fields-group .read-only-field span.not-required-text,
.flowform .child-fields-group .read-only-field .fm-help,
.flowform .child-fields-group .read-only-field div.pretty-text-wrapper div.insert-button {
  display: none;
}
.flowform .child-fields-group .read-only-field:hover .fm-help {
  display: none;
}
.flowform .child-fields-group .read-only-field div.pretty-text-box {
  border: none;
  padding: 0;
}
.flowform .child-fields-group .read-only-field .fm-assoc-list {
  margin-right: 0;
}
.flowform .child-fields-group .read-only-field .fm-assoc-list .fm-assoc-list-item .fm-assoc-list-item-control {
  display: none;
}
.flowform .child-fields-group .read-only-field .fm-assoc-list .fm-assoc-list-control {
  display: none;
}
.flowform .child-fields-group .read-only-field .fm-array {
  margin-right: 0;
}
.flowform .child-fields-group .read-only-field .fm-array .fm-array-item .fm-array-item-control {
  display: none;
}
.flowform .child-fields-group .read-only-field .fm-array .fm-array-control {
  display: none;
}
.flowform .child-fields-group .read-only-field .select-arrow {
  display: none;
}
.flowform .child-fields-group .read-only-field .pretty-text-box,
.flowform .child-fields-group .read-only-field input,
.flowform .child-fields-group .read-only-field .CodeMirror {
  background-color: #fff;
  color: #5f6c72;
  font-weight: normal;
  border: none;
  padding: 0;
  font-family: "Consolas", "Liberation Mono", Courier, monospace;
}
.flowform .fm-field label.inline-checkbox {
  font-size: 13px;
  font-weight: 600;
}
.flowform .fm-field label.inline-checkbox input {
  height: auto;
  width: auto;
  margin-right: 0.7em;
  vertical-align: middle;
}
.flowform__pretty-button {
  height: 45px;
  padding: 15px;
}

.flowform.rule-cell .formatic .fm-field .choices-container,
.flowform .formatic .rule-cell .choices-container {
  max-width: 600px;
  min-width: 300px;
  width: auto;
}
@media (max-width: 600px) {
  .flowform.rule-cell .formatic .fm-field .choices-container,
.flowform .formatic .rule-cell .choices-container {
    width: 100%;
  }
}

.flowform .column .choices-container {
  min-width: 300px;
}

.flowform.readonly-rule input {
  border: 0;
}

.flowform .placeholder .internal-text-wrapper {
  color: #969ea2;
}

.fm-field-type-filter div.pretty-text-wrapper div.pretty-text-box {
  max-height: 150px;
}

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

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

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

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

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  box-sizing: content-box;
}

.CodeMirror-guttermarker {
  color: black;
}

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

/* CURSOR */
.CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid black;
}

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7;
}

.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  animation: blink 1.06s steps(1) infinite;
}
@keyframes blink {
  0% {
    background: #7e7;
  }
  50% {
    background: none;
  }
  100% {
    background: #7e7;
  }
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute;
}

/* DEFAULT THEME */
.cm-s-default .cm-keyword {
  color: #708;
}

.cm-s-default .cm-atom {
  color: #219;
}

.cm-s-default .cm-number {
  color: #164;
}

.cm-s-default .cm-def {
  color: #00f;
}

.cm-s-default .cm-variable-2 {
  color: #05a;
}

.cm-s-default .cm-variable-3 {
  color: #085;
}

.cm-s-default .cm-comment {
  color: #a50;
}

.cm-s-default .cm-string {
  color: #a11;
}

.cm-s-default .cm-string-2 {
  color: #f50;
}

.cm-s-default .cm-meta {
  color: #555;
}

.cm-s-default .cm-qualifier {
  color: #555;
}

.cm-s-default .cm-builtin {
  color: #30a;
}

.cm-s-default .cm-bracket {
  color: #997;
}

.cm-s-default .cm-tag {
  color: #170;
}

.cm-s-default .cm-attribute {
  color: #00c;
}

.cm-s-default .cm-header {
  color: blue;
}

.cm-s-default .cm-quote {
  color: #090;
}

.cm-s-default .cm-hr {
  color: #999;
}

.cm-s-default .cm-link {
  color: #00c;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header,
.cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

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

.cm-invalidchar {
  color: #f00;
}

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22;
}

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

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

.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
  box-sizing: content-box;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actuall scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  box-sizing: content-box;
  display: inline-block;
  margin-bottom: -30px;
  /* Hack to make IE7 behave */
  *zoom: 1;
  *display: inline;
}

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  height: 100%;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
  user-select: none;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */
}

.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
}

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

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

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

.CodeMirror-code {
  outline: none;
}

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

.CodeMirror-measure pre {
  position: static;
}

.CodeMirror div.CodeMirror-cursor {
  position: absolute;
  border-right: none;
  width: 0;
}

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

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

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.CodeMirror-crosshair {
  cursor: crosshair;
}

.CodeMirror ::selection {
  background: #d7d4f0;
}

.CodeMirror ::-moz-selection {
  background: #d7d4f0;
}

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

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span {
  *vertical-align: text-bottom;
}

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

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: "";
}

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

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

.CodeMirror-lines {
  padding: 0 0;
  /* Vertical padding around content */
}

.CodeMirror pre {
  padding: 0 0;
  /* Horizontal padding of content */
}

.CodeMirror:not(.CodeMirror-focused) .cm-trailingspace,
.cm-trailingspace-read-only {
  border-bottom: #ff4a00 solid 1px;
  background-position: bottom left;
  background-repeat: repeat-x;
}

.img128,
.img64,
.img32,
.img16 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background-position: center center;
  background-repeat: no-repeat;
}

.img128 {
  width: 128px;
  height: 128px;
  background-size: 64px 64px;
}

.img64 {
  width: 64px;
  height: 64px;
  background-size: 64px 64px;
}

.img32 {
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
}

.img16 {
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
}

.img16.placeholder,
.PlaceholderAPI16x16,
[class$=EditorPreview-styles--preview] .PlaceholderAPI16x16 {
  background-image: url("/images/placeholder/16x16-new.grey.png");
  background-position: center center;
  background-repeat: no-repeat;
}

.img32.placeholder,
.PlaceholderAPI32x32,
[class$=EditorPreview-styles--preview] .PlaceholderAPI32x32 {
  background-image: url("/images/placeholder/32x32-new.grey.png");
  background-position: center center;
  background-repeat: no-repeat;
}

.img64.placeholder,
.PlaceholderAPI64x64,
[class$=EditorPreview-styles--preview] .PlaceholderAPI64x64 {
  background-image: url("/images/placeholder/64x64-new.grey.png");
  background-position: center center;
  background-repeat: no-repeat;
}

.img128.placeholder,
.PlaceholderAPI128x128,
[class$=EditorPreview-styles--preview] .PlaceholderAPI128x128 {
  background-image: url("/images/placeholder/128x128-new.grey.png");
  background-position: center center;
  background-repeat: no-repeat;
}
:root {
  --zds-radius-none: 0;
  --zds-radius-small: 0.1875rem;
  --zds-radius-medium: 0.3125rem;
  /* Default value */
  --zds-radius-large: 0.5rem;
  --zds-radius-pill: 3.125rem;
  --zds-gray-warm-1: #f9f7f3;
  /* UI Background option */
  --zds-gray-warm-2: #f5f3eb;
  /* UI Background option */
  --zds-gray-warm-3: #ece9df;
  /* UI Background option */
  --zds-gray-warm-4: #d7d3c9;
  /* UI Stroke option */
  --zds-gray-warm-5: #b5b2aa;
  /* UI Stroke option */
  --zds-gray-warm-6: #88827e;
  /* UI Stroke option */
  --zds-gray-warm-7: #6f6765;
  /* UI Text option */
  --zds-gray-warm-8: #574e4c;
  /* UI Text option */
  --zds-gray-warm-9: #413735;
  /* UI Text option */
  --zds-gray-warm-10: #201515;
  /* UI Text option */
  --zds-brand-orange: #ff4f00;
  --zds-brand-earth: #201515;
  --zds-brand-lavender: #c1b7ff;
  --zds-brand-night: #2b2358;
  --zds-brand-almost-white: #fffdf9;
  --zds-brand-peach: #ffbf6e;
  --zds-brand-cream: #fff3e6;
  --zds-brand-bolt: #f6ffdb;
  --zds-brand-neon: #ddff76;
  --zds-brand-sky: #cde4e1;
  --zds-brand-moss: #1f3121;
  /* Unused in product */
  --zds-color-purple-1: #f7f6fd;
  --zds-color-purple-2: #d5d7fc;
  --zds-color-purple-3: #847dfe;
  --zds-color-purple-4: #695be8;
  --zds-color-purple-5: #503ebd;
  --zds-color-yellow-1: #fff8d9;
  /* Background (min 4.5:1 contrast against 4 Text) */
  --zds-color-yellow-2: #f4db6f;
  /* Background (min 4.5:1 contrast against text default) */
  --zds-color-yellow-3: #a88d10;
  /* Stroke (3:1 contrast against background default) */
  --zds-color-yellow-4: #86700b;
  /* Text (4.5:1 contrast against background default) */
  --zds-color-yellow-5: #645304;
  /* Hover (7:1 contrast against background default) */
  --zds-color-red-1: #fff2ef;
  /* Background (min 4.5:1 contrast against 4 Text) */
  --zds-color-red-2: #fdc9c6;
  /* Background (min 4.5:1 contrast against text default) */
  --zds-color-red-3: #f65258;
  /* Stroke (3:1 contrast against background default) */
  --zds-color-red-4: #d12d37;
  /* Text (4.5:1 contrast against background default) */
  --zds-color-red-5: #a81227;
  /* Hover (7:1 contrast against background default) */
  --zds-color-blue-1: #f0f8fc;
  /* Background (min 4.5:1 contrast against 4 Text) */
  --zds-color-blue-2: #aee1fd;
  /* Background (min 4.5:1 contrast against text default) */
  --zds-color-blue-3: #3298c7;
  /* Stroke (3:1 contrast against background default) */
  --zds-color-blue-4: #1979a2;
  /* Text (4.5:1 contrast against background default) */
  --zds-color-blue-5: #035a7b;
  /* Hover (7:1 contrast against background default) */
  --zds-color-orange-1: #fdf7f2;
  /* Background (min 4.5:1 contrast against 4 Text) */
  --zds-color-orange-2: #fdd0ae;
  /* Background (min 4.5:1 contrast against text default) */
  --zds-color-orange-3: #d57601;
  /* Stroke (3:1 contrast against background default) */
  --zds-color-orange-4: #aa5f0e;
  /* Text (4.5:1 contrast against background default) */
  --zds-color-orange-5: #7b4714;
  /* Hover (7:1 contrast against background default) */
  --zds-color-teal-1: #e4fbf7;
  /* Background (min 4.5:1 contrast against 4 Text) */
  --zds-color-teal-2: #a1e5dd;
  /* Background (min 4.5:1 contrast against text default) */
  --zds-color-teal-3: #1a9f94;
  /* Stroke (3:1 contrast against background default) */
  --zds-color-teal-4: #0f7e75;
  /* Text (4.5:1 contrast against background default) */
  --zds-color-teal-5: #125f58;
  /* Hover (7:1 contrast against background default) */
  --zds-color-green-1: #e7ffe7;
  /* Background (min 4.5:1 contrast against 4 Text) */
  --zds-color-green-2: #a7eaaa;
  /* Background (min 4.5:1 contrast against text default) */
  --zds-color-green-3: #2ea343;
  /* Stroke (3:1 contrast against background default) */
  --zds-color-green-4: #0a842a;
  /* Text (4.5:1 contrast against background default) */
  --zds-color-green-5: #156123;
  /* Hover (7:1 contrast against background default) */
  --zds-color-pink-1: #fdf6fb;
  /* Background (min 4.5:1 contrast against 4 Text) */
  --zds-color-pink-2: #feccf2;
  /* Background (min 4.5:1 contrast against text default) */
  --zds-color-pink-3: #d367bd;
  /* Stroke (3:1 contrast against background default) */
  --zds-color-pink-4: #aa509a;
  /* Text (4.5:1 contrast against background default) */
  --zds-color-pink-5: #7c3e70;
  /* Hover (7:1 contrast against background default) */
  --zds-prime-white: #fffdf9;
  --zds-prime-black: #201515;
  --zds-prime-purple: #847dfe;
  --zds-prime-blue: #3298c7;
  --zds-prime-teal: #1a9f94;
  --zds-prime-green: #2ea343;
  --zds-prime-yellow: #a88d10;
  --zds-prime-orange: #d57601;
  --zds-prime-red: #f65258;
  --zds-prime-pink: #d367bd;
  --zds-size-2: 0.125rem;
  --zds-size-4: 0.25rem;
  --zds-size-8: 0.5rem;
  --zds-size-16: 1rem;
  --zds-size-20: 1.25rem;
  --zds-size-24: 1.5rem;
  --zds-size-32: 2rem;
  --zds-size-36: 2.25rem;
  --zds-size-40: 2.5rem;
  --zds-size-48: 3rem;
  --zds-space-0: 0;
  --zds-space-2: 0.125rem;
  --zds-space-4: 0.25rem;
  --zds-space-6: 0.375rem;
  /* Applied only inside a component */
  --zds-space-8: 0.5rem;
  --zds-space-12: 0.75rem;
  --zds-space-16: 1rem;
  --zds-space-20: 1.25rem;
  --zds-space-24: 1.5rem;
  --zds-space-28: 1.75rem;
  --zds-space-32: 2rem;
  --zds-space-36: 2.25rem;
  --zds-space-40: 2.5rem;
  --zds-space-44: 2.75rem;
  --zds-space-48: 3rem;
  --zds-page-header: 600 2.25rem/3rem "Degular Display", var(--zds-typography-heading-display, Helvetica), Helvetica, arial, sans-serif;
  --zds-section-header: 600 1.5rem/2.25rem "Degular Display", var(--zds-typography-heading-display, Helvetica), Helvetica, arial, sans-serif;
  --zds-section-header-multiline: 600 1.5rem/2rem "Degular Display", var(--zds-typography-heading-display, Helvetica), Helvetica, arial, sans-serif;
  --zds-paragraph-header-4: 700 1.125rem/1.5rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-paragraph-header-3: 600 1.125rem/1.5rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-paragraph-header-2: 500 1.125rem/1.5rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-paragraph-header-1: 400 1.125rem/1.5rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-title: 600 1rem/1.25rem "Degular Display", var(--zds-typography-heading-display, Helvetica), Helvetica, arial, sans-serif;
  --zds-body-4: 700 0.875rem/1.5rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-body-4-multiline: 700 0.875rem/1.25rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-body-3: 600 0.875rem/1.5rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-body-3-multiline: 600 0.875rem/1.25rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-body-2: 500 0.875rem/1.5rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-body-2-multiline: 500 0.875rem/1.25rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-body-1: 400 0.875rem/1.5rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-body-1-multiline: 400 0.875rem/1.25rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-small-print-4: 700 0.8125rem/1.25rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-small-print-4-multiline: 700 0.8125rem/1rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-small-print-3: 600 0.8125rem/1.25rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-small-print-3-multiline: 600 0.8125rem/1rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-small-print-2: 500 0.8125rem/1.25rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-small-print-2-multiline: 500 0.8125rem/1rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-small-print-1: 400 0.8125rem/1.25rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-small-print-1-multiline: 400 0.8125rem/1rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-minimal-print-4: 700 0.75rem/1.25rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-minimal-print-4-multiline: 700 0.75rem/1rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-minimal-print-3: 600 0.75rem/1.25rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-minimal-print-3-multiline: 600 0.75rem/1rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-minimal-print-2: 500 0.75rem/1.25rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-minimal-print-2-multiline: 500 0.75rem/1rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-minimal-print-1: 400 0.75rem/1.25rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-minimal-print-1-multiline: 400 0.75rem/1rem Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  --zds-shadow-surface: 0 1px 18px 0 rgba(20,15,15,0.12), 0 6px 10px 0 rgba(20,15,15,0.14), 0 3px 5px -1px rgba(20,15,15,0.2);
  --zds-gradient-gradient-1: linear-gradient(140deg, #ffbf6e 0%, #FEA048 26%, #FF7F24 39%, #ff4f00 50%, #FF5789 61%, #F589DC 74%, #c1b7ff 100%);
  /* Peach - Orange - Lavender */
  --zds-ui-brand-weakest: #fdf5f2;
  --zds-ui-brand-weaker: #fed1c3;
  /* Old value: #FFB999 */
  --zds-ui-brand: #ff4f00;
  --zds-ui-brand-stronger: #cc3f00;
  --zds-ui-brand-strongest: #993109;
  --zds-ui-primary-weakest: #f7f6fd;
  --zds-ui-primary-weaker: #d5d7fc;
  --zds-ui-primary: #847dfe;
  --zds-ui-primary-stronger: #695be8;
  --zds-ui-primary-strongest: #503ebd;
  --zds-status-warning-weakest: #fff8d9;
  --zds-status-warning-weaker: #f4db6f;
  --zds-status-warning: #a88d10;
  --zds-status-warning-stronger: #86700b;
  --zds-status-warning-strongest: #645304;
  --zds-status-error-weakest: #fff2ef;
  --zds-status-error-weaker: #fdc9c6;
  --zds-status-error: #f65258;
  --zds-status-error-stronger: #d12d37;
  --zds-status-error-strongest: #a81227;
  --zds-status-success-weakest: #e7ffe7;
  --zds-status-success-weaker: #a7eaaa;
  --zds-status-success: #2ea343;
  --zds-status-success-stronger: #0a842a;
  --zds-status-success-strongest: #156123;
  --zds-radius-default: 0.3125rem;
  --zds-background-weaker: #fffdf9;
  --zds-background-default: #f9f7f3;
  --zds-background-stronger: #f5f3eb;
  --zds-background-strongest: #ece9df;
  --zds-background-selected: #f7f6fd;
  --zds-background-overlay: rgb(12.5% 8.24% 8.24% / 0.8);
  /* Background for elements displayed on top of the UI */
  --zds-stroke-weaker: #d7d3c9;
  --zds-stroke-default: #b5b2aa;
  --zds-stroke-stronger: #88827e;
  --zds-stroke-selected: #847dfe;
  --zds-reserved-beta: #d5d7fc;
  --zds-reserved-invite: #f6ffdb;
  --zds-reserved-free: #1a9f94;
  --zds-reserved-ai: linear-gradient(140deg, #ffbf6e 0%, #FEA048 26%, #FF7F24 39%, #ff4f00 50%, #FF5789 61%, #F589DC 74%, #c1b7ff 100%);
  --zds-text-weakest: #6f6765;
  --zds-text-weaker: #574e4c;
  --zds-text-default: #413735;
  --zds-text-stronger: #201515;
  --zds-text-link: #695be8;
  --zds-text-link-hover: #503ebd;
  --zds-text-inverted: #fffdf9;
  --zds-size-xsmall: 1.25rem;
  --zds-size-small: 1.5rem;
  --zds-size-medium: 2.25rem;
  --zds-size-large: 3rem;
  --zds-border-width-default: 0.0625rem;
  --zds-border-width-strong: 0.125rem;
  --zds-border-weak: 0.0625rem solid #d7d3c9;
  --zds-border-default: 0.0625rem solid #b5b2aa;
  --zds-border-focus: 0.125rem solid #695be8;
  --zds-inter: Inter, var(--zds-typography-base, Helvetica), Helvetica, arial, sans-serif;
  /* Body copy font */
  --zds-degular: "Degular Display", var(--zds-typography-heading-display, Helvetica), Helvetica, arial, sans-serif;
  /* Big heading */
  --zds-semibold-degular: 600;
  --zds-medium: 500;
  --zds-regular: 400;
  --zds-semi-bold-inter: 600;
  --zds-bold: 700;
  --zds-line-height-large: 3rem;
  --zds-line-height-medium: 2.25rem;
  --zds-line-height-medium-multiline: 2rem;
  --zds-line-height-small: 1.5rem;
  --zds-line-height-small-multiline: 1.25rem;
  --zds-line-height-xsmall: 1.25rem;
  --zds-line-height-xsmall-multiline: 1rem;
  --zds-letter-spacing-header: 0.0625rem;
  --zds-font-size-header-xlarge: 2.25rem;
  --zds-font-size-header-large: 1.5rem;
  --zds-font-size-header: 1.125rem;
  --zds-font-size-title: 1rem;
  /* Marketing purpose */
  --zds-font-size-default: 0.875rem;
  --zds-font-size-small-print: 0.8125rem;
  --zds-font-size-minimal: 0.75rem;
}
@charset "UTF-8";
.svg-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.svg-icon * {
  fill: inherit;
}
.svg-icon--clickable {
  cursor: pointer;
}
.svg-icon--is-error {
  fill: #e52f00;
}
.svg-icon--is-success {
  fill: #13d0ab;
}
.svg-icon--is-warning {
  fill: #ffc43e;
}
.svg-icon--primary {
  fill: #499df3 !important;
}
.svg-icon--branded {
  fill: #ff4a00;
}
.svg-icon--subtle {
  fill: #969ea2 !important;
}
.svg-icon--subtlest {
  fill: #dadfe2 !important;
}
.svg-icon--does-not-exist {
  fill: none;
  stroke: #f00;
  stroke-width: 1px;
}
.svg-icon--spin {
  animation: spin 1.5s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-359deg);
  }
}
.svg-icon > svg {
  display: block;
  width: inherit;
  height: inherit;
}

.icon,
.fa {
  display: inline-block;
  border: 1px solid #f00;
  width: 1em;
  font-size: 14px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
}
.icon::after,
.fa::after {
  content: "\D7";
  color: #f00;
  font-size: 1em;
}
.error-summary {
  display: flex;
}
.error-summary__summary {
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
}
.error-summary .error-summary__icon {
  width: 16px;
  height: 16px;
  fill: #fff;
}
.error-summary__error {
  margin-left: 10px;
}
.error-summary__help {
  margin-top: 5px;
  font-weight: 600;
  opacity: 0.75;
  color: #fff;
  font-size: 1.2rem;
}
.error-summary__list {
  margin: 0;
}
.error-list__item:not(:last-child) {
  margin-bottom: 15px;
}
.error-bar {
  word-break: break-all;
}
.error-bar--standalone {
  padding: 20px;
}
@media (min-width: 900px) {
  .error-bar--standalone {
    padding: 20px 40px 0 40px;
  }
}
.error-bar--smaller {
  padding: 0 20px 30px 20px;
}
@media (min-width: 900px) {
  .error-bar--smaller {
    padding: 0 40px 30px 40px;
  }
}
.error-bar__bar {
  background-color: #e52f00;
  border-radius: 3px;
  color: #fff;
  line-height: 1.3em;
  max-width: 780px;
  margin: 0 auto;
  padding: 1em;
  position: relative;
  z-index: 10;
  padding-right: 2em;
  text-align: left;
}
@media (min-width: 1700px) {
  .error-bar__bar {
    max-width: 100%;
  }
}
.error-bar__bar p:last-child {
  margin-bottom: 0;
}
.error-bar__message {
  margin-top: 1em;
}
.error-bar__close {
  position: absolute;
  right: 1em;
  top: 1em;
  /* increase the click area to about 32x32 */
}
.error-bar__close:hover {
  cursor: pointer;
}
.error-bar__close:after {
  content: "";
  position: absolute;
  top: -7px;
  bottom: -7px;
  left: -10px;
  right: -10px;
}
.error-bar a,
.error-bar a:visited,
.error-bar a:hover,
.error-bar a:active {
  color: inherit;
  text-decoration: underline;
}
.catch-error {
  margin: 20px auto;
  max-width: 1080px;
}
.catch-error__details {
  margin: 0.5rem 1rem;
}
.catch-error__summary {
  cursor: pointer;
}
.catch-error__stack {
  background: rgba(255, 255, 255, 0.1);
  font-size: 10px;
}
.button-group {
  display: flex;
  flex-direction: column;
}
.button-group--block {
  width: 100%;
}
.button-group--reversed {
  flex-direction: column-reverse;
}
.button-group > * {
  flex: none;
  display: block;
  width: 100%;
}
.button-group:not(.button-group--reversed) > *:not(:last-child), .button-group.button-group--reversed > *:not(:first-child) {
  margin: 0 0 1em;
}
.button-group--horizontal {
  align-items: center;
  flex-direction: row;
}
.button-group--horizontal.button-group--reversed {
  flex-direction: row-reverse;
}
.button-group--horizontal > * {
  width: auto;
}
.button-group--horizontal:not(.button-group--reversed) > *:not(:last-child), .button-group--horizontal.button-group--reversed > *:not(:first-child) {
  margin: 0 1em 0 0;
}
.button-group--conjoined-two:not(.button-group--reversed) > *:not(:last-child), .button-group--conjoined-two.button-group--reversed > *:not(:first-child) {
  margin: 0 0;
}
.button-group--conjoined-two *:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.button-group--conjoined-two *:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.button-group--align-stretch {
  align-items: stretch;
}
.button-group--justify-end {
  justify-content: flex-end;
}
.button-group--justify-center {
  justify-content: center;
}
.button-group--justify-between {
  justify-content: space-between;
}
.button-group--flex-buttons > * {
  flex: 1;
}
.button-group--flex-grow-buttons > * {
  flex: 1 0 auto;
}
.react-portal-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(53, 65, 71, 0.9);
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.react-portal-modal .react-portal-modal__inner {
  position: relative;
  border-radius: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  padding: 40px;
  max-width: 600px;
  width: 100%;
  max-height: 100vh;
}
.react-portal-modal .react-portal-modal__inner--form {
  width: auto;
  max-width: 90vw;
  padding: 0;
}
@media (max-width: 700px) {
  .react-portal-modal .react-portal-modal__inner--form {
    width: 100%;
  }
}
.react-portal-modal .react-portal-modal__inner--condensed {
  padding: 15px;
}
.react-portal-modal .react-portal-modal__inner--condensed__actions {
  margin-top: 15px;
}
.react-portal-modal .react-portal-modal__inner--narrow {
  max-width: 500px;
}
.react-portal-modal .react-portal-modal__inner--no-overflow {
  overflow: initial;
}
.react-portal-modal .react-portal-modal__inner--overflow-hidden {
  overflow: hidden;
}
.react-portal-modal__content h1 {
  font-size: 1.8em;
  margin: 0 0 2.5rem 0;
  padding: 0;
}
.react-portal-modal__content h2 {
  margin-bottom: 1.5rem;
  padding: 0;
}
.react-portal-modal__content h4 {
  color: #969ea2;
  font-size: 0.9em;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.react-portal-modal__content p,
.react-portal-modal__content ul {
  color: #5f6c72;
  font-size: 1.1em;
}
.react-portal-modal__content em {
  font-weight: 600;
  font-style: normal;
}
.react-portal-modal__content--smaller h1 {
  font-size: 1em;
}
.react-portal-modal .modal-button {
  margin: 2.5em auto 0 auto;
}
.react-portal-modal .modal-button.center {
  text-align: center;
}
.react-portal-modal__actions {
  margin-top: 3.5rem;
}
.react-portal-modal__actions-button {
  min-width: 12rem;
}
.react-portal-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #969ea2;
}
.react-portal-modal__close:hover {
  color: #5f6c72;
}
.info-block {
  border: 1px solid #dadfe2;
  border-radius: 3px;
  padding: 13px;
  text-align: left;
}
.info-block--bare {
  border: none;
  padding: 0;
}
.info-block--borderless {
  border: none;
}
.info-block--unpadded {
  padding: 0;
}
.info-block--centered {
  text-align: center;
}
.info-block--page {
  background: #fff;
  border: none;
  padding: 13px;
}
@media screen and (min-width: 600px) {
  .info-block--page {
    border: 1px solid #dadfe2;
    padding: 45px;
    margin: 60px auto;
    max-width: 600px;
  }
}
@media screen and (min-width: 700px) {
  .info-block--page.info-block--page-large {
    max-width: 700px;
  }
}
.info-block--note {
  border-left: 7px solid #969ea2;
  background-color: #f1f4f5;
}
.info-block--note-warning {
  border-left: 7px solid #ffc43e;
  background-color: #fff6e1;
}
.info-block__inner {
  padding: 13px;
}
.info-block__icon-wrap {
  display: flex;
  justify-content: center;
  margin: 0 auto 25px;
}
.info-block__icon {
  width: 40px;
  height: 40px;
}
.info-block__image {
  display: block;
  margin: 0 auto 25px;
}
.info-block__pre-title {
  color: #969ea2;
  text-transform: uppercase;
  margin: 0 0 20px;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
}
.info-block__title {
  margin: 0 0 25px;
  padding: 0;
  text-align: center;
  font-size: 22px;
}
.info-block__title--smaller {
  font-size: 20px;
}
.info-block__description {
  color: #5f6c72;
  line-height: 1.5;
  margin: 0 auto 1.5rem;
  font-size: 16px;
  max-width: 440px;
}
.info-block__description:not(:last-child) {
  margin-bottom: 1.5rem;
}
.info-block__description--centered {
  text-align: center;
}
.info-block__description p {
  line-height: inherit;
  margin: 0 0 1em;
}
.info-block__description p:last-child {
  margin-bottom: 0;
}
.info-block__content {
  margin: 0 0 1.5rem;
}
.info-block__content--top-rule {
  border-top: 1px solid #dadfe2;
  padding-top: 1.5rem;
}
.info-block__footer {
  margin-top: 2.5rem;
  display: flex;
  justify-content: center;
}
.info-block__footer--justify-end {
  justify-content: flex-end;
}
.info-block__add-on-footer {
  color: #5f6c72;
  line-height: normal;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top: 1px solid #dadfe2;
  background: #f1f4f5;
  padding: 13px;
}
@keyframes load-progressively {
  0% {
    width: 0%;
  }
  100% {
    width: 99%;
  }
}
.loading-next-route-indicator {
  animation-name: load-progressively;
  animation-duration: 4s;
  animation-delay: 0.4s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.04, 0.96, 0.05, 0.99);
  transition: width 1s ease-in;
  -webkit-user-select: none;
          user-select: none;
  background-color: #ff4a00;
  position: fixed;
  top: 0;
  width: 0%;
  height: 2px;
  z-index: 10100;
}

/*# sourceMappingURL=app.c647d4a690a7830fe32e.css.map*/