@charset "UTF-8";

/* src/styles.scss */
/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
       {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .top-0 {
    top: 0px;
  }
  .top-4 {
    top: 4px;
  }
  .top-16 {
    top: 16px;
  }
  .-right-32 {
    right: calc(32px * -1);
  }
  .right-8 {
    right: 8px;
  }
  .bottom-0 {
    bottom: 0px;
  }
  .left-0 {
    left: 0px;
  }
  .left-16 {
    left: 16px;
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: 0px;
  }
  .mt-16 {
    margin-top: 16px;
  }
  .mr-4 {
    margin-right: 4px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .\!flex {
    display: flex !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .table-cell {
    display: table-cell;
  }
  .table-row {
    display: table-row;
  }
  .h-32 {
    height: 32px;
  }
  .h-128 {
    height: 128px;
  }
  .h-\[225px\] {
    height: 225px;
  }
  .h-full {
    height: 100%;
  }
  .min-h-0 {
    min-height: 0px;
  }
  .w-4 {
    width: 4px;
  }
  .w-32 {
    width: 32px;
  }
  .w-128 {
    width: 128px;
  }
  .w-\[225px\] {
    width: 225px;
  }
  .w-\[600px\] {
    width: 600px;
  }
  .w-full {
    width: 100%;
  }
  .min-w-0 {
    min-width: 0px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-initial {
    flex: 0 auto;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .gap-4 {
    gap: 4px;
  }
  .gap-8 {
    gap: 8px;
  }
  .gap-16 {
    gap: 16px;
  }
  .gap-24 {
    gap: 24px;
  }
  .gap-32 {
    gap: 32px;
  }
  .gap-48 {
    gap: 48px;
  }
  .gap-64 {
    gap: 64px;
  }
  .gap-80 {
    gap: 80px;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .\!rounded-8 {
    border-radius: 8px !important;
  }
  .rounded {
    border-radius: 10px;
  }
  .rounded-8 {
    border-radius: 8px;
  }
  .rounded-16 {
    border-radius: 16px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-full {
    border-radius: 9999px;
  }
  .rounded-r-full {
    border-top-right-radius: calc(infinity * 1px);
    border-bottom-right-radius: calc(infinity * 1px);
  }
  .rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }
  .rounded-br-none {
    border-bottom-right-radius: 0;
  }
  .rounded-br-none {
    border-bottom-right-radius: 0;
  }
  .rounded-bl-none {
    border-bottom-left-radius: 0;
  }
  .rounded-bl-none {
    border-bottom-left-radius: 0;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-space {
    border-color: #f9fafb;
  }
  .border-space-dark {
    border-color: #f3f6f7;
  }
  .border-space-darkest {
    border-color: #dae2e5;
  }
  .bg-admin\/20 {
    background-color: color-mix(in oklab, #a08c00 20%, transparent);
  }
  .bg-primary {
    background-color: #FF8900;
  }
  .bg-space-darkest {
    background-color: #dae2e5;
  }
  .p-16 {
    padding: 16px;
  }
  .p-32 {
    padding: 32px;
  }
  .px-24 {
    padding-inline: 24px;
  }
  .py-16 {
    padding-block: 16px;
  }
  .text-center {
    text-align: center;
  }
  .indent-16 {
    text-indent: 16px;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-admin {
    color: #a08c00;
  }
  .text-beta {
    color: #F65AA5;
  }
  .text-ink-lighter {
    color: #60717f;
  }
  .text-ink-lightest {
    color: #93a0ab;
  }
  .text-primary {
    color: #FF8900;
  }
  .text-questions-ai-interviewer {
    color: #CCC033;
  }
  .text-questions-choice {
    color: #CC66B9;
  }
  .text-questions-choice-check {
    color: #CC6697;
  }
  .text-questions-choice-multi {
    color: #CC66A8;
  }
  .text-questions-choice-picture {
    color: #BD66CC;
  }
  .text-questions-choice-radio {
    color: #CC6686;
  }
  .text-questions-choice-single {
    color: #CC66B9;
  }
  .text-questions-esko-why-finder {
    color: #CCC033;
  }
  .text-questions-file-upload {
    color: #CC785C;
  }
  .text-questions-group {
    color: #446699;
  }
  .text-questions-group-cards {
    color: #446699;
  }
  .text-questions-group-list {
    color: #446699;
  }
  .text-questions-group-scored {
    color: #446699;
  }
  .text-questions-info {
    color: #5547CC;
  }
  .text-questions-input-checkbox {
    color: #CC6697;
  }
  .text-questions-input-dropdown {
    color: #CC6686;
  }
  .text-questions-input-email {
    color: #0EABAD;
  }
  .text-questions-input-number {
    color: #CC9D5C;
  }
  .text-questions-input-numeric {
    color: #CC6675;
  }
  .text-questions-input-phone {
    color: #0EABAD;
  }
  .text-questions-input-string {
    color: #CCA93F;
  }
  .text-questions-input-url {
    color: #CC8B5C;
  }
  .text-questions-rating {
    color: #459972;
  }
  .text-questions-slider {
    color: #459964;
  }
  .text-questions-slider-1d {
    color: #459964;
  }
  .text-questions-slider-1r {
    color: #459980;
  }
  .text-questions-slider-1v {
    color: #459972;
  }
  .text-questions-slider-2d {
    color: #459956;
  }
  .text-questions-slider-e-nps {
    color: #509945;
  }
  .text-questions-slider-nps {
    color: #5E9945;
  }
  .text-warning {
    color: #e5c800;
  }
  .text-warning-dark {
    color: #a08c00;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      visibility,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }
  @media (hover: hover) {
    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }
  }
  @media (hover: hover) {
    .hover\:cursor-pointer:hover {
      cursor: pointer;
    }
  }
  @media (hover: hover) {
    .hover\:bg-space-dark:hover {
      background-color: #f3f6f7;
    }
  }
  @media (hover: hover) {
    .hover\:text-white:hover {
      color: #ffffff;
    }
  }
}
@media print {
  zef-app {
    display: none;
  }
  * {
    visibility: hidden !important;
  }
  .zef-visual .mat-mdc-dialog-container .invoice-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    overflow: visible;
    min-height: 100%;
    background: #fff;
    contain: strict;
  }
  .zef-visual .mat-mdc-dialog-container .invoice-wrapper * {
    visibility: visible !important;
  }
  .zef-visual .mat-mdc-dialog-container .invoice-wrapper button {
    display: none;
  }
}
body,
html {
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 14px;
  font-family: Inter, sans-serif;
  color: #112539;
  background-color: #f9fafb;
}
*:-moz-placeholder {
  font-weight: lighter;
}
*::-moz-placeholder {
  font-weight: lighter;
}
*:-ms-input-placeholder {
  font-weight: lighter;
}
*::-webkit-input-placeholder {
  font-weight: lighter;
}
.zef-visual .z-fx,
.zef-visual .z-fx-bc,
.zef-visual .z-fx-sc,
.zef-visual .z-fx-row,
.zef-visual .z-fx-col {
  display: flex;
  box-sizing: border-box;
}
.zef-visual .z-fx > .z-fx-auto,
.zef-visual .z-fx-bc > .z-fx-auto,
.zef-visual .z-fx-sc > .z-fx-auto,
.zef-visual .z-fx > .z-fx-grow,
.zef-visual .z-fx-bc > .z-fx-grow,
.zef-visual .z-fx-sc > .z-fx-grow,
.zef-visual .z-fx > .z-fx-flex,
.zef-visual .z-fx-bc > .z-fx-flex,
.zef-visual .z-fx-sc > .z-fx-flex,
.zef-visual .z-fx-row > .z-fx-auto,
.zef-visual .z-fx-row > .z-fx-grow,
.zef-visual .z-fx-row > .z-fx-flex {
  min-width: 0;
}
.zef-visual .z-fx.z-fx-reverse,
.zef-visual .z-fx-reverse.z-fx-bc,
.zef-visual .z-fx-reverse.z-fx-sc,
.zef-visual .z-fx-row.z-fx-reverse {
  flex-direction: row-reverse;
}
.zef-visual .z-fx-inline {
  display: inline-flex;
}
.zef-visual .z-fx-col {
  flex-direction: column;
  min-height: 0;
}
.zef-visual .z-fx-col > .z-fx-auto,
.zef-visual .z-fx-col > .z-fx-grow,
.zef-visual .z-fx-col > .z-fx-flex {
  min-height: 0;
}
.zef-visual .z-fx-col.z-fx-reverse {
  flex-direction: column-reverse;
}
.zef-visual .z-fx-wrap {
  flex-wrap: wrap;
}
.zef-visual .z-fx-start-start.z-fx,
.zef-visual .z-fx-start-start.z-fx-bc,
.zef-visual .z-fx-start-start.z-fx-sc,
.zef-visual .z-fx-start-start.z-fx-col {
  align-items: flex-start;
  justify-content: flex-start;
}
.zef-visual .z-fx-start-center.z-fx,
.zef-visual .z-fx-start-center.z-fx-bc,
.zef-visual .z-fx-sc,
.zef-visual .z-fx-start-center.z-fx-col {
  align-items: center;
  justify-content: flex-start;
}
.zef-visual .z-fx-start-end.z-fx,
.zef-visual .z-fx-start-end.z-fx-bc,
.zef-visual .z-fx-start-end.z-fx-sc,
.zef-visual .z-fx-start-end.z-fx-col {
  align-items: flex-end;
  justify-content: flex-start;
}
.zef-visual .z-fx-start-around.z-fx,
.zef-visual .z-fx-start-around.z-fx-bc,
.zef-visual .z-fx-start-around.z-fx-sc,
.zef-visual .z-fx-start-around.z-fx-col {
  align-items: space-around;
  justify-content: flex-start;
}
.zef-visual .z-fx-start-between.z-fx,
.zef-visual .z-fx-start-between.z-fx-bc,
.zef-visual .z-fx-start-between.z-fx-sc,
.zef-visual .z-fx-start-between.z-fx-col {
  align-items: space-between;
  justify-content: flex-start;
}
.zef-visual .z-fx-start-baseline.z-fx,
.zef-visual .z-fx-start-baseline.z-fx-bc,
.zef-visual .z-fx-start-baseline.z-fx-sc,
.zef-visual .z-fx-start-baseline.z-fx-col {
  align-items: baseline;
  justify-content: flex-start;
}
.zef-visual .z-fx-start-stretch.z-fx,
.zef-visual .z-fx-start-stretch.z-fx-bc,
.zef-visual .z-fx-start-stretch.z-fx-sc,
.zef-visual .z-fx-start-stretch.z-fx-col {
  align-items: stretch;
  justify-content: flex-start;
}
.zef-visual .z-fx-center-start.z-fx,
.zef-visual .z-fx-center-start.z-fx-bc,
.zef-visual .z-fx-center-start.z-fx-sc,
.zef-visual .z-fx-center-start.z-fx-col {
  align-items: flex-start;
  justify-content: center;
}
.zef-visual .z-fx-center-center.z-fx,
.zef-visual .z-fx-center-center.z-fx-bc,
.zef-visual .z-fx-center-center.z-fx-sc,
.zef-visual .z-fx-center-center.z-fx-col {
  align-items: center;
  justify-content: center;
}
.zef-visual .z-fx-center-end.z-fx,
.zef-visual .z-fx-center-end.z-fx-bc,
.zef-visual .z-fx-center-end.z-fx-sc,
.zef-visual .z-fx-center-end.z-fx-col {
  align-items: flex-end;
  justify-content: center;
}
.zef-visual .z-fx-center-around.z-fx,
.zef-visual .z-fx-center-around.z-fx-bc,
.zef-visual .z-fx-center-around.z-fx-sc,
.zef-visual .z-fx-center-around.z-fx-col {
  align-items: space-around;
  justify-content: center;
}
.zef-visual .z-fx-center-between.z-fx,
.zef-visual .z-fx-center-between.z-fx-bc,
.zef-visual .z-fx-center-between.z-fx-sc,
.zef-visual .z-fx-center-between.z-fx-col {
  align-items: space-between;
  justify-content: center;
}
.zef-visual .z-fx-center-baseline.z-fx,
.zef-visual .z-fx-center-baseline.z-fx-bc,
.zef-visual .z-fx-center-baseline.z-fx-sc,
.zef-visual .z-fx-center-baseline.z-fx-col {
  align-items: baseline;
  justify-content: center;
}
.zef-visual .z-fx-center-stretch.z-fx,
.zef-visual .z-fx-center-stretch.z-fx-bc,
.zef-visual .z-fx-center-stretch.z-fx-sc,
.zef-visual .z-fx-center-stretch.z-fx-col {
  align-items: stretch;
  justify-content: center;
}
.zef-visual .z-fx-end-start.z-fx,
.zef-visual .z-fx-end-start.z-fx-bc,
.zef-visual .z-fx-end-start.z-fx-sc,
.zef-visual .z-fx-end-start.z-fx-col {
  align-items: flex-start;
  justify-content: flex-end;
}
.zef-visual .z-fx-end-center.z-fx,
.zef-visual .z-fx-end-center.z-fx-bc,
.zef-visual .z-fx-end-center.z-fx-sc,
.zef-visual .z-fx-end-center.z-fx-col {
  align-items: center;
  justify-content: flex-end;
}
.zef-visual .z-fx-end-end.z-fx,
.zef-visual .z-fx-end-end.z-fx-bc,
.zef-visual .z-fx-end-end.z-fx-sc,
.zef-visual .z-fx-end-end.z-fx-col {
  align-items: flex-end;
  justify-content: flex-end;
}
.zef-visual .z-fx-end-around.z-fx,
.zef-visual .z-fx-end-around.z-fx-bc,
.zef-visual .z-fx-end-around.z-fx-sc,
.zef-visual .z-fx-end-around.z-fx-col {
  align-items: space-around;
  justify-content: flex-end;
}
.zef-visual .z-fx-end-between.z-fx,
.zef-visual .z-fx-end-between.z-fx-bc,
.zef-visual .z-fx-end-between.z-fx-sc,
.zef-visual .z-fx-end-between.z-fx-col {
  align-items: space-between;
  justify-content: flex-end;
}
.zef-visual .z-fx-end-baseline.z-fx,
.zef-visual .z-fx-end-baseline.z-fx-bc,
.zef-visual .z-fx-end-baseline.z-fx-sc,
.zef-visual .z-fx-end-baseline.z-fx-col {
  align-items: baseline;
  justify-content: flex-end;
}
.zef-visual .z-fx-end-stretch.z-fx,
.zef-visual .z-fx-end-stretch.z-fx-bc,
.zef-visual .z-fx-end-stretch.z-fx-sc,
.zef-visual .z-fx-end-stretch.z-fx-col {
  align-items: stretch;
  justify-content: flex-end;
}
.zef-visual .z-fx-around-start.z-fx,
.zef-visual .z-fx-around-start.z-fx-bc,
.zef-visual .z-fx-around-start.z-fx-sc,
.zef-visual .z-fx-around-start.z-fx-col {
  align-items: flex-start;
  justify-content: space-around;
}
.zef-visual .z-fx-around-center.z-fx,
.zef-visual .z-fx-around-center.z-fx-bc,
.zef-visual .z-fx-around-center.z-fx-sc,
.zef-visual .z-fx-around-center.z-fx-col {
  align-items: center;
  justify-content: space-around;
}
.zef-visual .z-fx-around-end.z-fx,
.zef-visual .z-fx-around-end.z-fx-bc,
.zef-visual .z-fx-around-end.z-fx-sc,
.zef-visual .z-fx-around-end.z-fx-col {
  align-items: flex-end;
  justify-content: space-around;
}
.zef-visual .z-fx-around-around.z-fx,
.zef-visual .z-fx-around-around.z-fx-bc,
.zef-visual .z-fx-around-around.z-fx-sc,
.zef-visual .z-fx-around-around.z-fx-col {
  align-items: space-around;
  justify-content: space-around;
}
.zef-visual .z-fx-around-between.z-fx,
.zef-visual .z-fx-around-between.z-fx-bc,
.zef-visual .z-fx-around-between.z-fx-sc,
.zef-visual .z-fx-around-between.z-fx-col {
  align-items: space-between;
  justify-content: space-around;
}
.zef-visual .z-fx-around-baseline.z-fx,
.zef-visual .z-fx-around-baseline.z-fx-bc,
.zef-visual .z-fx-around-baseline.z-fx-sc,
.zef-visual .z-fx-around-baseline.z-fx-col {
  align-items: baseline;
  justify-content: space-around;
}
.zef-visual .z-fx-around-stretch.z-fx,
.zef-visual .z-fx-around-stretch.z-fx-bc,
.zef-visual .z-fx-around-stretch.z-fx-sc,
.zef-visual .z-fx-around-stretch.z-fx-col {
  align-items: stretch;
  justify-content: space-around;
}
.zef-visual .z-fx-between-start.z-fx,
.zef-visual .z-fx-between-start.z-fx-bc,
.zef-visual .z-fx-between-start.z-fx-sc,
.zef-visual .z-fx-between-start.z-fx-col {
  align-items: flex-start;
  justify-content: space-between;
}
.zef-visual .z-fx-between-center.z-fx,
.zef-visual .z-fx-bc,
.zef-visual .z-fx-between-center.z-fx-sc,
.zef-visual .z-fx-between-center.z-fx-col {
  align-items: center;
  justify-content: space-between;
}
.zef-visual .z-fx-between-end.z-fx,
.zef-visual .z-fx-between-end.z-fx-bc,
.zef-visual .z-fx-between-end.z-fx-sc,
.zef-visual .z-fx-between-end.z-fx-col {
  align-items: flex-end;
  justify-content: space-between;
}
.zef-visual .z-fx-between-around.z-fx,
.zef-visual .z-fx-between-around.z-fx-bc,
.zef-visual .z-fx-between-around.z-fx-sc,
.zef-visual .z-fx-between-around.z-fx-col {
  align-items: space-around;
  justify-content: space-between;
}
.zef-visual .z-fx-between-between.z-fx,
.zef-visual .z-fx-between-between.z-fx-bc,
.zef-visual .z-fx-between-between.z-fx-sc,
.zef-visual .z-fx-between-between.z-fx-col {
  align-items: space-between;
  justify-content: space-between;
}
.zef-visual .z-fx-between-baseline.z-fx,
.zef-visual .z-fx-between-baseline.z-fx-bc,
.zef-visual .z-fx-between-baseline.z-fx-sc,
.zef-visual .z-fx-between-baseline.z-fx-col {
  align-items: baseline;
  justify-content: space-between;
}
.zef-visual .z-fx-between-stretch.z-fx,
.zef-visual .z-fx-between-stretch.z-fx-bc,
.zef-visual .z-fx-between-stretch.z-fx-sc,
.zef-visual .z-fx-between-stretch.z-fx-col {
  align-items: stretch;
  justify-content: space-between;
}
.zef-visual .z-fx-baseline-start.z-fx,
.zef-visual .z-fx-baseline-start.z-fx-bc,
.zef-visual .z-fx-baseline-start.z-fx-sc,
.zef-visual .z-fx-baseline-start.z-fx-col {
  align-items: flex-start;
  justify-content: baseline;
}
.zef-visual .z-fx-baseline-center.z-fx,
.zef-visual .z-fx-baseline-center.z-fx-bc,
.zef-visual .z-fx-baseline-center.z-fx-sc,
.zef-visual .z-fx-baseline-center.z-fx-col {
  align-items: center;
  justify-content: baseline;
}
.zef-visual .z-fx-baseline-end.z-fx,
.zef-visual .z-fx-baseline-end.z-fx-bc,
.zef-visual .z-fx-baseline-end.z-fx-sc,
.zef-visual .z-fx-baseline-end.z-fx-col {
  align-items: flex-end;
  justify-content: baseline;
}
.zef-visual .z-fx-baseline-around.z-fx,
.zef-visual .z-fx-baseline-around.z-fx-bc,
.zef-visual .z-fx-baseline-around.z-fx-sc,
.zef-visual .z-fx-baseline-around.z-fx-col {
  align-items: space-around;
  justify-content: baseline;
}
.zef-visual .z-fx-baseline-between.z-fx,
.zef-visual .z-fx-baseline-between.z-fx-bc,
.zef-visual .z-fx-baseline-between.z-fx-sc,
.zef-visual .z-fx-baseline-between.z-fx-col {
  align-items: space-between;
  justify-content: baseline;
}
.zef-visual .z-fx-baseline-baseline.z-fx,
.zef-visual .z-fx-baseline-baseline.z-fx-bc,
.zef-visual .z-fx-baseline-baseline.z-fx-sc,
.zef-visual .z-fx-baseline-baseline.z-fx-col {
  align-items: baseline;
  justify-content: baseline;
}
.zef-visual .z-fx-baseline-stretch.z-fx,
.zef-visual .z-fx-baseline-stretch.z-fx-bc,
.zef-visual .z-fx-baseline-stretch.z-fx-sc,
.zef-visual .z-fx-baseline-stretch.z-fx-col {
  align-items: stretch;
  justify-content: baseline;
}
.zef-visual .z-fx-gap-2.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-2.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-2.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 2px;
}
.zef-visual .z-fx-gap-2.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-2.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-2.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 2px;
}
.zef-visual .z-fx-gap-2.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 2px;
}
.zef-visual .z-fx-gap-2.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 2px;
}
.zef-visual .z-fx-gap-4.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-4.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-4.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 4px;
}
.zef-visual .z-fx-gap-4.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-4.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-4.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 4px;
}
.zef-visual .z-fx-gap-4.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 4px;
}
.zef-visual .z-fx-gap-4.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 4px;
}
.zef-visual .z-gap-2 {
  gap: 2px;
}
.zef-visual .z-gap-4 {
  gap: 4px;
}
.zef-visual .z-fx-gap-8.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-8.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-8.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 8px;
}
.zef-visual .z-fx-gap-8.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-8.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-8.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 8px;
}
.zef-visual .z-fx-gap-8.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 8px;
}
.zef-visual .z-fx-gap-8.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 8px;
}
.zef-visual .z-gap-8 {
  gap: 8px;
}
.zef-visual .z-fx-gap-16.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-16.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-16.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 16px;
}
.zef-visual .z-fx-gap-16.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-16.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-16.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 16px;
}
.zef-visual .z-fx-gap-16.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 16px;
}
.zef-visual .z-fx-gap-16.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 16px;
}
.zef-visual .z-gap-16 {
  gap: 16px;
}
.zef-visual .z-fx-gap-24.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-24.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-24.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 24px;
}
.zef-visual .z-fx-gap-24.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-24.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-24.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 24px;
}
.zef-visual .z-fx-gap-24.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 24px;
}
.zef-visual .z-fx-gap-24.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 24px;
}
.zef-visual .z-gap-24 {
  gap: 24px;
}
.zef-visual .z-fx-gap-32.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-32.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-32.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 32px;
}
.zef-visual .z-fx-gap-32.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-32.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-32.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 32px;
}
.zef-visual .z-fx-gap-32.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 32px;
}
.zef-visual .z-fx-gap-32.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 32px;
}
.zef-visual .z-gap-32 {
  gap: 32px;
}
.zef-visual .z-fx-gap-40.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-40.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-40.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 40px;
}
.zef-visual .z-fx-gap-40.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-40.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-40.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 40px;
}
.zef-visual .z-fx-gap-40.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 40px;
}
.zef-visual .z-fx-gap-40.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 40px;
}
.zef-visual .z-gap-40 {
  gap: 40px;
}
.zef-visual .z-fx-gap-48.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-48.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-48.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 48px;
}
.zef-visual .z-fx-gap-48.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-48.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-48.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 48px;
}
.zef-visual .z-fx-gap-48.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 48px;
}
.zef-visual .z-fx-gap-48.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 48px;
}
.zef-visual .z-gap-48 {
  gap: 48px;
}
.zef-visual .z-fx-gap-56.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-56.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-56.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 56px;
}
.zef-visual .z-fx-gap-56.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-56.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-56.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 56px;
}
.zef-visual .z-fx-gap-56.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 56px;
}
.zef-visual .z-fx-gap-56.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 56px;
}
.zef-visual .z-gap-56 {
  gap: 56px;
}
.zef-visual .z-fx-gap-64.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-64.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-64.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 64px;
}
.zef-visual .z-fx-gap-64.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-64.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-64.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 64px;
}
.zef-visual .z-fx-gap-64.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 64px;
}
.zef-visual .z-fx-gap-64.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 64px;
}
.zef-visual .z-gap-64 {
  gap: 64px;
}
.zef-visual .z-fx-gap-72.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-72.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-72.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 72px;
}
.zef-visual .z-fx-gap-72.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-72.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-72.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 72px;
}
.zef-visual .z-fx-gap-72.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 72px;
}
.zef-visual .z-fx-gap-72.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 72px;
}
.zef-visual .z-gap-72 {
  gap: 72px;
}
.zef-visual .z-fx-gap-80.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-80.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-80.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 80px;
}
.zef-visual .z-fx-gap-80.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-80.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-80.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 80px;
}
.zef-visual .z-fx-gap-80.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 80px;
}
.zef-visual .z-fx-gap-80.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 80px;
}
.zef-visual .z-gap-80 {
  gap: 80px;
}
.zef-visual .z-fx-gap-88.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-88.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-88.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 88px;
}
.zef-visual .z-fx-gap-88.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-88.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-88.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 88px;
}
.zef-visual .z-fx-gap-88.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 88px;
}
.zef-visual .z-fx-gap-88.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 88px;
}
.zef-visual .z-gap-88 {
  gap: 88px;
}
.zef-visual .z-fx-gap-96.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-96.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-96.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 96px;
}
.zef-visual .z-fx-gap-96.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-96.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-96.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 96px;
}
.zef-visual .z-fx-gap-96.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 96px;
}
.zef-visual .z-fx-gap-96.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 96px;
}
.zef-visual .z-gap-96 {
  gap: 96px;
}
.zef-visual .z-fx-gap-104.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-104.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-104.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 104px;
}
.zef-visual .z-fx-gap-104.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-104.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-104.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 104px;
}
.zef-visual .z-fx-gap-104.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 104px;
}
.zef-visual .z-fx-gap-104.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 104px;
}
.zef-visual .z-gap-104 {
  gap: 104px;
}
.zef-visual .z-fx-gap-112.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-112.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-112.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 112px;
}
.zef-visual .z-fx-gap-112.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-112.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-112.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 112px;
}
.zef-visual .z-fx-gap-112.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 112px;
}
.zef-visual .z-fx-gap-112.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 112px;
}
.zef-visual .z-gap-112 {
  gap: 112px;
}
.zef-visual .z-fx-gap-120.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-120.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-120.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 120px;
}
.zef-visual .z-fx-gap-120.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-120.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-120.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 120px;
}
.zef-visual .z-fx-gap-120.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 120px;
}
.zef-visual .z-fx-gap-120.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 120px;
}
.zef-visual .z-gap-120 {
  gap: 120px;
}
.zef-visual .z-fx-gap-128.z-fx:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-128.z-fx-bc:not(.z-fx-reverse) > * + *,
.zef-visual .z-fx-gap-128.z-fx-sc:not(.z-fx-reverse) > * + * {
  margin-left: 128px;
}
.zef-visual .z-fx-gap-128.z-fx.z-fx-reverse > * + *,
.zef-visual .z-fx-gap-128.z-fx-reverse.z-fx-bc > * + *,
.zef-visual .z-fx-gap-128.z-fx-reverse.z-fx-sc > * + * {
  margin-right: 128px;
}
.zef-visual .z-fx-gap-128.z-fx-col:not(.z-fx-reverse) > * + * {
  margin-top: 128px;
}
.zef-visual .z-fx-gap-128.z-fx-col.z-fx-reverse > * + * {
  margin-bottom: 128px;
}
.zef-visual .z-gap-128 {
  gap: 128px;
}
.zef-visual .z-fx-grow {
  box-sizing: border-box;
  flex: 1 1 100%;
}
.zef-visual .z-fx-flex {
  box-sizing: border-box;
  flex: 1 1 0%;
}
.zef-visual .z-fx-2-1 {
  box-sizing: border-box;
  flex: 2 1 0%;
}
.zef-visual .z-fx-3-1 {
  box-sizing: border-box;
  flex: 3 1 0%;
}
.zef-visual .z-fx-auto {
  box-sizing: border-box;
  flex: 1 1 auto;
}
.zef-visual .z-fx-50 {
  box-sizing: border-box;
  flex: 1 1 100%;
  max-width: 50%;
}
.zef-visual .z-fx-none {
  box-sizing: border-box;
  flex: 0 0 auto;
}
.zef-visual .z-fx-no-shrink {
  flex-basis: auto;
  flex-shrink: 0;
}
.zef-visual .z-fx-no-grow {
  flex-basis: auto;
  flex-grow: 0;
}
.zef-visual .z-fx-initial {
  box-sizing: border-box;
  flex: 0 1 0%;
}
.zef-visual .z-fx-h100 {
  height: 100%;
}
.zef-visual .z-fx-w100 {
  width: 100%;
}
.zef-visual .z-fx-fill {
  box-sizing: border-box;
  flex: 1 1 auto;
}
.zef-visual .z-fx-fill.z-fx,
.zef-visual .z-fx-fill.z-fx-bc,
.zef-visual .z-fx-fill.z-fx-sc {
  width: 100%;
}
.zef-visual .z-fx-fill.z-fx-col {
  height: 100%;
}
.zef-visual .z-fx-flex-start {
  align-self: flex-start;
}
.zef-visual .z-fx-flex-center {
  align-self: center;
}
.zef-visual .z-fx-flex-end {
  align-self: flex-end;
}
.zef-visual .z-fx-flex-baseline {
  align-self: baseline;
}
.zef-visual .z-fx-flex-stretch {
  align-self: stretch;
}
.zef-visual .z-fx-flex-right {
  margin-left: auto !important;
}
.zef-visual .z-fx-flex-left {
  margin-right: auto !important;
}
.zef-visual .z-fx-min-width {
  min-width: 0;
}
.zef-visual .z-fx-min-height {
  min-height: 0;
}
.zef-visual .z-fx-full-height {
  margin-bottom: 0;
}
.zef-visual .z-fx-overflow-hidden {
  overflow: hidden;
}
.zef-visual .z-fx-fit-content {
  width: fit-content;
  max-width: fit-content;
}
.zef-visual .mat-elevation-z0,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z1,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z2,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z3,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z4,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z5,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z6,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z7,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z8,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z9,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z10,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z11,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z12,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z13,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z14,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z15,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z16,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z17,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z18,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z19,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z20,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z21,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z22,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z23,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.zef-visual .mat-elevation-z24,
.zef-visual .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
.zef-visual html {
  --mat-sys-on-surface: initial;
}
.zef-visual .mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.zef-visual body {
  color-scheme: light;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-sys-primary: #ff8900;
  --mat-sys-surface: #fff;
  --mat-sys-on-primary: #fff;
  --mat-sys-on-surface: #112539;
  --mat-sys-surface-container-high: #fff;
  --mat-sys-error: #d9386c;
  --mat-sys-outline: #dae2e5;
  --mat-sys-outline-variant: #dae2e5;
}
.zef-visual body .mat-ripple {
  display: none;
}
.zef-visual .zef-bgcolor-emails {
  color: #fff;
  background-color: #cf1196;
}
.zef-visual .zef-bgcolor-light-emails {
  background-color: #e6b7d8;
}
.zef-visual .zef-bgcolor-lighter-emails {
  background-color: #faf0f7;
}
.zef-visual .zef-hyper-link.zef-color-emails,
.zef-visual .zef-color-emails {
  color: #cf1196;
}
.zef-visual .zef-hyper-link.zef-color-emails.zef-color-important,
.zef-visual .zef-color-emails.zef-color-important {
  color: #cf1196 !important;
}
.zef-visual .zef-bgcolor-emails-10 {
  color: #fff;
  background-color: rgba(207, 17, 150, 0.1);
}
.zef-visual .zef-color-emails-10 {
  color: rgba(207, 17, 150, 0.1);
}
.zef-visual .zef-bgcolor-emails-20 {
  color: #fff;
  background-color: rgba(207, 17, 150, 0.2);
}
.zef-visual .zef-color-emails-20 {
  color: rgba(207, 17, 150, 0.2);
}
.zef-visual .zef-bgcolor-emails-30 {
  color: #fff;
  background-color: rgba(207, 17, 150, 0.3);
}
.zef-visual .zef-color-emails-30 {
  color: rgba(207, 17, 150, 0.3);
}
.zef-visual .zef-bgcolor-emails-50 {
  color: #fff;
  background-color: rgba(207, 17, 150, 0.5);
}
.zef-visual .zef-color-emails-50 {
  color: rgba(207, 17, 150, 0.5);
}
.zef-visual .zef-bgcolor-emails-lighter {
  background-color: #faf0f7;
}
.zef-visual .zef-color-emails-lighter {
  color: #faf0f7;
}
.zef-visual .zef-bgcolor-emails-light {
  background-color: #e6b7d8;
}
.zef-visual .zef-color-emails-light {
  color: #e6b7d8;
}
.zef-visual .zef-bgcolor-emails-dark {
  background-color: #910c69;
}
.zef-visual .zef-color-emails-dark {
  color: #910c69;
}
.zef-visual .zef-bgcolor-emails-darker {
  background-color: #3d052c;
}
.zef-visual .zef-color-emails-darker {
  color: #3d052c;
}
.zef-visual .zef-bgcolor-sms {
  color: #fff;
  background-color: #5ca600;
}
.zef-visual .zef-bgcolor-lighter-sms {
  background-color: #f0f7e5;
}
.zef-visual .zef-hyper-link.zef-color-sms,
.zef-visual .zef-color-sms {
  color: #5ca600;
}
.zef-visual .zef-hyper-link.zef-color-sms.zef-color-important,
.zef-visual .zef-color-sms.zef-color-important {
  color: #5ca600 !important;
}
.zef-visual .zef-bgcolor-sms-10 {
  color: #fff;
  background-color: rgba(92, 166, 0, 0.1);
}
.zef-visual .zef-color-sms-10 {
  color: rgba(92, 166, 0, 0.1);
}
.zef-visual .zef-bgcolor-sms-20 {
  color: #fff;
  background-color: rgba(92, 166, 0, 0.2);
}
.zef-visual .zef-color-sms-20 {
  color: rgba(92, 166, 0, 0.2);
}
.zef-visual .zef-bgcolor-sms-30 {
  color: #fff;
  background-color: rgba(92, 166, 0, 0.3);
}
.zef-visual .zef-color-sms-30 {
  color: rgba(92, 166, 0, 0.3);
}
.zef-visual .zef-bgcolor-sms-50 {
  color: #fff;
  background-color: rgba(92, 166, 0, 0.5);
}
.zef-visual .zef-color-sms-50 {
  color: rgba(92, 166, 0, 0.5);
}
.zef-visual .zef-bgcolor-sms-lighter {
  background-color: #f0f7e5;
}
.zef-visual .zef-color-sms-lighter {
  color: #f0f7e5;
}
.zef-visual .zef-bgcolor-sms-dark {
  background-color: #345f02;
}
.zef-visual .zef-color-sms-dark {
  color: #345f02;
}
.zef-visual .zef-bgcolor-sms-darker {
  background-color: #5ca600;
}
.zef-visual .zef-color-sms-darker {
  color: #5ca600;
}
.zef-visual .zef-bgcolor-responses {
  color: #fff;
  background-color: #7d15ed;
}
.zef-visual .zef-bgcolor-light-responses {
  background-color: #f2e8fd;
}
.zef-visual .zef-bgcolor-lighter-responses {
  background-color: #f9f3fe;
}
.zef-visual .zef-hyper-link.zef-color-responses,
.zef-visual .zef-color-responses {
  color: #7d15ed;
}
.zef-visual .zef-hyper-link.zef-color-responses.zef-color-important,
.zef-visual .zef-color-responses.zef-color-important {
  color: #7d15ed !important;
}
.zef-visual .zef-bgcolor-responses-10 {
  color: #fff;
  background-color: rgba(125, 21, 237, 0.1);
}
.zef-visual .zef-color-responses-10 {
  color: rgba(125, 21, 237, 0.1);
}
.zef-visual .zef-bgcolor-responses-20 {
  color: #fff;
  background-color: rgba(125, 21, 237, 0.2);
}
.zef-visual .zef-color-responses-20 {
  color: rgba(125, 21, 237, 0.2);
}
.zef-visual .zef-bgcolor-responses-30 {
  color: #fff;
  background-color: rgba(125, 21, 237, 0.3);
}
.zef-visual .zef-color-responses-30 {
  color: rgba(125, 21, 237, 0.3);
}
.zef-visual .zef-bgcolor-responses-50 {
  color: #fff;
  background-color: rgba(125, 21, 237, 0.5);
}
.zef-visual .zef-color-responses-50 {
  color: rgba(125, 21, 237, 0.5);
}
.zef-visual .zef-bgcolor-responses-lighter {
  background-color: #f9f3fe;
}
.zef-visual .zef-color-responses-lighter {
  color: #f9f3fe;
}
.zef-visual .zef-bgcolor-responses-light {
  background-color: #f2e8fd;
}
.zef-visual .zef-color-responses-light {
  color: #f2e8fd;
}
.zef-visual .zef-bgcolor-responses-dark {
  background-color: #580fa6;
}
.zef-visual .zef-color-responses-dark {
  color: #580fa6;
}
.zef-visual .zef-bgcolor-responses-darker {
  background-color: #250647;
}
.zef-visual .zef-color-responses-darker {
  color: #250647;
}
.zef-visual .zef-bgcolor-contacts {
  color: #fff;
  background-color: #0bc;
}
.zef-visual .zef-bgcolor-light-contacts {
  background-color: #ccf1f5;
}
.zef-visual .zef-bgcolor-lighter-contacts {
  background-color: #e5f9fa;
}
.zef-visual .zef-hyper-link.zef-color-contacts,
.zef-visual .zef-color-contacts {
  color: #0bc;
}
.zef-visual .zef-hyper-link.zef-color-contacts.zef-color-important,
.zef-visual .zef-color-contacts.zef-color-important {
  color: #0bc !important;
}
.zef-visual .zef-bgcolor-contacts-10 {
  color: #fff;
  background-color: rgba(0, 187, 204, 0.1);
}
.zef-visual .zef-color-contacts-10 {
  color: rgba(0, 187, 204, 0.1);
}
.zef-visual .zef-bgcolor-contacts-20 {
  color: #fff;
  background-color: rgba(0, 187, 204, 0.2);
}
.zef-visual .zef-color-contacts-20 {
  color: rgba(0, 187, 204, 0.2);
}
.zef-visual .zef-bgcolor-contacts-30 {
  color: #fff;
  background-color: rgba(0, 187, 204, 0.3);
}
.zef-visual .zef-color-contacts-30 {
  color: rgba(0, 187, 204, 0.3);
}
.zef-visual .zef-bgcolor-contacts-50 {
  color: #fff;
  background-color: rgba(0, 187, 204, 0.5);
}
.zef-visual .zef-color-contacts-50 {
  color: rgba(0, 187, 204, 0.5);
}
.zef-visual .zef-bgcolor-contacts-lighter {
  background-color: #e5f9fa;
}
.zef-visual .zef-color-contacts-lighter {
  color: #e5f9fa;
}
.zef-visual .zef-bgcolor-contacts-light {
  background-color: #ccf1f5;
}
.zef-visual .zef-color-contacts-light {
  color: #ccf1f5;
}
.zef-visual .zef-bgcolor-contacts-dark {
  background-color: #00818c;
}
.zef-visual .zef-color-contacts-dark {
  color: #00818c;
}
.zef-visual .zef-bgcolor-contacts-darker {
  background-color: #00464d;
}
.zef-visual .zef-color-contacts-darker {
  color: #00464d;
}
.zef-visual .zef-bgcolor-promo {
  color: #fff;
  background-color: #0da9ab;
}
.zef-visual .zef-bgcolor-lighter-promo {
  background-color: #0da9ab;
}
.zef-visual .zef-hyper-link.zef-color-promo,
.zef-visual .zef-color-promo {
  color: #0da9ab;
}
.zef-visual .zef-hyper-link.zef-color-promo.zef-color-important,
.zef-visual .zef-color-promo.zef-color-important {
  color: #0da9ab !important;
}
.zef-visual .zef-bgcolor-promo-10 {
  color: #fff;
  background-color: rgba(13, 169, 171, 0.1);
}
.zef-visual .zef-color-promo-10 {
  color: rgba(13, 169, 171, 0.1);
}
.zef-visual .zef-bgcolor-promo-20 {
  color: #fff;
  background-color: rgba(13, 169, 171, 0.2);
}
.zef-visual .zef-color-promo-20 {
  color: rgba(13, 169, 171, 0.2);
}
.zef-visual .zef-bgcolor-promo-30 {
  color: #fff;
  background-color: rgba(13, 169, 171, 0.3);
}
.zef-visual .zef-color-promo-30 {
  color: rgba(13, 169, 171, 0.3);
}
.zef-visual .zef-bgcolor-promo-50 {
  color: #fff;
  background-color: rgba(13, 169, 171, 0.5);
}
.zef-visual .zef-color-promo-50 {
  color: rgba(13, 169, 171, 0.5);
}
.zef-visual .zef-bgcolor-promo-lighter {
  background-color: #0da9ab;
}
.zef-visual .zef-color-promo-lighter {
  color: #0da9ab;
}
.zef-visual .zef-bgcolor-promo-darker {
  background-color: #0da9ab;
}
.zef-visual .zef-color-promo-darker {
  color: #0da9ab;
}
.zef-visual .zef-bgcolor-space {
  color: #112539;
  background-color: #f9fafb;
}
.zef-visual .zef-bgcolor-lighter-space {
  background-color: #f9fafb;
}
.zef-visual .zef-hyper-link.zef-color-space,
.zef-visual .zef-color-space {
  color: #f9fafb;
}
.zef-visual .zef-hyper-link.zef-color-space.zef-color-important,
.zef-visual .zef-color-space.zef-color-important {
  color: #f9fafb !important;
}
.zef-visual .zef-bgcolor-space-10 {
  color: #112539;
  background-color: rgba(249, 250, 251, 0.1);
}
.zef-visual .zef-color-space-10 {
  color: rgba(249, 250, 251, 0.1);
}
.zef-visual .zef-bgcolor-space-20 {
  color: #112539;
  background-color: rgba(249, 250, 251, 0.2);
}
.zef-visual .zef-color-space-20 {
  color: rgba(249, 250, 251, 0.2);
}
.zef-visual .zef-bgcolor-space-30 {
  color: #112539;
  background-color: rgba(249, 250, 251, 0.3);
}
.zef-visual .zef-color-space-30 {
  color: rgba(249, 250, 251, 0.3);
}
.zef-visual .zef-bgcolor-space-50 {
  color: #112539;
  background-color: rgba(249, 250, 251, 0.5);
}
.zef-visual .zef-color-space-50 {
  color: rgba(249, 250, 251, 0.5);
}
.zef-visual .zef-bgcolor-space-lighter {
  background-color: #f9fafb;
}
.zef-visual .zef-color-space-lighter {
  color: #f9fafb;
}
.zef-visual .zef-bgcolor-space-dark {
  background-color: #f3f6f7;
}
.zef-visual .zef-color-space-dark {
  color: #f3f6f7;
}
.zef-visual .zef-bgcolor-space-darker {
  background-color: #eaeff1;
}
.zef-visual .zef-color-space-darker {
  color: #eaeff1;
}
.zef-visual .zef-bgcolor-embed {
  color: #fff;
  background-color: #118fcf;
}
.zef-visual .zef-bgcolor-lighter-embed {
  background-color: #118fcf;
}
.zef-visual .zef-hyper-link.zef-color-embed,
.zef-visual .zef-color-embed {
  color: #118fcf;
}
.zef-visual .zef-hyper-link.zef-color-embed.zef-color-important,
.zef-visual .zef-color-embed.zef-color-important {
  color: #118fcf !important;
}
.zef-visual .zef-bgcolor-embed-10 {
  color: #fff;
  background-color: rgba(17, 143, 207, 0.1);
}
.zef-visual .zef-color-embed-10 {
  color: rgba(17, 143, 207, 0.1);
}
.zef-visual .zef-bgcolor-embed-20 {
  color: #fff;
  background-color: rgba(17, 143, 207, 0.2);
}
.zef-visual .zef-color-embed-20 {
  color: rgba(17, 143, 207, 0.2);
}
.zef-visual .zef-bgcolor-embed-30 {
  color: #fff;
  background-color: rgba(17, 143, 207, 0.3);
}
.zef-visual .zef-color-embed-30 {
  color: rgba(17, 143, 207, 0.3);
}
.zef-visual .zef-bgcolor-embed-50 {
  color: #fff;
  background-color: rgba(17, 143, 207, 0.5);
}
.zef-visual .zef-color-embed-50 {
  color: rgba(17, 143, 207, 0.5);
}
.zef-visual .zef-bgcolor-embed-lighter {
  background-color: #118fcf;
}
.zef-visual .zef-color-embed-lighter {
  color: #118fcf;
}
.zef-visual .zef-bgcolor-embed-darker {
  background-color: #118fcf;
}
.zef-visual .zef-color-embed-darker {
  color: #118fcf;
}
.zef-visual .zef-bgcolor-popup {
  color: #fff;
  background-color: #00afeb;
}
.zef-visual .zef-bgcolor-lighter-popup {
  background-color: #00afeb;
}
.zef-visual .zef-hyper-link.zef-color-popup,
.zef-visual .zef-color-popup {
  color: #00afeb;
}
.zef-visual .zef-hyper-link.zef-color-popup.zef-color-important,
.zef-visual .zef-color-popup.zef-color-important {
  color: #00afeb !important;
}
.zef-visual .zef-bgcolor-popup-10 {
  color: #fff;
  background-color: rgba(0, 175, 235, 0.1);
}
.zef-visual .zef-color-popup-10 {
  color: rgba(0, 175, 235, 0.1);
}
.zef-visual .zef-bgcolor-popup-20 {
  color: #fff;
  background-color: rgba(0, 175, 235, 0.2);
}
.zef-visual .zef-color-popup-20 {
  color: rgba(0, 175, 235, 0.2);
}
.zef-visual .zef-bgcolor-popup-30 {
  color: #fff;
  background-color: rgba(0, 175, 235, 0.3);
}
.zef-visual .zef-color-popup-30 {
  color: rgba(0, 175, 235, 0.3);
}
.zef-visual .zef-bgcolor-popup-50 {
  color: #fff;
  background-color: rgba(0, 175, 235, 0.5);
}
.zef-visual .zef-color-popup-50 {
  color: rgba(0, 175, 235, 0.5);
}
.zef-visual .zef-bgcolor-popup-lighter {
  background-color: #00afeb;
}
.zef-visual .zef-color-popup-lighter {
  color: #00afeb;
}
.zef-visual .zef-bgcolor-popup-darker {
  background-color: #00afeb;
}
.zef-visual .zef-color-popup-darker {
  color: #00afeb;
}
.zef-visual .zef-bgcolor-vibrant {
  color: #fff;
  background-color: #ef5d65;
}
.zef-visual .zef-bgcolor-light-vibrant {
  background-color: #fdeced;
}
.zef-visual .zef-bgcolor-lighter-vibrant {
  background-color: #fef5f6;
}
.zef-visual .zef-hyper-link.zef-color-vibrant,
.zef-visual .zef-color-vibrant {
  color: #ef5d65;
}
.zef-visual .zef-hyper-link.zef-color-vibrant.zef-color-important,
.zef-visual .zef-color-vibrant.zef-color-important {
  color: #ef5d65 !important;
}
.zef-visual .zef-bgcolor-vibrant-10 {
  color: #fff;
  background-color: rgba(239, 93, 101, 0.1);
}
.zef-visual .zef-color-vibrant-10 {
  color: rgba(239, 93, 101, 0.1);
}
.zef-visual .zef-bgcolor-vibrant-20 {
  color: #fff;
  background-color: rgba(239, 93, 101, 0.2);
}
.zef-visual .zef-color-vibrant-20 {
  color: rgba(239, 93, 101, 0.2);
}
.zef-visual .zef-bgcolor-vibrant-30 {
  color: #fff;
  background-color: rgba(239, 93, 101, 0.3);
}
.zef-visual .zef-color-vibrant-30 {
  color: rgba(239, 93, 101, 0.3);
}
.zef-visual .zef-bgcolor-vibrant-50 {
  color: #fff;
  background-color: rgba(239, 93, 101, 0.5);
}
.zef-visual .zef-color-vibrant-50 {
  color: rgba(239, 93, 101, 0.5);
}
.zef-visual .zef-bgcolor-vibrant-lighter {
  background-color: #fef5f6;
}
.zef-visual .zef-color-vibrant-lighter {
  color: #fef5f6;
}
.zef-visual .zef-bgcolor-vibrant-light {
  background-color: #fdeced;
}
.zef-visual .zef-color-vibrant-light {
  color: #fdeced;
}
.zef-visual .zef-bgcolor-vibrant-dark {
  background-color: #bd4044;
}
.zef-visual .zef-color-vibrant-dark {
  color: #bd4044;
}
.zef-visual .zef-bgcolor-vibrant-darker {
  background-color: #4d0003;
}
.zef-visual .zef-color-vibrant-darker {
  color: #4d0003;
}
.zef-visual .zef-bgcolor-link {
  color: #fff;
  background-color: #1143cf;
}
.zef-visual .zef-bgcolor-lighter-link {
  background-color: #1143cf;
}
.zef-visual .zef-hyper-link.zef-color-link,
.zef-visual .zef-color-link {
  color: #1143cf;
}
.zef-visual .zef-hyper-link.zef-color-link.zef-color-important,
.zef-visual .zef-color-link.zef-color-important {
  color: #1143cf !important;
}
.zef-visual .zef-bgcolor-link-10 {
  color: #fff;
  background-color: rgba(17, 67, 207, 0.1);
}
.zef-visual .zef-color-link-10 {
  color: rgba(17, 67, 207, 0.1);
}
.zef-visual .zef-bgcolor-link-20 {
  color: #fff;
  background-color: rgba(17, 67, 207, 0.2);
}
.zef-visual .zef-color-link-20 {
  color: rgba(17, 67, 207, 0.2);
}
.zef-visual .zef-bgcolor-link-30 {
  color: #fff;
  background-color: rgba(17, 67, 207, 0.3);
}
.zef-visual .zef-color-link-30 {
  color: rgba(17, 67, 207, 0.3);
}
.zef-visual .zef-bgcolor-link-50 {
  color: #fff;
  background-color: rgba(17, 67, 207, 0.5);
}
.zef-visual .zef-color-link-50 {
  color: rgba(17, 67, 207, 0.5);
}
.zef-visual .zef-bgcolor-link-lighter {
  background-color: #1143cf;
}
.zef-visual .zef-color-link-lighter {
  color: #1143cf;
}
.zef-visual .zef-bgcolor-link-darker {
  background-color: #1143cf;
}
.zef-visual .zef-color-link-darker {
  color: #1143cf;
}
.zef-visual .zef-bgcolor-ink {
  color: #fff;
  background-color: #112539;
}
.zef-visual .zef-bgcolor-light-ink {
  background-color: #495c6c;
}
.zef-visual .zef-bgcolor-lighter-ink {
  background-color: #60717f;
}
.zef-visual .zef-hyper-link.zef-color-ink,
.zef-visual .zef-color-ink {
  color: #112539;
}
.zef-visual .zef-hyper-link.zef-color-ink.zef-color-important,
.zef-visual .zef-color-ink.zef-color-important {
  color: #112539 !important;
}
.zef-visual .zef-bgcolor-ink-10 {
  color: #fff;
  background-color: rgba(17, 37, 57, 0.1);
}
.zef-visual .zef-color-ink-10 {
  color: rgba(17, 37, 57, 0.1);
}
.zef-visual .zef-bgcolor-ink-20 {
  color: #fff;
  background-color: rgba(17, 37, 57, 0.2);
}
.zef-visual .zef-color-ink-20 {
  color: rgba(17, 37, 57, 0.2);
}
.zef-visual .zef-bgcolor-ink-30 {
  color: #fff;
  background-color: rgba(17, 37, 57, 0.3);
}
.zef-visual .zef-color-ink-30 {
  color: rgba(17, 37, 57, 0.3);
}
.zef-visual .zef-bgcolor-ink-50 {
  color: #fff;
  background-color: rgba(17, 37, 57, 0.5);
}
.zef-visual .zef-color-ink-50 {
  color: rgba(17, 37, 57, 0.5);
}
.zef-visual .zef-bgcolor-ink-5 {
  color: #fff;
  background-color: rgba(17, 37, 57, 0.05);
}
.zef-visual .zef-color-ink-5 {
  color: rgba(17, 37, 57, 0.05);
}
.zef-visual .zef-bgcolor-ink-15 {
  color: #fff;
  background-color: rgba(17, 37, 57, 0.15);
}
.zef-visual .zef-color-ink-15 {
  color: rgba(17, 37, 57, 0.15);
}
.zef-visual .zef-bgcolor-ink-95 {
  color: #fff;
  background-color: rgba(17, 37, 57, 0.95);
}
.zef-visual .zef-color-ink-95 {
  color: rgba(17, 37, 57, 0.95);
}
.zef-visual .zef-bgcolor-ink-lighter {
  background-color: #60717f;
}
.zef-visual .zef-color-ink-lighter {
  color: #60717f;
}
.zef-visual .zef-bgcolor-ink-light {
  background-color: #495c6c;
}
.zef-visual .zef-color-ink-light {
  color: #495c6c;
}
.zef-visual .zef-bgcolor-ink-darker {
  background-color: #112539;
}
.zef-visual .zef-color-ink-darker {
  color: #112539;
}
.zef-visual .zef-bgcolor-stealth {
  color: #fff;
  background-color: #495c6c;
}
.zef-visual .zef-bgcolor-lighter-stealth {
  background-color: #495c6c;
}
.zef-visual .zef-hyper-link.zef-color-stealth,
.zef-visual .zef-color-stealth {
  color: #495c6c;
}
.zef-visual .zef-hyper-link.zef-color-stealth.zef-color-important,
.zef-visual .zef-color-stealth.zef-color-important {
  color: #495c6c !important;
}
.zef-visual .zef-bgcolor-stealth-10 {
  color: #fff;
  background-color: rgba(73, 92, 108, 0.1);
}
.zef-visual .zef-color-stealth-10 {
  color: rgba(73, 92, 108, 0.1);
}
.zef-visual .zef-bgcolor-stealth-20 {
  color: #fff;
  background-color: rgba(73, 92, 108, 0.2);
}
.zef-visual .zef-color-stealth-20 {
  color: rgba(73, 92, 108, 0.2);
}
.zef-visual .zef-bgcolor-stealth-30 {
  color: #fff;
  background-color: rgba(73, 92, 108, 0.3);
}
.zef-visual .zef-color-stealth-30 {
  color: rgba(73, 92, 108, 0.3);
}
.zef-visual .zef-bgcolor-stealth-50 {
  color: #fff;
  background-color: rgba(73, 92, 108, 0.5);
}
.zef-visual .zef-color-stealth-50 {
  color: rgba(73, 92, 108, 0.5);
}
.zef-visual .zef-bgcolor-stealth-lighter {
  background-color: #495c6c;
}
.zef-visual .zef-color-stealth-lighter {
  color: #495c6c;
}
.zef-visual .zef-bgcolor-stealth-darker {
  background-color: #495c6c;
}
.zef-visual .zef-color-stealth-darker {
  color: #495c6c;
}
.zef-visual .zef-bgcolor-accent {
  color: #fff;
  background-color: #d21a85;
}
.zef-visual .zef-bgcolor-light-accent {
  background-color: #fdf4f9;
}
.zef-visual .zef-bgcolor-lighter-accent {
  background-color: #fae8f3;
}
.zef-visual .zef-hyper-link.zef-color-accent,
.zef-visual .zef-color-accent {
  color: #d21a85;
}
.zef-visual .zef-hyper-link.zef-color-accent.zef-color-important,
.zef-visual .zef-color-accent.zef-color-important {
  color: #d21a85 !important;
}
.zef-visual .zef-bgcolor-accent-10 {
  color: #fff;
  background-color: rgba(210, 26, 133, 0.1);
}
.zef-visual .zef-color-accent-10 {
  color: rgba(210, 26, 133, 0.1);
}
.zef-visual .zef-bgcolor-accent-20 {
  color: #fff;
  background-color: rgba(210, 26, 133, 0.2);
}
.zef-visual .zef-color-accent-20 {
  color: rgba(210, 26, 133, 0.2);
}
.zef-visual .zef-bgcolor-accent-30 {
  color: #fff;
  background-color: rgba(210, 26, 133, 0.3);
}
.zef-visual .zef-color-accent-30 {
  color: rgba(210, 26, 133, 0.3);
}
.zef-visual .zef-bgcolor-accent-50 {
  color: #fff;
  background-color: rgba(210, 26, 133, 0.5);
}
.zef-visual .zef-color-accent-50 {
  color: rgba(210, 26, 133, 0.5);
}
.zef-visual .zef-bgcolor-accent-lighter {
  background-color: #fae8f3;
}
.zef-visual .zef-color-accent-lighter {
  color: #fae8f3;
}
.zef-visual .zef-bgcolor-accent-light {
  background-color: #fdf4f9;
}
.zef-visual .zef-color-accent-light {
  color: #fdf4f9;
}
.zef-visual .zef-bgcolor-accent-dark {
  background-color: #93125d;
}
.zef-visual .zef-color-accent-dark {
  color: #93125d;
}
.zef-visual .zef-bgcolor-accent-darker {
  background-color: #350721;
}
.zef-visual .zef-color-accent-darker {
  color: #350721;
}
.zef-visual .zef-bgcolor-primary {
  color: #fff;
  background-color: #ff8900;
}
.zef-visual .zef-bgcolor-light-primary {
  background-color: #fff9f2;
}
.zef-visual .zef-bgcolor-lighter-primary {
  background-color: #fff3e5;
}
.zef-visual .zef-hyper-link.zef-color-primary,
.zef-visual .zef-color-primary {
  color: #ff8900;
}
.zef-visual .zef-hyper-link.zef-color-primary.zef-color-important,
.zef-visual .zef-color-primary.zef-color-important {
  color: #ff8900 !important;
}
.zef-visual .zef-bgcolor-primary-10 {
  color: #fff;
  background-color: rgba(255, 137, 0, 0.1);
}
.zef-visual .zef-color-primary-10 {
  color: rgba(255, 137, 0, 0.1);
}
.zef-visual .zef-bgcolor-primary-20 {
  color: #fff;
  background-color: rgba(255, 137, 0, 0.2);
}
.zef-visual .zef-color-primary-20 {
  color: rgba(255, 137, 0, 0.2);
}
.zef-visual .zef-bgcolor-primary-30 {
  color: #fff;
  background-color: rgba(255, 137, 0, 0.3);
}
.zef-visual .zef-color-primary-30 {
  color: rgba(255, 137, 0, 0.3);
}
.zef-visual .zef-bgcolor-primary-50 {
  color: #fff;
  background-color: rgba(255, 137, 0, 0.5);
}
.zef-visual .zef-color-primary-50 {
  color: rgba(255, 137, 0, 0.5);
}
.zef-visual .zef-bgcolor-primary-lighter {
  background-color: #fff3e5;
}
.zef-visual .zef-color-primary-lighter {
  color: #fff3e5;
}
.zef-visual .zef-bgcolor-primary-light {
  background-color: #fff9f2;
}
.zef-visual .zef-color-primary-light {
  color: #fff9f2;
}
.zef-visual .zef-bgcolor-primary-dark {
  background-color: #b26000;
}
.zef-visual .zef-color-primary-dark {
  color: #b26000;
}
.zef-visual .zef-bgcolor-primary-darker {
  background-color: #402200;
}
.zef-visual .zef-color-primary-darker {
  color: #402200;
}
.zef-visual .zef-bgcolor-poll {
  color: #fff;
  background-color: #a0f;
}
.zef-visual .zef-bgcolor-lighter-poll {
  background-color: #a0f;
}
.zef-visual .zef-hyper-link.zef-color-poll,
.zef-visual .zef-color-poll {
  color: #a0f;
}
.zef-visual .zef-hyper-link.zef-color-poll.zef-color-important,
.zef-visual .zef-color-poll.zef-color-important {
  color: #a0f !important;
}
.zef-visual .zef-bgcolor-poll-10 {
  color: #fff;
  background-color: rgba(170, 0, 255, 0.1);
}
.zef-visual .zef-color-poll-10 {
  color: rgba(170, 0, 255, 0.1);
}
.zef-visual .zef-bgcolor-poll-20 {
  color: #fff;
  background-color: rgba(170, 0, 255, 0.2);
}
.zef-visual .zef-color-poll-20 {
  color: rgba(170, 0, 255, 0.2);
}
.zef-visual .zef-bgcolor-poll-30 {
  color: #fff;
  background-color: rgba(170, 0, 255, 0.3);
}
.zef-visual .zef-color-poll-30 {
  color: rgba(170, 0, 255, 0.3);
}
.zef-visual .zef-bgcolor-poll-50 {
  color: #fff;
  background-color: rgba(170, 0, 255, 0.5);
}
.zef-visual .zef-color-poll-50 {
  color: rgba(170, 0, 255, 0.5);
}
.zef-visual .zef-bgcolor-poll-lighter {
  background-color: #a0f;
}
.zef-visual .zef-color-poll-lighter {
  color: #a0f;
}
.zef-visual .zef-bgcolor-poll-darker {
  background-color: #a0f;
}
.zef-visual .zef-color-poll-darker {
  color: #a0f;
}
.zef-visual .zef-bgcolor-secondary {
  color: #112539;
  background-color: #fff;
}
.zef-visual .zef-bgcolor-lighter-secondary {
  background-color: #fff;
}
.zef-visual .zef-hyper-link.zef-color-secondary,
.zef-visual .zef-color-secondary {
  color: #fff;
}
.zef-visual .zef-hyper-link.zef-color-secondary.zef-color-important,
.zef-visual .zef-color-secondary.zef-color-important {
  color: #fff !important;
}
.zef-visual .zef-bgcolor-secondary-10 {
  color: #112539;
  background-color: rgba(255, 255, 255, 0.1);
}
.zef-visual .zef-color-secondary-10 {
  color: rgba(255, 255, 255, 0.1);
}
.zef-visual .zef-bgcolor-secondary-20 {
  color: #112539;
  background-color: rgba(255, 255, 255, 0.2);
}
.zef-visual .zef-color-secondary-20 {
  color: rgba(255, 255, 255, 0.2);
}
.zef-visual .zef-bgcolor-secondary-30 {
  color: #112539;
  background-color: rgba(255, 255, 255, 0.3);
}
.zef-visual .zef-color-secondary-30 {
  color: rgba(255, 255, 255, 0.3);
}
.zef-visual .zef-bgcolor-secondary-50 {
  color: #112539;
  background-color: rgba(255, 255, 255, 0.5);
}
.zef-visual .zef-color-secondary-50 {
  color: rgba(255, 255, 255, 0.5);
}
.zef-visual .zef-bgcolor-secondary-5 {
  color: #112539;
  background-color: rgba(255, 255, 255, 0.05);
}
.zef-visual .zef-color-secondary-5 {
  color: rgba(255, 255, 255, 0.05);
}
.zef-visual .zef-bgcolor-secondary-15 {
  color: #112539;
  background-color: rgba(255, 255, 255, 0.15);
}
.zef-visual .zef-color-secondary-15 {
  color: rgba(255, 255, 255, 0.15);
}
.zef-visual .zef-bgcolor-secondary-95 {
  color: #112539;
  background-color: rgba(255, 255, 255, 0.95);
}
.zef-visual .zef-color-secondary-95 {
  color: rgba(255, 255, 255, 0.95);
}
.zef-visual .zef-bgcolor-secondary-lighter {
  background-color: #fff;
}
.zef-visual .zef-color-secondary-lighter {
  color: #fff;
}
.zef-visual .zef-bgcolor-secondary-darker {
  background-color: #fff;
}
.zef-visual .zef-color-secondary-darker {
  color: #fff;
}
.zef-visual .zef-bgcolor-alert {
  color: #fff;
  background-color: #d9386c;
}
.zef-visual .zef-bgcolor-light-alert {
  background-color: #fce0e9;
}
.zef-visual .zef-bgcolor-lighter-alert {
  background-color: #fdeff4;
}
.zef-visual .zef-hyper-link.zef-color-alert,
.zef-visual .zef-color-alert {
  color: #d9386c;
}
.zef-visual .zef-hyper-link.zef-color-alert.zef-color-important,
.zef-visual .zef-color-alert.zef-color-important {
  color: #d9386c !important;
}
.zef-visual .zef-bgcolor-alert-10 {
  color: #fff;
  background-color: rgba(217, 56, 108, 0.1);
}
.zef-visual .zef-color-alert-10 {
  color: rgba(217, 56, 108, 0.1);
}
.zef-visual .zef-bgcolor-alert-20 {
  color: #fff;
  background-color: rgba(217, 56, 108, 0.2);
}
.zef-visual .zef-color-alert-20 {
  color: rgba(217, 56, 108, 0.2);
}
.zef-visual .zef-bgcolor-alert-30 {
  color: #fff;
  background-color: rgba(217, 56, 108, 0.3);
}
.zef-visual .zef-color-alert-30 {
  color: rgba(217, 56, 108, 0.3);
}
.zef-visual .zef-bgcolor-alert-50 {
  color: #fff;
  background-color: rgba(217, 56, 108, 0.5);
}
.zef-visual .zef-color-alert-50 {
  color: rgba(217, 56, 108, 0.5);
}
.zef-visual .zef-bgcolor-alert-lighter {
  background-color: #fdeff4;
}
.zef-visual .zef-color-alert-lighter {
  color: #fdeff4;
}
.zef-visual .zef-bgcolor-alert-light {
  background-color: #fce0e9;
}
.zef-visual .zef-color-alert-light {
  color: #fce0e9;
}
.zef-visual .zef-bgcolor-alert-dark {
  background-color: #98274c;
}
.zef-visual .zef-color-alert-dark {
  color: #98274c;
}
.zef-visual .zef-bgcolor-alert-darker {
  background-color: #411120;
}
.zef-visual .zef-color-alert-darker {
  color: #411120;
}
.zef-visual .zef-bgcolor-warning {
  color: #fff;
  background-color: #a08c00;
}
.zef-visual .zef-bgcolor-light-warning {
  background-color: #fffbe3;
}
.zef-visual .zef-bgcolor-lighter-warning {
  background-color: #fffdf1;
}
.zef-visual .zef-hyper-link.zef-color-warning,
.zef-visual .zef-color-warning {
  color: #a08c00;
}
.zef-visual .zef-hyper-link.zef-color-warning.zef-color-important,
.zef-visual .zef-color-warning.zef-color-important {
  color: #a08c00 !important;
}
.zef-visual .zef-bgcolor-warning-10 {
  color: #fff;
  background-color: rgba(229, 200, 0, 0.1);
}
.zef-visual .zef-color-warning-10 {
  color: rgba(160, 140, 0, 0.1);
}
.zef-visual .zef-bgcolor-warning-20 {
  color: #fff;
  background-color: rgba(229, 200, 0, 0.2);
}
.zef-visual .zef-color-warning-20 {
  color: rgba(160, 140, 0, 0.2);
}
.zef-visual .zef-bgcolor-warning-30 {
  color: #fff;
  background-color: rgba(229, 200, 0, 0.3);
}
.zef-visual .zef-color-warning-30 {
  color: rgba(160, 140, 0, 0.3);
}
.zef-visual .zef-bgcolor-warning-50 {
  color: #fff;
  background-color: rgba(229, 200, 0, 0.5);
}
.zef-visual .zef-color-warning-50 {
  color: rgba(160, 140, 0, 0.5);
}
.zef-visual .zef-bgcolor-warning-lighter {
  background-color: #fffdf1;
}
.zef-visual .zef-color-warning-lighter {
  color: #fffdf1;
}
.zef-visual .zef-bgcolor-warning-light {
  background-color: #fffbe3;
}
.zef-visual .zef-color-warning-light {
  color: #fffbe3;
}
.zef-visual .zef-bgcolor-warning-dark {
  background-color: #a08c00;
}
.zef-visual .zef-color-warning-dark {
  color: #a08c00;
}
.zef-visual .zef-bgcolor-warning-darker {
  background-color: #393200;
}
.zef-visual .zef-color-warning-darker {
  color: #393200;
}
.zef-visual .zef-bgcolor-success {
  color: #fff;
  background-color: #18b56c;
}
.zef-visual .zef-bgcolor-light-success {
  background-color: #e8f8f0;
}
.zef-visual .zef-bgcolor-lighter-success {
  background-color: #f4fbf8;
}
.zef-visual .zef-hyper-link.zef-color-success,
.zef-visual .zef-color-success {
  color: #18b56c;
}
.zef-visual .zef-hyper-link.zef-color-success.zef-color-important,
.zef-visual .zef-color-success.zef-color-important {
  color: #18b56c !important;
}
.zef-visual .zef-bgcolor-success-10 {
  color: #fff;
  background-color: rgba(24, 181, 108, 0.1);
}
.zef-visual .zef-color-success-10 {
  color: rgba(24, 181, 108, 0.1);
}
.zef-visual .zef-bgcolor-success-20 {
  color: #fff;
  background-color: rgba(24, 181, 108, 0.2);
}
.zef-visual .zef-color-success-20 {
  color: rgba(24, 181, 108, 0.2);
}
.zef-visual .zef-bgcolor-success-30 {
  color: #fff;
  background-color: rgba(24, 181, 108, 0.3);
}
.zef-visual .zef-color-success-30 {
  color: rgba(24, 181, 108, 0.3);
}
.zef-visual .zef-bgcolor-success-50 {
  color: #fff;
  background-color: rgba(24, 181, 108, 0.5);
}
.zef-visual .zef-color-success-50 {
  color: rgba(24, 181, 108, 0.5);
}
.zef-visual .zef-bgcolor-success-lighter {
  background-color: #f4fbf8;
}
.zef-visual .zef-color-success-lighter {
  color: #f4fbf8;
}
.zef-visual .zef-bgcolor-success-light {
  background-color: #e8f8f0;
}
.zef-visual .zef-color-success-light {
  color: #e8f8f0;
}
.zef-visual .zef-bgcolor-success-dark {
  background-color: #117f4c;
}
.zef-visual .zef-color-success-dark {
  color: #117f4c;
}
.zef-visual .zef-bgcolor-success-darker {
  background-color: #073620;
}
.zef-visual .zef-color-success-darker {
  color: #073620;
}
.zef-visual .zef-bgcolor-logic {
  color: #fff;
  background-color: #9a2cde;
}
.zef-visual .zef-bgcolor-light-logic {
  background-color: #f5eafc;
}
.zef-visual .zef-bgcolor-lighter-logic {
  background-color: #faf4fd;
}
.zef-visual .zef-hyper-link.zef-color-logic,
.zef-visual .zef-color-logic {
  color: #9a2cde;
}
.zef-visual .zef-hyper-link.zef-color-logic.zef-color-important,
.zef-visual .zef-color-logic.zef-color-important {
  color: #9a2cde !important;
}
.zef-visual .zef-bgcolor-logic-10 {
  color: #fff;
  background-color: rgba(154, 44, 222, 0.1);
}
.zef-visual .zef-color-logic-10 {
  color: rgba(154, 44, 222, 0.1);
}
.zef-visual .zef-bgcolor-logic-20 {
  color: #fff;
  background-color: rgba(154, 44, 222, 0.2);
}
.zef-visual .zef-color-logic-20 {
  color: rgba(154, 44, 222, 0.2);
}
.zef-visual .zef-bgcolor-logic-30 {
  color: #fff;
  background-color: rgba(154, 44, 222, 0.3);
}
.zef-visual .zef-color-logic-30 {
  color: rgba(154, 44, 222, 0.3);
}
.zef-visual .zef-bgcolor-logic-50 {
  color: #fff;
  background-color: rgba(154, 44, 222, 0.5);
}
.zef-visual .zef-color-logic-50 {
  color: rgba(154, 44, 222, 0.5);
}
.zef-visual .zef-bgcolor-logic-lighter {
  background-color: #faf4fd;
}
.zef-visual .zef-color-logic-lighter {
  color: #faf4fd;
}
.zef-visual .zef-bgcolor-logic-light {
  background-color: #f5eafc;
}
.zef-visual .zef-color-logic-light {
  color: #f5eafc;
}
.zef-visual .zef-bgcolor-logic-dark {
  background-color: #6c1f9b;
}
.zef-visual .zef-color-logic-dark {
  color: #6c1f9b;
}
.zef-visual .zef-bgcolor-logic-darker {
  background-color: #270b38;
}
.zef-visual .zef-color-logic-darker {
  color: #270b38;
}
.zef-visual .zef-bgcolor-scoring {
  color: #fff;
  background-color: #00ad65;
}
.zef-visual .zef-bgcolor-light-scoring {
  background-color: #9de0c4;
}
.zef-visual .zef-bgcolor-lighter-scoring {
  background-color: #dcf5eb;
}
.zef-visual .zef-hyper-link.zef-color-scoring,
.zef-visual .zef-color-scoring {
  color: #00ad65;
}
.zef-visual .zef-hyper-link.zef-color-scoring.zef-color-important,
.zef-visual .zef-color-scoring.zef-color-important {
  color: #00ad65 !important;
}
.zef-visual .zef-bgcolor-scoring-10 {
  color: #fff;
  background-color: rgba(0, 173, 101, 0.1);
}
.zef-visual .zef-color-scoring-10 {
  color: rgba(0, 173, 101, 0.1);
}
.zef-visual .zef-bgcolor-scoring-20 {
  color: #fff;
  background-color: rgba(0, 173, 101, 0.2);
}
.zef-visual .zef-color-scoring-20 {
  color: rgba(0, 173, 101, 0.2);
}
.zef-visual .zef-bgcolor-scoring-30 {
  color: #fff;
  background-color: rgba(0, 173, 101, 0.3);
}
.zef-visual .zef-color-scoring-30 {
  color: rgba(0, 173, 101, 0.3);
}
.zef-visual .zef-bgcolor-scoring-50 {
  color: #fff;
  background-color: rgba(0, 173, 101, 0.5);
}
.zef-visual .zef-color-scoring-50 {
  color: rgba(0, 173, 101, 0.5);
}
.zef-visual .zef-bgcolor-scoring-lighter {
  background-color: #dcf5eb;
}
.zef-visual .zef-color-scoring-lighter {
  color: #dcf5eb;
}
.zef-visual .zef-bgcolor-scoring-light {
  background-color: #9de0c4;
}
.zef-visual .zef-color-scoring-light {
  color: #9de0c4;
}
.zef-visual .zef-bgcolor-scoring-darker {
  background-color: #00ad65;
}
.zef-visual .zef-color-scoring-darker {
  color: #00ad65;
}
.zef-visual .zef-bgcolor-trigger {
  color: #fff;
  background-color: #0e6ea1;
}
.zef-visual .zef-bgcolor-light-trigger {
  background-color: #a0d1eb;
}
.zef-visual .zef-bgcolor-lighter-trigger {
  background-color: #e6f6ff;
}
.zef-visual .zef-hyper-link.zef-color-trigger,
.zef-visual .zef-color-trigger {
  color: #0e6ea1;
}
.zef-visual .zef-hyper-link.zef-color-trigger.zef-color-important,
.zef-visual .zef-color-trigger.zef-color-important {
  color: #0e6ea1 !important;
}
.zef-visual .zef-bgcolor-trigger-10 {
  color: #fff;
  background-color: rgba(14, 110, 161, 0.1);
}
.zef-visual .zef-color-trigger-10 {
  color: rgba(14, 110, 161, 0.1);
}
.zef-visual .zef-bgcolor-trigger-20 {
  color: #fff;
  background-color: rgba(14, 110, 161, 0.2);
}
.zef-visual .zef-color-trigger-20 {
  color: rgba(14, 110, 161, 0.2);
}
.zef-visual .zef-bgcolor-trigger-30 {
  color: #fff;
  background-color: rgba(14, 110, 161, 0.3);
}
.zef-visual .zef-color-trigger-30 {
  color: rgba(14, 110, 161, 0.3);
}
.zef-visual .zef-bgcolor-trigger-50 {
  color: #fff;
  background-color: rgba(14, 110, 161, 0.5);
}
.zef-visual .zef-color-trigger-50 {
  color: rgba(14, 110, 161, 0.5);
}
.zef-visual .zef-bgcolor-trigger-lighter {
  background-color: #e6f6ff;
}
.zef-visual .zef-color-trigger-lighter {
  color: #e6f6ff;
}
.zef-visual .zef-bgcolor-trigger-light {
  background-color: #a0d1eb;
}
.zef-visual .zef-color-trigger-light {
  color: #a0d1eb;
}
.zef-visual .zef-bgcolor-trigger-darker {
  background-color: #0e6ea1;
}
.zef-visual .zef-color-trigger-darker {
  color: #0e6ea1;
}
.zef-visual .zef-bgcolor-smart {
  color: #fff;
  background-color: #ef5d65;
}
.zef-visual .zef-bgcolor-lighter-smart {
  background-color: #ef5d65;
}
.zef-visual .zef-hyper-link.zef-color-smart,
.zef-visual .zef-color-smart {
  color: #ef5d65;
}
.zef-visual .zef-hyper-link.zef-color-smart.zef-color-important,
.zef-visual .zef-color-smart.zef-color-important {
  color: #ef5d65 !important;
}
.zef-visual .zef-bgcolor-smart-10 {
  color: #fff;
  background-color: rgba(239, 93, 101, 0.1);
}
.zef-visual .zef-color-smart-10 {
  color: rgba(239, 93, 101, 0.1);
}
.zef-visual .zef-bgcolor-smart-20 {
  color: #fff;
  background-color: rgba(239, 93, 101, 0.2);
}
.zef-visual .zef-color-smart-20 {
  color: rgba(239, 93, 101, 0.2);
}
.zef-visual .zef-bgcolor-smart-30 {
  color: #fff;
  background-color: rgba(239, 93, 101, 0.3);
}
.zef-visual .zef-color-smart-30 {
  color: rgba(239, 93, 101, 0.3);
}
.zef-visual .zef-bgcolor-smart-50 {
  color: #fff;
  background-color: rgba(239, 93, 101, 0.5);
}
.zef-visual .zef-color-smart-50 {
  color: rgba(239, 93, 101, 0.5);
}
.zef-visual .zef-bgcolor-smart-lighter {
  background-color: #ef5d65;
}
.zef-visual .zef-color-smart-lighter {
  color: #ef5d65;
}
.zef-visual .zef-bgcolor-smart-darker {
  background-color: #ef5d65;
}
.zef-visual .zef-color-smart-darker {
  color: #ef5d65;
}
.zef-visual .zef-bgcolor-discover {
  color: #fff;
  background-color: #d21a85;
}
.zef-visual .zef-bgcolor-lighter-discover {
  background-color: #d21a85;
}
.zef-visual .zef-hyper-link.zef-color-discover,
.zef-visual .zef-color-discover {
  color: #d21a85;
}
.zef-visual .zef-hyper-link.zef-color-discover.zef-color-important,
.zef-visual .zef-color-discover.zef-color-important {
  color: #d21a85 !important;
}
.zef-visual .zef-bgcolor-discover-10 {
  color: #fff;
  background-color: rgba(210, 26, 133, 0.1);
}
.zef-visual .zef-color-discover-10 {
  color: rgba(210, 26, 133, 0.1);
}
.zef-visual .zef-bgcolor-discover-20 {
  color: #fff;
  background-color: rgba(210, 26, 133, 0.2);
}
.zef-visual .zef-color-discover-20 {
  color: rgba(210, 26, 133, 0.2);
}
.zef-visual .zef-bgcolor-discover-30 {
  color: #fff;
  background-color: rgba(210, 26, 133, 0.3);
}
.zef-visual .zef-color-discover-30 {
  color: rgba(210, 26, 133, 0.3);
}
.zef-visual .zef-bgcolor-discover-50 {
  color: #fff;
  background-color: rgba(210, 26, 133, 0.5);
}
.zef-visual .zef-color-discover-50 {
  color: rgba(210, 26, 133, 0.5);
}
.zef-visual .zef-bgcolor-discover-lighter {
  background-color: #d21a85;
}
.zef-visual .zef-color-discover-lighter {
  color: #d21a85;
}
.zef-visual .zef-bgcolor-discover-darker {
  background-color: #d21a85;
}
.zef-visual .zef-color-discover-darker {
  color: #d21a85;
}
.zef-visual .zef-bgcolor-owner {
  color: #fff;
  background-color: #117f4c;
}
.zef-visual .zef-bgcolor-lighter-owner {
  background-color: #117f4c;
}
.zef-visual .zef-hyper-link.zef-color-owner,
.zef-visual .zef-color-owner {
  color: #117f4c;
}
.zef-visual .zef-hyper-link.zef-color-owner.zef-color-important,
.zef-visual .zef-color-owner.zef-color-important {
  color: #117f4c !important;
}
.zef-visual .zef-bgcolor-owner-10 {
  color: #fff;
  background-color: rgba(17, 127, 76, 0.1);
}
.zef-visual .zef-color-owner-10 {
  color: rgba(17, 127, 76, 0.1);
}
.zef-visual .zef-bgcolor-owner-20 {
  color: #fff;
  background-color: rgba(17, 127, 76, 0.2);
}
.zef-visual .zef-color-owner-20 {
  color: rgba(17, 127, 76, 0.2);
}
.zef-visual .zef-bgcolor-owner-30 {
  color: #fff;
  background-color: rgba(17, 127, 76, 0.3);
}
.zef-visual .zef-color-owner-30 {
  color: rgba(17, 127, 76, 0.3);
}
.zef-visual .zef-bgcolor-owner-50 {
  color: #fff;
  background-color: rgba(17, 127, 76, 0.5);
}
.zef-visual .zef-color-owner-50 {
  color: rgba(17, 127, 76, 0.5);
}
.zef-visual .zef-bgcolor-owner-lighter {
  background-color: #117f4c;
}
.zef-visual .zef-color-owner-lighter {
  color: #117f4c;
}
.zef-visual .zef-bgcolor-owner-darker {
  background-color: #117f4c;
}
.zef-visual .zef-color-owner-darker {
  color: #117f4c;
}
.zef-visual .zef-bgcolor-admin {
  color: #fff;
  background-color: #a08c00;
}
.zef-visual .zef-bgcolor-lighter-admin {
  background-color: #a08c00;
}
.zef-visual .zef-hyper-link.zef-color-admin,
.zef-visual .zef-color-admin {
  color: #a08c00;
}
.zef-visual .zef-hyper-link.zef-color-admin.zef-color-important,
.zef-visual .zef-color-admin.zef-color-important {
  color: #a08c00 !important;
}
.zef-visual .zef-bgcolor-admin-10 {
  color: #fff;
  background-color: rgba(160, 140, 0, 0.1);
}
.zef-visual .zef-color-admin-10 {
  color: rgba(160, 140, 0, 0.1);
}
.zef-visual .zef-bgcolor-admin-20 {
  color: #fff;
  background-color: rgba(160, 140, 0, 0.2);
}
.zef-visual .zef-color-admin-20 {
  color: rgba(160, 140, 0, 0.2);
}
.zef-visual .zef-bgcolor-admin-30 {
  color: #fff;
  background-color: rgba(160, 140, 0, 0.3);
}
.zef-visual .zef-color-admin-30 {
  color: rgba(160, 140, 0, 0.3);
}
.zef-visual .zef-bgcolor-admin-50 {
  color: #fff;
  background-color: rgba(160, 140, 0, 0.5);
}
.zef-visual .zef-color-admin-50 {
  color: rgba(160, 140, 0, 0.5);
}
.zef-visual .zef-bgcolor-admin-lighter {
  background-color: #a08c00;
}
.zef-visual .zef-color-admin-lighter {
  color: #a08c00;
}
.zef-visual .zef-bgcolor-admin-darker {
  background-color: #a08c00;
}
.zef-visual .zef-color-admin-darker {
  color: #a08c00;
}
.zef-visual .zef-bgcolor-member {
  color: #fff;
  background-color: #b26000;
}
.zef-visual .zef-bgcolor-lighter-member {
  background-color: #b26000;
}
.zef-visual .zef-hyper-link.zef-color-member,
.zef-visual .zef-color-member {
  color: #b26000;
}
.zef-visual .zef-hyper-link.zef-color-member.zef-color-important,
.zef-visual .zef-color-member.zef-color-important {
  color: #b26000 !important;
}
.zef-visual .zef-bgcolor-member-10 {
  color: #fff;
  background-color: rgba(178, 96, 0, 0.1);
}
.zef-visual .zef-color-member-10 {
  color: rgba(178, 96, 0, 0.1);
}
.zef-visual .zef-bgcolor-member-20 {
  color: #fff;
  background-color: rgba(178, 96, 0, 0.2);
}
.zef-visual .zef-color-member-20 {
  color: rgba(178, 96, 0, 0.2);
}
.zef-visual .zef-bgcolor-member-30 {
  color: #fff;
  background-color: rgba(178, 96, 0, 0.3);
}
.zef-visual .zef-color-member-30 {
  color: rgba(178, 96, 0, 0.3);
}
.zef-visual .zef-bgcolor-member-50 {
  color: #fff;
  background-color: rgba(178, 96, 0, 0.5);
}
.zef-visual .zef-color-member-50 {
  color: rgba(178, 96, 0, 0.5);
}
.zef-visual .zef-bgcolor-member-lighter {
  background-color: #b26000;
}
.zef-visual .zef-color-member-lighter {
  color: #b26000;
}
.zef-visual .zef-bgcolor-member-darker {
  background-color: #b26000;
}
.zef-visual .zef-color-member-darker {
  color: #b26000;
}
.zef-visual .zef-bgcolor-border {
  color: #112539;
  background-color: #dae2e5;
}
.zef-visual .zef-bgcolor-lighter-border {
  background-color: #dae2e5;
}
.zef-visual .zef-hyper-link.zef-color-border,
.zef-visual .zef-color-border {
  color: #dae2e5;
}
.zef-visual .zef-hyper-link.zef-color-border.zef-color-important,
.zef-visual .zef-color-border.zef-color-important {
  color: #dae2e5 !important;
}
.zef-visual .zef-bgcolor-border-10 {
  color: #112539;
  background-color: rgba(218, 226, 229, 0.1);
}
.zef-visual .zef-color-border-10 {
  color: rgba(218, 226, 229, 0.1);
}
.zef-visual .zef-bgcolor-border-20 {
  color: #112539;
  background-color: rgba(218, 226, 229, 0.2);
}
.zef-visual .zef-color-border-20 {
  color: rgba(218, 226, 229, 0.2);
}
.zef-visual .zef-bgcolor-border-30 {
  color: #112539;
  background-color: rgba(218, 226, 229, 0.3);
}
.zef-visual .zef-color-border-30 {
  color: rgba(218, 226, 229, 0.3);
}
.zef-visual .zef-bgcolor-border-50 {
  color: #112539;
  background-color: rgba(218, 226, 229, 0.5);
}
.zef-visual .zef-color-border-50 {
  color: rgba(218, 226, 229, 0.5);
}
.zef-visual .zef-bgcolor-border-lighter {
  background-color: #dae2e5;
}
.zef-visual .zef-color-border-lighter {
  color: #dae2e5;
}
.zef-visual .zef-bgcolor-border-darker {
  background-color: #dae2e5;
}
.zef-visual .zef-color-border-darker {
  color: #dae2e5;
}
.zef-visual .zef-bgcolor-chart-highlight {
  color: #fff;
  background-color: #d21a85;
}
.zef-visual .zef-bgcolor-light-chart-highlight {
  background-color: #fae8f3;
}
.zef-visual .zef-bgcolor-lighter-chart-highlight {
  background-color: #fdf4f9;
}
.zef-visual .zef-hyper-link.zef-color-chart-highlight,
.zef-visual .zef-color-chart-highlight {
  color: #d21a85;
}
.zef-visual .zef-hyper-link.zef-color-chart-highlight.zef-color-important,
.zef-visual .zef-color-chart-highlight.zef-color-important {
  color: #d21a85 !important;
}
.zef-visual .zef-bgcolor-chart-highlight-10 {
  color: #fff;
  background-color: rgba(210, 26, 133, 0.1);
}
.zef-visual .zef-color-chart-highlight-10 {
  color: rgba(210, 26, 133, 0.1);
}
.zef-visual .zef-bgcolor-chart-highlight-20 {
  color: #fff;
  background-color: rgba(210, 26, 133, 0.2);
}
.zef-visual .zef-color-chart-highlight-20 {
  color: rgba(210, 26, 133, 0.2);
}
.zef-visual .zef-bgcolor-chart-highlight-30 {
  color: #fff;
  background-color: rgba(210, 26, 133, 0.3);
}
.zef-visual .zef-color-chart-highlight-30 {
  color: rgba(210, 26, 133, 0.3);
}
.zef-visual .zef-bgcolor-chart-highlight-50 {
  color: #fff;
  background-color: rgba(210, 26, 133, 0.5);
}
.zef-visual .zef-color-chart-highlight-50 {
  color: rgba(210, 26, 133, 0.5);
}
.zef-visual .zef-bgcolor-chart-highlight-lighter {
  background-color: #fdf4f9;
}
.zef-visual .zef-color-chart-highlight-lighter {
  color: #fdf4f9;
}
.zef-visual .zef-bgcolor-chart-highlight-light {
  background-color: #fae8f3;
}
.zef-visual .zef-color-chart-highlight-light {
  color: #fae8f3;
}
.zef-visual .zef-bgcolor-chart-highlight-dark {
  background-color: #93125d;
}
.zef-visual .zef-color-chart-highlight-dark {
  color: #93125d;
}
.zef-visual .zef-bgcolor-chart-highlight-darker {
  background-color: #350721;
}
.zef-visual .zef-color-chart-highlight-darker {
  color: #350721;
}
.zef-visual .zef-bgcolor-beta {
  color: #fff;
  background-color: #f65aa5;
}
.zef-visual .zef-bgcolor-lighter-beta {
  background-color: #f65aa5;
}
.zef-visual .zef-hyper-link.zef-color-beta,
.zef-visual .zef-color-beta {
  color: #f65aa5;
}
.zef-visual .zef-hyper-link.zef-color-beta.zef-color-important,
.zef-visual .zef-color-beta.zef-color-important {
  color: #f65aa5 !important;
}
.zef-visual .zef-bgcolor-beta-10 {
  color: #fff;
  background-color: rgba(246, 90, 165, 0.1);
}
.zef-visual .zef-color-beta-10 {
  color: rgba(246, 90, 165, 0.1);
}
.zef-visual .zef-bgcolor-beta-20 {
  color: #fff;
  background-color: rgba(246, 90, 165, 0.2);
}
.zef-visual .zef-color-beta-20 {
  color: rgba(246, 90, 165, 0.2);
}
.zef-visual .zef-bgcolor-beta-30 {
  color: #fff;
  background-color: rgba(246, 90, 165, 0.3);
}
.zef-visual .zef-color-beta-30 {
  color: rgba(246, 90, 165, 0.3);
}
.zef-visual .zef-bgcolor-beta-50 {
  color: #fff;
  background-color: rgba(246, 90, 165, 0.5);
}
.zef-visual .zef-color-beta-50 {
  color: rgba(246, 90, 165, 0.5);
}
.zef-visual .zef-bgcolor-beta-lighter {
  background-color: #f65aa5;
}
.zef-visual .zef-color-beta-lighter {
  color: #f65aa5;
}
.zef-visual .zef-bgcolor-beta-darker {
  background-color: #f65aa5;
}
.zef-visual .zef-color-beta-darker {
  color: #f65aa5;
}
.zef-visual .zef-bgcolor-partner {
  color: #fff;
  background-color: #760a55;
}
.zef-visual .zef-bgcolor-lighter-partner {
  background-color: #760a55;
}
.zef-visual .zef-hyper-link.zef-color-partner,
.zef-visual .zef-color-partner {
  color: #760a55;
}
.zef-visual .zef-hyper-link.zef-color-partner.zef-color-important,
.zef-visual .zef-color-partner.zef-color-important {
  color: #760a55 !important;
}
.zef-visual .zef-bgcolor-partner-10 {
  color: #fff;
  background-color: rgba(118, 10, 85, 0.1);
}
.zef-visual .zef-color-partner-10 {
  color: rgba(118, 10, 85, 0.1);
}
.zef-visual .zef-bgcolor-partner-20 {
  color: #fff;
  background-color: rgba(118, 10, 85, 0.2);
}
.zef-visual .zef-color-partner-20 {
  color: rgba(118, 10, 85, 0.2);
}
.zef-visual .zef-bgcolor-partner-30 {
  color: #fff;
  background-color: rgba(118, 10, 85, 0.3);
}
.zef-visual .zef-color-partner-30 {
  color: rgba(118, 10, 85, 0.3);
}
.zef-visual .zef-bgcolor-partner-50 {
  color: #fff;
  background-color: rgba(118, 10, 85, 0.5);
}
.zef-visual .zef-color-partner-50 {
  color: rgba(118, 10, 85, 0.5);
}
.zef-visual .zef-bgcolor-partner-lighter {
  background-color: #760a55;
}
.zef-visual .zef-color-partner-lighter {
  color: #760a55;
}
.zef-visual .zef-bgcolor-partner-darker {
  background-color: #760a55;
}
.zef-visual .zef-color-partner-darker {
  color: #760a55;
}
.zef-visual .zef-color-primary-inverted {
  color: #ffc480;
}
.zef-visual .zef-bgcolor-space {
  color: #112539;
  background-color: #f9fafb;
}
.zef-visual .zef-bgcolor-space-darker {
  color: #112539;
  background-color: #eaeff1;
}
.zef-visual .zef-bgcolor-space-darkest {
  color: #112539;
  background-color: #dae2e5;
}
.zef-visual .zef-bgcolor-space-dark {
  color: #112539;
  background-color: #f3f6f7;
}
.zef-visual .zef-color-chart-highlight-inverted {
  color: #e98cc2;
}
.zef-visual .zef-color-red {
  color: #d9386c;
}
.zef-visual .zef-text-light {
  color: #495c6c;
}
.zef-visual .zef-text-lighter,
.zef-visual .zef-color-off {
  color: #60717f;
}
.zef-visual .zef-text-lighter a {
  color: #60717f;
}
.zef-visual .zef-text-lightest,
.zef-visual .zef-color-lightest,
.zef-visual .zef-color-ink-lightest,
.zef-visual .zef-color-muted {
  color: #93a0ab;
}
.zef-visual .zef-color-warn {
  color: #a08c00;
}
.zef-visual .zef-bgcolor-logic-dark {
  background-color: #6c1f9b;
}
.zef-visual .zef-bgcolor-logic-light {
  background-color: #f5eafc;
}
.zef-visual .zef-color-space-darkest {
  color: #dae2e5;
}
.zef-visual .zef-color-hubspot {
  color: #fa7820;
}
.zef-visual .zef-color-youtube {
  color: #f00;
}
.zef-visual .zef-gradient-ai {
  background:
    linear-gradient(
      270deg,
      #ff8900 0%,
      #d21a85 100%);
}
.zef-visual .zef-hyper-link {
  border: 0;
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
  color: #ff8900;
  background: none;
}
.zef-visual .zef-hyper-link.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.zef-visual .zef-shadow-1 {
  box-shadow: 0 1px 2px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .zef-shadow-2 {
  box-shadow: 0 2px 4px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .zef-shadow-4 {
  box-shadow: 0 4px 8px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .zef-shadow-8 {
  box-shadow: 0 8px 16px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .zef-shadow-16 {
  box-shadow: 0 16px 32px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .zef-shadow-soft-1 {
  box-shadow: 0 1px 2px 0 rgba(17, 37, 57, 0.1);
}
.zef-visual .zef-shadow-soft-2 {
  box-shadow: 0 2px 4px 0 rgba(17, 37, 57, 0.1);
}
.zef-visual .zef-shadow-soft-4 {
  box-shadow: 0 4px 8px 0 rgba(17, 37, 57, 0.1);
}
.zef-visual .zef-shadow-soft-8 {
  box-shadow: 0 8px 16px 0 rgba(17, 37, 57, 0.1);
}
.zef-visual .zef-shadow-soft-16 {
  box-shadow: 0 16px 32px 0 rgba(17, 37, 57, 0.1);
}
.zef-visual .zef-shadow-inset-1 {
  box-shadow: inset 0 1px 2px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .zef-text-shadow-fog {
  text-shadow: 0 0 2px white;
}
.zef-visual [class*=zef-text-] > a:not(.no-margin) {
  margin-right: 4px;
  margin-left: 4px;
}
.zef-visual .zef-text-p2-link,
.zef-visual .zef-text-p1-link,
.zef-visual .zef-text-h3-link,
.zef-visual .zef-text-p2-link-muted,
.zef-visual .zef-text-p1-link-muted {
  cursor: pointer;
  text-decoration: none;
  color: #ff8900;
}
.zef-visual .zef-text-p2-link:active,
.zef-visual .zef-text-p1-link:active,
.zef-visual .zef-text-h3-link:active,
.zef-visual .zef-text-p2-link-muted:active,
.zef-visual .zef-text-p1-link-muted:active,
.zef-visual .zef-text-p2-link:hover,
.zef-visual .zef-text-p1-link:hover,
.zef-visual .zef-text-h3-link:hover,
.zef-visual .zef-text-p2-link-muted:hover,
.zef-visual .zef-text-p1-link-muted:hover {
  text-decoration: underline;
}
.zef-visual .zef-text-p2-link:active > *,
.zef-visual .zef-text-p1-link:active > *,
.zef-visual .zef-text-h3-link:active > *,
.zef-visual .zef-text-p2-link-muted:active > *,
.zef-visual .zef-text-p1-link-muted:active > *,
.zef-visual .zef-text-p2-link:hover > *,
.zef-visual .zef-text-p1-link:hover > *,
.zef-visual .zef-text-h3-link:hover > *,
.zef-visual .zef-text-p2-link-muted:hover > *,
.zef-visual .zef-text-p1-link-muted:hover > * {
  color: inherit;
}
.zef-visual .zef-text-pointer,
.zef-visual .zef-text-link-hover-underline,
.zef-visual .zef-text-link-underline {
  cursor: pointer;
}
.zef-visual .zef-text-link-underline {
  text-decoration: underline;
}
.zef-visual .zef-text-link-flex {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.zef-visual .zef-text-link-flex > * + * {
  margin-left: 4px;
}
.zef-visual a.zef-text-link-flex:hover span {
  text-decoration: underline;
}
.zef-visual .zef-text-link-hover-underline {
  text-decoration: none;
}
.zef-visual .zef-text-link-hover-underline:hover {
  text-decoration: underline;
}
.zef-visual .zef-text-muted,
.zef-visual .zef-text-p2-link-muted,
.zef-visual .zef-text-p1-link-muted {
  color: #60717f;
}
.zef-visual .zef-text-muted-lightest,
.zef-visual .zef-text-h4-muted,
.zef-visual .zef-text-h3-muted,
.zef-visual .zef-text-h2-muted,
.zef-visual .zef-text-h1-muted {
  color: #93a0ab;
}
.zef-visual .zef-text-p2-link-muted,
.zef-visual .zef-text-p1-link-muted {
  text-decoration: underline;
}
.zef-visual [class*=zef-text-d] {
  margin: 0;
  font-weight: 600;
  font-family: Sora, sans-serif;
}
.zef-visual .zef-text-d1 {
  font-size: 64px;
  line-height: 72px;
  letter-spacing: -2px;
}
.zef-visual .zef-text-d2 {
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -2px;
}
.zef-visual .zef-text-d3 {
  font-size: 32px;
  line-height: 36px;
}
.zef-visual [class*=zef-text-h] {
  font-family: Inter, sans-serif;
}
.zef-visual .zef-text-h0 {
  font-size: 40px;
  font-weight: 500;
  line-height: 56px;
}
.zef-visual .zef-text-h1,
.zef-visual .zef-text-h1-muted {
  font-size: 25px;
  font-weight: 500;
  line-height: 32px;
}
.zef-visual .zef-text-h2,
.zef-visual .zef-text-h2-muted {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.zef-visual .zef-text-h3,
.zef-visual .zef-text-h3-link,
.zef-visual .zef-text-h3-muted {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.zef-visual .zef-text-h4,
.zef-visual .zef-text-h4-muted {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.zef-visual [class*=zef-text-p] {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  font-family: Inter, sans-serif;
}
.zef-visual strong[class*=zef-text-p] {
  font-weight: 600;
}
.zef-visual .zef-text-p0,
.zef-visual .zef-text-p0-light {
  font-size: 18px;
  line-height: 28px;
}
.zef-visual .zef-text-p0-light {
  font-weight: 300;
}
.zef-visual .zef-text-p1,
.zef-visual .zef-text-p1-muted,
.zef-visual .zef-text-p1-link-muted,
.zef-visual .zef-text-p1-link {
  font-size: 14px;
  line-height: 22px;
}
.zef-visual .zef-text-p1-muted {
  color: #60717f;
}
.zef-visual .zef-text-p2,
.zef-visual .zef-text-p2-muted,
.zef-visual .zef-text-p2-link-muted,
.zef-visual .zef-text-p2-link {
  font-size: 13px;
  line-height: 19px;
}
.zef-visual .zef-text-p2-muted {
  color: #60717f;
}
.zef-visual .zef-text-p3,
.zef-visual .zef-text-p3-muted {
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  text-transform: uppercase;
}
.zef-visual .zef-text-p3-muted {
  color: #60717f;
}
.zef-visual .zef-code-p1 {
  font-size: 14px;
  font-family: "Ubuntu Mono", monospace;
  line-height: 20px;
  color: #ef5d65;
}
.zef-visual .zef-text-b2,
.zef-visual .zef-text-b1 {
  font-weight: 400;
  font-family: Inter, sans-serif;
}
.zef-visual .zef-text-b1 {
  font-size: 24px;
  line-height: 32px;
}
.zef-visual .zef-text-b2 {
  font-size: 18px;
  line-height: 24px;
}
.zef-visual [class*=zef-code-] {
  margin: 0;
  font-weight: 400;
  font-family: "Ubuntu Mono", monospace;
  color: #ef5d65;
}
.zef-visual .zef-text-bold {
  font-weight: 600;
}
.zef-visual .zef-text-no-decoration {
  text-decoration: none;
}
.zef-visual .zef-text-underline {
  text-decoration: underline;
}
.zef-visual .zef-text-italic {
  font-style: italic;
}
.zef-visual .zef-text-swatch-link {
  cursor: pointer;
  color: #1143cf;
}
.zef-visual .zef-text-swatch-link:hover {
  text-decoration: underline;
}
.zef-visual .zef-text-center {
  text-align: center;
}
.zef-visual .zef-text-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.zef-visual .zef-text-translucent {
  opacity: 0.5;
}
.zef-visual .zef-text-no-wrap {
  white-space: nowrap;
}
.zef-visual .zef-text-break {
  overflow-wrap: anywhere;
}
.zef-visual .zef-text-overflow-line {
  overflow: hidden;
  white-space: nowrap;
}
.zef-visual .zef-text-overflow-double {
  overflow: hidden;
  max-height: 40px;
  overflow-wrap: anywhere;
}
.zef-visual .zef-text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.zef-visual .zef-text-align-left {
  text-align: left;
}
.zef-visual .zef-text-align-right {
  text-align: right;
}
.zef-visual .zef-text-align-center {
  text-align: center;
}
.zef-visual .zef-text-transparent {
  color: transparent;
}
.zef-visual .zef-text-with-spacing * + * {
  margin-left: 4px;
}
.zef-visual .zef-text-p2-h3-align {
  position: relative;
  top: 2px;
}
.zef-visual .zef-text-background-clip {
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.zef-visual .mat-headline-6.zef-header,
.zef-visual .mat-headline-5.zef-header,
.zef-visual .mat-body-2.zef-header,
.zef-visual .mat-subtitle-1.zef-header {
  font-weight: 300;
}
.zef-visual .mat-headline-6.zef-header {
  font-size: 24px;
  line-height: 32px;
}
.zef-visual .mat-headline-5.zef-header {
  font-size: 32px;
  line-height: 40px;
  text-align: center;
}
.zef-visual .zef-area-primary {
  border: 0;
  border-color: #ff8900;
  border-radius: 10px;
  color: #112539;
  background-color: #fff9f2;
}
.zef-visual .zef-area-success {
  border: 0;
  border-color: #18b56c;
  border-radius: 10px;
  color: #112539;
  background-color: #e8f8f0;
}
.zef-visual .zef-area-warning {
  border: 0;
  border-color: #e5c800;
  border-radius: 10px;
  color: #112539;
  background-color: #fffbe3;
}
.zef-visual .zef-area-alert {
  border: 0;
  border-color: #d9386c;
  border-radius: 10px;
  color: #112539;
  background-color: #fce0e9;
}
.zef-visual .zef-area-accent {
  border: 0;
  border-color: #d21a85;
  border-radius: 10px;
  color: #112539;
  background-color: #fae8f3;
}
.zef-visual .zef-area-accent-border {
  border: 1px solid;
  border-color: #d21a85;
  border-radius: 10px;
  color: #112539;
  background-color: #fae8f3;
}
.zef-visual .zef-card-z8 {
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 8px 16px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .zef-card-z4 {
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .zef-card-z4-soft {
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(17, 37, 57, 0.1);
}
.zef-visual .zef-card-z2 {
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .zef-card-z2-soft {
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(17, 37, 57, 0.1);
}
.zef-visual .zef-card-z1 {
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 1px 2px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .zef-card-z1-soft {
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 1px 2px 0 rgba(17, 37, 57, 0.1);
}
.zef-visual .zef-card-z0 {
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
}
.zef-visual .zef-card-z0-soft {
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
}
.zef-visual .zef-card-accent {
  background-color: #d21a85;
}
.zef-visual .zef-card-z-1 {
  background-color: #f9fafb;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
}
.zef-visual .zef-card-z-1-soft {
  background-color: #f9fafb;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
}
.zef-visual .zef-card-z-2 {
  background-color: #f3f6f7;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
}
.zef-visual .zef-card-z-2-soft {
  background-color: #f3f6f7;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
}
.zef-visual .zef-card-z-3-soft {
  background-color: #eaeff1;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
}
.zef-visual .zef-card-success {
  background-color: #f4fbf8;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
}
.zef-visual .zef-card-warning {
  background-color: #fffdf1;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
}
.zef-visual .zef-card-border {
  border: 1px solid #dae2e5;
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
  border-radius: 10px;
}
.zef-visual .zef-card-8 {
  padding: 8px;
}
.zef-visual .zef-card-8-16 {
  padding: 8px 16px;
}
.zef-visual .zef-card-16 {
  padding: 16px;
}
.zef-visual .zef-card-24 {
  padding: 24px;
}
.zef-visual .zef-card-32 {
  padding: 32px;
}
.zef-visual .zef-card-32-24 {
  padding: 32px 24px;
}
.zef-visual .zef-card-straight {
  border-radius: 0;
}
.zef-visual .zef-card-ai {
  padding: 1px;
  border-radius: 8px;
  background:
    linear-gradient(
      270deg,
      #ff8900 0%,
      #d21a85 100%);
}
.zef-visual .zef-card-ai > [class*=zef-card-] {
  border-radius: 7px;
}
.zef-visual .zef-interactive {
  position: relative;
  overflow: hidden;
  outline: none;
  cursor: pointer;
}
.zef-visual .zef-interactive:hover::after,
.zef-visual .zef-interactive:active::after,
.zef-visual .zef-interactive.selected::after,
.zef-visual .zef-interactive.cdk-option-selected::after,
.zef-visual .zef-interactive.cdk-option-active::after {
  content: "";
  position: absolute;
  pointer-events: none;
  inset: 0;
}
.zef-visual .zef-interactive:hover::after {
  background-color: rgba(17, 37, 57, 0.05);
}
.zef-visual .zef-interactive:active::after,
.zef-visual .zef-interactive.cdk-option-active::after {
  background-color: rgba(17, 37, 57, 0.1);
}
.zef-visual .zef-interactive.selected,
.zef-visual .zef-interactive.cdk-option-selected {
  pointer-events: none;
}
.zef-visual .zef-interactive.selected::after,
.zef-visual .zef-interactive.cdk-option-selected::after {
  background-color: rgba(255, 137, 0, 0.05);
}
.zef-visual .zef-pointer-events-none {
  pointer-events: none !important;
}
.zef-visual .zef-invisible {
  visibility: hidden;
}
.zef-visual .zef-cursor-pointer {
  cursor: pointer;
}
.zef-visual .zef-cursor-initial {
  cursor: initial;
}
.zef-visual .zef-no-select {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.zef-visual .zef-text-link:hover {
  cursor: pointer;
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(10px);
  }
  75% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.zef-visual .input-error-shake {
  animation: shake 100ms ease-in-out 0ms 3;
}
@keyframes fading {
  0% {
    opacity: 0.03;
  }
  50% {
    opacity: 0.05;
  }
  100% {
    opacity: 0.03;
  }
}
.zef-visual .loading-placeholder {
  opacity: 0.03;
  overflow: hidden;
  min-height: 16px;
  border-radius: 5px;
  background: #112539;
  animation: fading 1500ms infinite;
}
.zef-visual .zef-border {
  border: 1px solid #dae2e5;
}
.zef-visual .zef-border-none {
  border: none !important;
}
.zef-visual .zef-border-transparent {
  border: 1px solid transparent;
}
.zef-visual .zef-border-primary {
  border: 1px solid #ff8900;
}
.zef-visual .zef-border-secondary {
  border: 1px solid #fff;
}
.zef-visual .zef-border-accent {
  border: 1px solid #d21a85;
}
.zef-visual .zef-border-ink {
  border: 1px solid #112539;
}
.zef-visual .zef-border-radius-s {
  border-radius: 3px;
}
.zef-visual .zef-border-radius-m {
  border-radius: 5px;
}
.zef-visual .zef-border-radius-l {
  border-radius: 10px;
}
.zef-visual .zef-border-radius-xl {
  border-radius: 16px;
}
.zef-visual .zef-border-dashed {
  border: 1px dashed #93a0ab;
}
.zef-visual .zef-border-dashed-primary {
  border: 1px dashed #ff8900;
}
.zef-visual .zef-border-color-primary {
  border-color: #ff8900;
}
.zef-visual .zef-border-color-primary-inverted {
  border-color: #ffc480;
}
.zef-visual .zef-border-top {
  border-top: 1px solid #dae2e5;
}
.zef-visual .zef-border-top-none {
  border-top: none;
}
.zef-visual .zef-border-right {
  border-right: 1px solid #dae2e5;
}
.zef-visual .zef-border-right-none {
  border-right: none;
}
.zef-visual .zef-border-bottom {
  border-bottom: 1px solid #dae2e5;
}
.zef-visual .zef-border-bottom-none {
  border-bottom: none;
}
.zef-visual .zef-border-left {
  border-left: 1px solid #dae2e5;
}
.zef-visual .zef-border-left-none {
  border-left: none;
}
@keyframes button-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 25px 0;
  }
}
@keyframes ghost-button-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 20px 0;
  }
}
.zef-visual .mat-mdc-icon-button,
.zef-visual .mat-mdc-raised-button {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  height: 32px;
  min-height: 32px;
  border: 1px solid rgba(17, 37, 57, 0.2);
  outline: none;
  font-weight: 500;
  font-family: Inter, sans-serif;
  box-shadow: none !important;
  --mat-button-protected-state-layer-color: #112539;
}
.zef-visual .mat-mdc-icon-button::before,
.zef-visual .mat-mdc-icon-button::after,
.zef-visual .mat-mdc-raised-button::before,
.zef-visual .mat-mdc-raised-button::after {
  content: "";
  position: absolute;
  pointer-events: none;
  transition: background-color 75ms ease-out;
  inset: 0;
}
.zef-visual .mat-mdc-icon-button:link:hover::after,
.zef-visual .mat-mdc-icon-button:enabled:hover::after,
.zef-visual .mat-mdc-raised-button:link:hover::after,
.zef-visual .mat-mdc-raised-button:enabled:hover::after {
  background: rgba(255, 255, 255, 0.2);
}
.zef-visual .mat-mdc-icon-button:link:active::after,
.zef-visual .mat-mdc-icon-button:enabled:active::after,
.zef-visual .mat-mdc-raised-button:link:active::after,
.zef-visual .mat-mdc-raised-button:enabled:active::after {
  background: rgba(17, 37, 57, 0.2);
}
.zef-visual .mat-mdc-icon-button::before,
.zef-visual .mat-mdc-raised-button::before {
  display: initial;
  border: none;
  border-radius: 0;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(0, 0, 0, 0.05) 100%);
}
.zef-visual .mat-mdc-icon-button.mat-transparent,
.zef-visual .mat-mdc-icon-button.zef-ghost-button,
.zef-visual .mat-mdc-icon-button.zef-transparent-button,
.zef-visual .mat-mdc-icon-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent),
.zef-visual .mat-mdc-raised-button.mat-transparent,
.zef-visual .mat-mdc-raised-button.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.zef-transparent-button,
.zef-visual .mat-mdc-raised-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent) {
  border-color: transparent;
  border-radius: 8px;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-transparent::before,
.zef-visual .mat-mdc-icon-button.zef-ghost-button::before,
.zef-visual .mat-mdc-icon-button.zef-transparent-button::before,
.zef-visual .mat-mdc-icon-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent)::before,
.zef-visual .mat-mdc-raised-button.mat-transparent::before,
.zef-visual .mat-mdc-raised-button.zef-ghost-button::before,
.zef-visual .mat-mdc-raised-button.zef-transparent-button::before,
.zef-visual .mat-mdc-raised-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent)::before {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-transparent:link,
.zef-visual .mat-mdc-icon-button.mat-transparent:enabled,
.zef-visual .mat-mdc-icon-button.mat-transparent:disabled,
.zef-visual .mat-mdc-icon-button.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.zef-ghost-button:disabled,
.zef-visual .mat-mdc-icon-button.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.zef-transparent-button:disabled,
.zef-visual .mat-mdc-icon-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):link,
.zef-visual .mat-mdc-icon-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):enabled,
.zef-visual .mat-mdc-icon-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):disabled,
.zef-visual .mat-mdc-raised-button.mat-transparent:link,
.zef-visual .mat-mdc-raised-button.mat-transparent:enabled,
.zef-visual .mat-mdc-raised-button.mat-transparent:disabled,
.zef-visual .mat-mdc-raised-button.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):link,
.zef-visual .mat-mdc-raised-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):enabled,
.zef-visual .mat-mdc-raised-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):disabled {
  color: #112539;
}
.zef-visual .mat-mdc-icon-button.mat-transparent:link.zef-color-ink-lighter,
.zef-visual .mat-mdc-icon-button.mat-transparent:enabled.zef-color-ink-lighter,
.zef-visual .mat-mdc-icon-button.mat-transparent:disabled.zef-color-ink-lighter,
.zef-visual .mat-mdc-icon-button.zef-ghost-button:link.zef-color-ink-lighter,
.zef-visual .mat-mdc-icon-button.zef-ghost-button:enabled.zef-color-ink-lighter,
.zef-visual .mat-mdc-icon-button.zef-ghost-button:disabled.zef-color-ink-lighter,
.zef-visual .mat-mdc-icon-button.zef-transparent-button:link.zef-color-ink-lighter,
.zef-visual .mat-mdc-icon-button.zef-transparent-button:enabled.zef-color-ink-lighter,
.zef-visual .mat-mdc-icon-button.zef-transparent-button:disabled.zef-color-ink-lighter,
.zef-visual .mat-mdc-icon-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):link.zef-color-ink-lighter,
.zef-visual .mat-mdc-icon-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):enabled.zef-color-ink-lighter,
.zef-visual .mat-mdc-icon-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):disabled.zef-color-ink-lighter,
.zef-visual .mat-mdc-raised-button.mat-transparent:link.zef-color-ink-lighter,
.zef-visual .mat-mdc-raised-button.mat-transparent:enabled.zef-color-ink-lighter,
.zef-visual .mat-mdc-raised-button.mat-transparent:disabled.zef-color-ink-lighter,
.zef-visual .mat-mdc-raised-button.zef-ghost-button:link.zef-color-ink-lighter,
.zef-visual .mat-mdc-raised-button.zef-ghost-button:enabled.zef-color-ink-lighter,
.zef-visual .mat-mdc-raised-button.zef-ghost-button:disabled.zef-color-ink-lighter,
.zef-visual .mat-mdc-raised-button.zef-transparent-button:link.zef-color-ink-lighter,
.zef-visual .mat-mdc-raised-button.zef-transparent-button:enabled.zef-color-ink-lighter,
.zef-visual .mat-mdc-raised-button.zef-transparent-button:disabled.zef-color-ink-lighter,
.zef-visual .mat-mdc-raised-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):link.zef-color-ink-lighter,
.zef-visual .mat-mdc-raised-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):enabled.zef-color-ink-lighter,
.zef-visual .mat-mdc-raised-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):disabled.zef-color-ink-lighter {
  color: #60717f;
}
.zef-visual .mat-mdc-icon-button.mat-transparent:link:hover::after,
.zef-visual .mat-mdc-icon-button.mat-transparent:link.selected::after,
.zef-visual .mat-mdc-icon-button.mat-transparent:enabled:hover::after,
.zef-visual .mat-mdc-icon-button.mat-transparent:enabled.selected::after,
.zef-visual .mat-mdc-icon-button.zef-ghost-button:link:hover::after,
.zef-visual .mat-mdc-icon-button.zef-ghost-button:link.selected::after,
.zef-visual .mat-mdc-icon-button.zef-ghost-button:enabled:hover::after,
.zef-visual .mat-mdc-icon-button.zef-ghost-button:enabled.selected::after,
.zef-visual .mat-mdc-icon-button.zef-transparent-button:link:hover::after,
.zef-visual .mat-mdc-icon-button.zef-transparent-button:link.selected::after,
.zef-visual .mat-mdc-icon-button.zef-transparent-button:enabled:hover::after,
.zef-visual .mat-mdc-icon-button.zef-transparent-button:enabled.selected::after,
.zef-visual .mat-mdc-icon-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):link:hover::after,
.zef-visual .mat-mdc-icon-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):link.selected::after,
.zef-visual .mat-mdc-icon-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):enabled:hover::after,
.zef-visual .mat-mdc-icon-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):enabled.selected::after,
.zef-visual .mat-mdc-raised-button.mat-transparent:link:hover::after,
.zef-visual .mat-mdc-raised-button.mat-transparent:link.selected::after,
.zef-visual .mat-mdc-raised-button.mat-transparent:enabled:hover::after,
.zef-visual .mat-mdc-raised-button.mat-transparent:enabled.selected::after,
.zef-visual .mat-mdc-raised-button.zef-ghost-button:link:hover::after,
.zef-visual .mat-mdc-raised-button.zef-ghost-button:link.selected::after,
.zef-visual .mat-mdc-raised-button.zef-ghost-button:enabled:hover::after,
.zef-visual .mat-mdc-raised-button.zef-ghost-button:enabled.selected::after,
.zef-visual .mat-mdc-raised-button.zef-transparent-button:link:hover::after,
.zef-visual .mat-mdc-raised-button.zef-transparent-button:link.selected::after,
.zef-visual .mat-mdc-raised-button.zef-transparent-button:enabled:hover::after,
.zef-visual .mat-mdc-raised-button.zef-transparent-button:enabled.selected::after,
.zef-visual .mat-mdc-raised-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):link:hover::after,
.zef-visual .mat-mdc-raised-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):link.selected::after,
.zef-visual .mat-mdc-raised-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):enabled:hover::after,
.zef-visual .mat-mdc-raised-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):enabled.selected::after {
  background-color: rgba(17, 37, 57, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-transparent:link:active::after,
.zef-visual .mat-mdc-icon-button.mat-transparent:enabled:active::after,
.zef-visual .mat-mdc-icon-button.zef-ghost-button:link:active::after,
.zef-visual .mat-mdc-icon-button.zef-ghost-button:enabled:active::after,
.zef-visual .mat-mdc-icon-button.zef-transparent-button:link:active::after,
.zef-visual .mat-mdc-icon-button.zef-transparent-button:enabled:active::after,
.zef-visual .mat-mdc-icon-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):link:active::after,
.zef-visual .mat-mdc-icon-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):enabled:active::after,
.zef-visual .mat-mdc-raised-button.mat-transparent:link:active::after,
.zef-visual .mat-mdc-raised-button.mat-transparent:enabled:active::after,
.zef-visual .mat-mdc-raised-button.zef-ghost-button:link:active::after,
.zef-visual .mat-mdc-raised-button.zef-ghost-button:enabled:active::after,
.zef-visual .mat-mdc-raised-button.zef-transparent-button:link:active::after,
.zef-visual .mat-mdc-raised-button.zef-transparent-button:enabled:active::after,
.zef-visual .mat-mdc-raised-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):link:active::after,
.zef-visual .mat-mdc-raised-button:not(.zef-gradient-ai):not(.mat-chart-highlight-inverted):not(.mat-warning-inverted):not(.mat-primary):not(.mat-secondary):not(.mat-alert):not(.mat-warning):not(.mat-success):not(.mat-stealth):not(.mat-accent):not(.mat-primary):not(.mat-ink):not(.mat-promo):not(.mat-sms):not(.mat-emails):not(.mat-poll):not(.mat-contacts):not(.mat-trigger):not(.mat-responses):not(.mat-logic):not(.mat-link):not(.mat-embed):not(.mat-popup):not(.mat-email-share):not(.mat-facebook):not(.mat-twitter):not(.mat-admin):not(.mat-linkedin):not(.mat-whatsapp):not(.mat-youtube):not(.mat-hubspot):not(.mat-salesforce):not(.mat-scoring):not(.mat-group):not(.mat-chart-highlight):not(.mat-choice):not(.mat-mp-choice):not(.mat-beta):not(.mat-partner):not(.mat-parent):enabled:active::after {
  background-color: rgba(17, 37, 57, 0.1);
}
.zef-visual .mat-mdc-icon-button.mat-mdc-button-disabled,
.zef-visual .mat-mdc-icon-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-mdc-button-disabled,
.zef-visual .mat-mdc-raised-button:disabled {
  opacity: 0.3;
}
.zef-visual .mat-mdc-icon-button.mat-mdc-button-disabled.visible-disabled,
.zef-visual .mat-mdc-icon-button.mat-mdc-button-disabled.loading,
.zef-visual .mat-mdc-icon-button:disabled.visible-disabled,
.zef-visual .mat-mdc-icon-button:disabled.loading,
.zef-visual .mat-mdc-raised-button.mat-mdc-button-disabled.visible-disabled,
.zef-visual .mat-mdc-raised-button.mat-mdc-button-disabled.loading,
.zef-visual .mat-mdc-raised-button:disabled.visible-disabled,
.zef-visual .mat-mdc-raised-button:disabled.loading {
  opacity: 1;
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button {
  flex-direction: column;
  padding: 16px;
  border: 1px dashed transparent;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background: transparent;
  transition: background-color 75ms ease-out;
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button .mat-icon,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button .mat-icon {
  --mat-button-protected-icon-spacing: 0;
  --mat-button-protected-icon-offset: 0;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button .mat-icon + *,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button .mat-icon + * {
  margin: 16px 0 0;
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button::before,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button::before {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button:link:hover::after,
.zef-visual .mat-mdc-icon-button.zef-placeholder-button:enabled:hover::after,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button:link:hover::after,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button:enabled:hover::after {
  background-color: transparent;
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button:link:active::after,
.zef-visual .mat-mdc-icon-button.zef-placeholder-button:enabled:active::after,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button:link:active::after,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button:enabled:active::after {
  background-color: rgba(17, 37, 57, 0.1);
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button.split-left,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button.split-left {
  margin-right: 2px;
  border-radius: 10px 0 0 10px;
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button.split-right,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button.split-right {
  margin-left: 2px;
  border-radius: 0 10px 10px 0;
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button.inline,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button.inline {
  overflow: hidden;
  flex-direction: row;
  justify-content: start;
  min-width: fit-content;
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button.inline.center,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button.inline.center {
  justify-content: center;
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button.inline .mat-icon,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button.inline .mat-icon {
  left: 0;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button.inline .mat-icon + *,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button.inline .mat-icon + * {
  margin: 0 0 0 16px;
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button.inline.small,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button.inline.small {
  font-size: 12px;
  line-height: 14px;
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button.inline.small .mat-icon + *,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button.inline.small .mat-icon + * {
  margin: 0 0 0 8px;
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button.small,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button.small {
  padding: 8px;
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button.icon-only .mdc-button__label,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button.icon-only .mdc-button__label {
  display: none;
}
.zef-visual .mat-mdc-icon-button.zef-placeholder-button.thick,
.zef-visual .mat-mdc-raised-button.zef-placeholder-button.thick {
  border-width: 2px;
  border-radius: 16px;
}
.zef-visual .mat-mdc-icon-button.mat-primary:link,
.zef-visual .mat-mdc-icon-button.mat-primary:visited,
.zef-visual .mat-mdc-icon-button.mat-primary:enabled,
.zef-visual .mat-mdc-icon-button.mat-primary:disabled,
.zef-visual .mat-mdc-raised-button.mat-primary:link,
.zef-visual .mat-mdc-raised-button.mat-primary:visited,
.zef-visual .mat-mdc-raised-button.mat-primary:enabled,
.zef-visual .mat-mdc-raised-button.mat-primary:disabled {
  color: #fff;
  background: #ff8900;
}
.zef-visual .mat-mdc-icon-button.mat-primary.loading,
.zef-visual .mat-mdc-raised-button.mat-primary.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #ff8900;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #ff8900 6px,
      #ff8900 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-ghost-button {
  color: #ff8900;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 137, 0, 0.1),
      rgba(255, 137, 0, 0.1) 5px,
      rgba(255, 137, 0, 0.05) 6px,
      rgba(255, 137, 0, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-ghost-button:disabled {
  background: rgba(255, 137, 0, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-action-button {
  border-color: rgba(255, 137, 0, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button {
  border-color: #ff8900;
  color: #ff8900;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button.filled {
  color: #fff;
  background: #ff8900;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button.hover:enabled:hover {
  border-color: #ff8900;
  color: #ff8900;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #ff8900;
}
.zef-visual .mat-mdc-icon-button.mat-secondary:link,
.zef-visual .mat-mdc-icon-button.mat-secondary:visited,
.zef-visual .mat-mdc-icon-button.mat-secondary:enabled,
.zef-visual .mat-mdc-icon-button.mat-secondary:disabled,
.zef-visual .mat-mdc-raised-button.mat-secondary:link,
.zef-visual .mat-mdc-raised-button.mat-secondary:visited,
.zef-visual .mat-mdc-raised-button.mat-secondary:enabled,
.zef-visual .mat-mdc-raised-button.mat-secondary:disabled {
  color: #112539;
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-secondary.loading,
.zef-visual .mat-mdc-raised-button.mat-secondary.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #fff;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(17, 37, 57, 0.1),
      rgba(17, 37, 57, 0.1) 5px,
      #fff 6px,
      #fff 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-ghost-button {
  color: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      rgba(255, 255, 255, 0.05) 6px,
      rgba(255, 255, 255, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-ghost-button:disabled {
  background: rgba(255, 255, 255, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-action-button {
  border-color: rgba(255, 255, 255, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-placeholder-button {
  border-color: #fff;
  color: #fff;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-placeholder-button.filled {
  color: #112539;
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-placeholder-button.hover:enabled:hover {
  border-color: #fff;
  color: #fff;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-secondary.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-secondary.zef-placeholder-button.hover:active:hover {
  color: #112539;
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-alert:link,
.zef-visual .mat-mdc-icon-button.mat-alert:visited,
.zef-visual .mat-mdc-icon-button.mat-alert:enabled,
.zef-visual .mat-mdc-icon-button.mat-alert:disabled,
.zef-visual .mat-mdc-raised-button.mat-alert:link,
.zef-visual .mat-mdc-raised-button.mat-alert:visited,
.zef-visual .mat-mdc-raised-button.mat-alert:enabled,
.zef-visual .mat-mdc-raised-button.mat-alert:disabled {
  color: #fff;
  background: #d9386c;
}
.zef-visual .mat-mdc-icon-button.mat-alert.loading,
.zef-visual .mat-mdc-raised-button.mat-alert.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #d9386c;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #d9386c 6px,
      #d9386c 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-alert.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-alert.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-ghost-button {
  color: #d9386c;
}
.zef-visual .mat-mdc-icon-button.mat-alert.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-alert.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(217, 56, 108, 0.1),
      rgba(217, 56, 108, 0.1) 5px,
      rgba(217, 56, 108, 0.05) 6px,
      rgba(217, 56, 108, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-alert.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-alert.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-alert.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-alert.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-alert.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-alert.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-alert.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-alert.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-ghost-button:disabled {
  background: rgba(217, 56, 108, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-alert.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-action-button {
  border-color: rgba(217, 56, 108, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-alert.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-placeholder-button {
  border-color: #d9386c;
  color: #d9386c;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-alert.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-alert.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-alert.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-alert.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-alert.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-placeholder-button.filled {
  color: #fff;
  background: #d9386c;
}
.zef-visual .mat-mdc-icon-button.mat-alert.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-alert.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-alert.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-alert.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-placeholder-button.hover:enabled:hover {
  border-color: #d9386c;
  color: #d9386c;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-alert.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-alert.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-alert.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #d9386c;
}
.zef-visual .mat-mdc-icon-button.mat-warning:link,
.zef-visual .mat-mdc-icon-button.mat-warning:visited,
.zef-visual .mat-mdc-icon-button.mat-warning:enabled,
.zef-visual .mat-mdc-icon-button.mat-warning:disabled,
.zef-visual .mat-mdc-raised-button.mat-warning:link,
.zef-visual .mat-mdc-raised-button.mat-warning:visited,
.zef-visual .mat-mdc-raised-button.mat-warning:enabled,
.zef-visual .mat-mdc-raised-button.mat-warning:disabled {
  color: #fff;
  background: #e5c800;
}
.zef-visual .mat-mdc-icon-button.mat-warning.loading,
.zef-visual .mat-mdc-raised-button.mat-warning.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #e5c800;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #e5c800 6px,
      #e5c800 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-warning.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-warning.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-ghost-button {
  color: #e5c800;
}
.zef-visual .mat-mdc-icon-button.mat-warning.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-warning.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(229, 200, 0, 0.1),
      rgba(229, 200, 0, 0.1) 5px,
      rgba(229, 200, 0, 0.05) 6px,
      rgba(229, 200, 0, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-warning.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-warning.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-warning.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-warning.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-warning.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-warning.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-warning.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-warning.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-ghost-button:disabled {
  background: rgba(229, 200, 0, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-warning.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-action-button {
  border-color: rgba(229, 200, 0, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-warning.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-placeholder-button {
  border-color: #e5c800;
  color: #e5c800;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-warning.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-warning.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-warning.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-warning.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-warning.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-placeholder-button.filled {
  color: #fff;
  background: #e5c800;
}
.zef-visual .mat-mdc-icon-button.mat-warning.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-warning.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-warning.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-warning.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-placeholder-button.hover:enabled:hover {
  border-color: #e5c800;
  color: #e5c800;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-warning.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-warning.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-warning.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #e5c800;
}
.zef-visual .mat-mdc-icon-button.mat-success:link,
.zef-visual .mat-mdc-icon-button.mat-success:visited,
.zef-visual .mat-mdc-icon-button.mat-success:enabled,
.zef-visual .mat-mdc-icon-button.mat-success:disabled,
.zef-visual .mat-mdc-raised-button.mat-success:link,
.zef-visual .mat-mdc-raised-button.mat-success:visited,
.zef-visual .mat-mdc-raised-button.mat-success:enabled,
.zef-visual .mat-mdc-raised-button.mat-success:disabled {
  color: #fff;
  background: #18b56c;
}
.zef-visual .mat-mdc-icon-button.mat-success.loading,
.zef-visual .mat-mdc-raised-button.mat-success.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #18b56c;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #18b56c 6px,
      #18b56c 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-success.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-success.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-success.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-success.zef-ghost-button {
  color: #18b56c;
}
.zef-visual .mat-mdc-icon-button.mat-success.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-success.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-success.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-success.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(24, 181, 108, 0.1),
      rgba(24, 181, 108, 0.1) 5px,
      rgba(24, 181, 108, 0.05) 6px,
      rgba(24, 181, 108, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-success.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-success.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-success.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-success.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-success.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-success.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-success.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-success.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-success.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-success.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-success.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-success.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-success.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-success.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-success.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-success.zef-ghost-button:disabled {
  background: rgba(24, 181, 108, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-success.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-success.zef-action-button {
  border-color: rgba(24, 181, 108, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-success.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-success.zef-placeholder-button {
  border-color: #18b56c;
  color: #18b56c;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-success.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-success.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-success.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-success.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-success.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-success.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-success.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-success.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-success.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-success.zef-placeholder-button.filled {
  color: #fff;
  background: #18b56c;
}
.zef-visual .mat-mdc-icon-button.mat-success.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-success.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-success.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-success.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-success.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-success.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-success.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-success.zef-placeholder-button.hover:enabled:hover {
  border-color: #18b56c;
  color: #18b56c;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-success.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-success.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-success.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-success.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #18b56c;
}
.zef-visual .mat-mdc-icon-button.mat-stealth:link,
.zef-visual .mat-mdc-icon-button.mat-stealth:visited,
.zef-visual .mat-mdc-icon-button.mat-stealth:enabled,
.zef-visual .mat-mdc-icon-button.mat-stealth:disabled,
.zef-visual .mat-mdc-raised-button.mat-stealth:link,
.zef-visual .mat-mdc-raised-button.mat-stealth:visited,
.zef-visual .mat-mdc-raised-button.mat-stealth:enabled,
.zef-visual .mat-mdc-raised-button.mat-stealth:disabled {
  color: #fff;
  background: #495c6c;
}
.zef-visual .mat-mdc-icon-button.mat-stealth.loading,
.zef-visual .mat-mdc-raised-button.mat-stealth.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #495c6c;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #495c6c 6px,
      #495c6c 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-ghost-button {
  color: #495c6c;
}
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(73, 92, 108, 0.1),
      rgba(73, 92, 108, 0.1) 5px,
      rgba(73, 92, 108, 0.05) 6px,
      rgba(73, 92, 108, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-ghost-button:disabled {
  background: rgba(73, 92, 108, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-action-button {
  border-color: rgba(73, 92, 108, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-placeholder-button {
  border-color: #495c6c;
  color: #495c6c;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-placeholder-button.filled {
  color: #fff;
  background: #495c6c;
}
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-placeholder-button.hover:enabled:hover {
  border-color: #495c6c;
  color: #495c6c;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-stealth.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-stealth.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #495c6c;
}
.zef-visual .mat-mdc-icon-button.mat-accent:link,
.zef-visual .mat-mdc-icon-button.mat-accent:visited,
.zef-visual .mat-mdc-icon-button.mat-accent:enabled,
.zef-visual .mat-mdc-icon-button.mat-accent:disabled,
.zef-visual .mat-mdc-raised-button.mat-accent:link,
.zef-visual .mat-mdc-raised-button.mat-accent:visited,
.zef-visual .mat-mdc-raised-button.mat-accent:enabled,
.zef-visual .mat-mdc-raised-button.mat-accent:disabled {
  color: #fff;
  background: #d21a85;
}
.zef-visual .mat-mdc-icon-button.mat-accent.loading,
.zef-visual .mat-mdc-raised-button.mat-accent.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #d21a85;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #d21a85 6px,
      #d21a85 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-accent.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-accent.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-ghost-button {
  color: #d21a85;
}
.zef-visual .mat-mdc-icon-button.mat-accent.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-accent.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(210, 26, 133, 0.1),
      rgba(210, 26, 133, 0.1) 5px,
      rgba(210, 26, 133, 0.05) 6px,
      rgba(210, 26, 133, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-accent.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-accent.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-accent.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-accent.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-accent.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-accent.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-accent.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-accent.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-ghost-button:disabled {
  background: rgba(210, 26, 133, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-accent.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-action-button {
  border-color: rgba(210, 26, 133, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-accent.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-placeholder-button {
  border-color: #d21a85;
  color: #d21a85;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-accent.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-accent.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-accent.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-accent.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-accent.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-placeholder-button.filled {
  color: #fff;
  background: #d21a85;
}
.zef-visual .mat-mdc-icon-button.mat-accent.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-accent.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-accent.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-accent.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-placeholder-button.hover:enabled:hover {
  border-color: #d21a85;
  color: #d21a85;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-accent.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-accent.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-accent.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #d21a85;
}
.zef-visual .mat-mdc-icon-button.mat-primary:link,
.zef-visual .mat-mdc-icon-button.mat-primary:visited,
.zef-visual .mat-mdc-icon-button.mat-primary:enabled,
.zef-visual .mat-mdc-icon-button.mat-primary:disabled,
.zef-visual .mat-mdc-raised-button.mat-primary:link,
.zef-visual .mat-mdc-raised-button.mat-primary:visited,
.zef-visual .mat-mdc-raised-button.mat-primary:enabled,
.zef-visual .mat-mdc-raised-button.mat-primary:disabled {
  color: #fff;
  background: #ff8900;
}
.zef-visual .mat-mdc-icon-button.mat-primary.loading,
.zef-visual .mat-mdc-raised-button.mat-primary.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #ff8900;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #ff8900 6px,
      #ff8900 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-ghost-button {
  color: #ff8900;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 137, 0, 0.1),
      rgba(255, 137, 0, 0.1) 5px,
      rgba(255, 137, 0, 0.05) 6px,
      rgba(255, 137, 0, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-ghost-button:disabled {
  background: rgba(255, 137, 0, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-action-button {
  border-color: rgba(255, 137, 0, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button {
  border-color: #ff8900;
  color: #ff8900;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button.filled {
  color: #fff;
  background: #ff8900;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button.hover:enabled:hover {
  border-color: #ff8900;
  color: #ff8900;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-primary.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-primary.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #ff8900;
}
.zef-visual .mat-mdc-icon-button.mat-ink:link,
.zef-visual .mat-mdc-icon-button.mat-ink:visited,
.zef-visual .mat-mdc-icon-button.mat-ink:enabled,
.zef-visual .mat-mdc-icon-button.mat-ink:disabled,
.zef-visual .mat-mdc-raised-button.mat-ink:link,
.zef-visual .mat-mdc-raised-button.mat-ink:visited,
.zef-visual .mat-mdc-raised-button.mat-ink:enabled,
.zef-visual .mat-mdc-raised-button.mat-ink:disabled {
  color: #fff;
  background: #112539;
}
.zef-visual .mat-mdc-icon-button.mat-ink.loading,
.zef-visual .mat-mdc-raised-button.mat-ink.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #112539;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #112539 6px,
      #112539 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-ink.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-ink.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-ghost-button {
  color: #112539;
}
.zef-visual .mat-mdc-icon-button.mat-ink.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-ink.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(17, 37, 57, 0.1),
      rgba(17, 37, 57, 0.1) 5px,
      rgba(17, 37, 57, 0.05) 6px,
      rgba(17, 37, 57, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-ink.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-ink.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-ink.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-ink.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-ink.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-ink.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-ink.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-ink.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-ghost-button:disabled {
  background: rgba(17, 37, 57, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-ink.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-action-button {
  border-color: rgba(17, 37, 57, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-ink.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-placeholder-button {
  border-color: #112539;
  color: #112539;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-ink.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-ink.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-ink.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-ink.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-ink.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-placeholder-button.filled {
  color: #fff;
  background: #112539;
}
.zef-visual .mat-mdc-icon-button.mat-ink.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-ink.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-ink.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-ink.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-placeholder-button.hover:enabled:hover {
  border-color: #112539;
  color: #112539;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-ink.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-ink.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-ink.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #112539;
}
.zef-visual .mat-mdc-icon-button.mat-promo:link,
.zef-visual .mat-mdc-icon-button.mat-promo:visited,
.zef-visual .mat-mdc-icon-button.mat-promo:enabled,
.zef-visual .mat-mdc-icon-button.mat-promo:disabled,
.zef-visual .mat-mdc-raised-button.mat-promo:link,
.zef-visual .mat-mdc-raised-button.mat-promo:visited,
.zef-visual .mat-mdc-raised-button.mat-promo:enabled,
.zef-visual .mat-mdc-raised-button.mat-promo:disabled {
  color: #fff;
  background: #0da9ab;
}
.zef-visual .mat-mdc-icon-button.mat-promo.loading,
.zef-visual .mat-mdc-raised-button.mat-promo.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #0da9ab;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #0da9ab 6px,
      #0da9ab 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-promo.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-promo.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-ghost-button {
  color: #0da9ab;
}
.zef-visual .mat-mdc-icon-button.mat-promo.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-promo.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(13, 169, 171, 0.1),
      rgba(13, 169, 171, 0.1) 5px,
      rgba(13, 169, 171, 0.05) 6px,
      rgba(13, 169, 171, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-promo.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-promo.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-promo.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-promo.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-promo.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-promo.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-promo.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-promo.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-ghost-button:disabled {
  background: rgba(13, 169, 171, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-promo.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-action-button {
  border-color: rgba(13, 169, 171, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-promo.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-placeholder-button {
  border-color: #0da9ab;
  color: #0da9ab;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-promo.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-promo.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-promo.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-promo.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-promo.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-placeholder-button.filled {
  color: #fff;
  background: #0da9ab;
}
.zef-visual .mat-mdc-icon-button.mat-promo.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-promo.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-promo.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-promo.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-placeholder-button.hover:enabled:hover {
  border-color: #0da9ab;
  color: #0da9ab;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-promo.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-promo.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-promo.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #0da9ab;
}
.zef-visual .mat-mdc-icon-button.mat-sms:link,
.zef-visual .mat-mdc-icon-button.mat-sms:visited,
.zef-visual .mat-mdc-icon-button.mat-sms:enabled,
.zef-visual .mat-mdc-icon-button.mat-sms:disabled,
.zef-visual .mat-mdc-raised-button.mat-sms:link,
.zef-visual .mat-mdc-raised-button.mat-sms:visited,
.zef-visual .mat-mdc-raised-button.mat-sms:enabled,
.zef-visual .mat-mdc-raised-button.mat-sms:disabled {
  color: #fff;
  background: #5ca600;
}
.zef-visual .mat-mdc-icon-button.mat-sms.loading,
.zef-visual .mat-mdc-raised-button.mat-sms.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #5ca600;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #5ca600 6px,
      #5ca600 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-sms.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-sms.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-ghost-button {
  color: #5ca600;
}
.zef-visual .mat-mdc-icon-button.mat-sms.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-sms.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(92, 166, 0, 0.1),
      rgba(92, 166, 0, 0.1) 5px,
      rgba(92, 166, 0, 0.05) 6px,
      rgba(92, 166, 0, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-sms.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-sms.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-sms.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-sms.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-sms.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-sms.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-sms.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-sms.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-ghost-button:disabled {
  background: rgba(92, 166, 0, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-sms.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-action-button {
  border-color: rgba(92, 166, 0, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-sms.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-placeholder-button {
  border-color: #5ca600;
  color: #5ca600;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-sms.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-sms.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-sms.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-sms.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-sms.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-placeholder-button.filled {
  color: #fff;
  background: #5ca600;
}
.zef-visual .mat-mdc-icon-button.mat-sms.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-sms.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-sms.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-sms.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-placeholder-button.hover:enabled:hover {
  border-color: #5ca600;
  color: #5ca600;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-sms.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-sms.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-sms.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #5ca600;
}
.zef-visual .mat-mdc-icon-button.mat-emails:link,
.zef-visual .mat-mdc-icon-button.mat-emails:visited,
.zef-visual .mat-mdc-icon-button.mat-emails:enabled,
.zef-visual .mat-mdc-icon-button.mat-emails:disabled,
.zef-visual .mat-mdc-raised-button.mat-emails:link,
.zef-visual .mat-mdc-raised-button.mat-emails:visited,
.zef-visual .mat-mdc-raised-button.mat-emails:enabled,
.zef-visual .mat-mdc-raised-button.mat-emails:disabled {
  color: #fff;
  background: #cf1196;
}
.zef-visual .mat-mdc-icon-button.mat-emails.loading,
.zef-visual .mat-mdc-raised-button.mat-emails.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #cf1196;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #cf1196 6px,
      #cf1196 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-emails.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-emails.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-ghost-button {
  color: #cf1196;
}
.zef-visual .mat-mdc-icon-button.mat-emails.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-emails.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(207, 17, 150, 0.1),
      rgba(207, 17, 150, 0.1) 5px,
      rgba(207, 17, 150, 0.05) 6px,
      rgba(207, 17, 150, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-emails.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-emails.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-emails.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-emails.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-emails.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-emails.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-emails.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-emails.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-ghost-button:disabled {
  background: rgba(207, 17, 150, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-emails.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-action-button {
  border-color: rgba(207, 17, 150, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-emails.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-placeholder-button {
  border-color: #cf1196;
  color: #cf1196;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-emails.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-emails.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-emails.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-emails.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-emails.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-placeholder-button.filled {
  color: #fff;
  background: #cf1196;
}
.zef-visual .mat-mdc-icon-button.mat-emails.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-emails.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-emails.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-emails.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-placeholder-button.hover:enabled:hover {
  border-color: #cf1196;
  color: #cf1196;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-emails.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-emails.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-emails.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #cf1196;
}
.zef-visual .mat-mdc-icon-button.mat-poll:link,
.zef-visual .mat-mdc-icon-button.mat-poll:visited,
.zef-visual .mat-mdc-icon-button.mat-poll:enabled,
.zef-visual .mat-mdc-icon-button.mat-poll:disabled,
.zef-visual .mat-mdc-raised-button.mat-poll:link,
.zef-visual .mat-mdc-raised-button.mat-poll:visited,
.zef-visual .mat-mdc-raised-button.mat-poll:enabled,
.zef-visual .mat-mdc-raised-button.mat-poll:disabled {
  color: #fff;
  background: #a0f;
}
.zef-visual .mat-mdc-icon-button.mat-poll.loading,
.zef-visual .mat-mdc-raised-button.mat-poll.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #a0f;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #a0f 6px,
      #a0f 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-poll.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-poll.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-ghost-button {
  color: #a0f;
}
.zef-visual .mat-mdc-icon-button.mat-poll.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-poll.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(170, 0, 255, 0.1),
      rgba(170, 0, 255, 0.1) 5px,
      rgba(170, 0, 255, 0.05) 6px,
      rgba(170, 0, 255, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-poll.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-poll.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-poll.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-poll.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-poll.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-poll.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-poll.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-poll.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-ghost-button:disabled {
  background: rgba(170, 0, 255, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-poll.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-action-button {
  border-color: rgba(170, 0, 255, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-poll.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-placeholder-button {
  border-color: #a0f;
  color: #a0f;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-poll.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-poll.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-poll.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-poll.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-poll.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-placeholder-button.filled {
  color: #fff;
  background: #a0f;
}
.zef-visual .mat-mdc-icon-button.mat-poll.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-poll.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-poll.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-poll.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-placeholder-button.hover:enabled:hover {
  border-color: #a0f;
  color: #a0f;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-poll.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-poll.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-poll.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #a0f;
}
.zef-visual .mat-mdc-icon-button.mat-contacts:link,
.zef-visual .mat-mdc-icon-button.mat-contacts:visited,
.zef-visual .mat-mdc-icon-button.mat-contacts:enabled,
.zef-visual .mat-mdc-icon-button.mat-contacts:disabled,
.zef-visual .mat-mdc-raised-button.mat-contacts:link,
.zef-visual .mat-mdc-raised-button.mat-contacts:visited,
.zef-visual .mat-mdc-raised-button.mat-contacts:enabled,
.zef-visual .mat-mdc-raised-button.mat-contacts:disabled {
  color: #fff;
  background: #0bc;
}
.zef-visual .mat-mdc-icon-button.mat-contacts.loading,
.zef-visual .mat-mdc-raised-button.mat-contacts.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #0bc;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #0bc 6px,
      #0bc 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-ghost-button {
  color: #0bc;
}
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(0, 187, 204, 0.1),
      rgba(0, 187, 204, 0.1) 5px,
      rgba(0, 187, 204, 0.05) 6px,
      rgba(0, 187, 204, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-ghost-button:disabled {
  background: rgba(0, 187, 204, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-action-button {
  border-color: rgba(0, 187, 204, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-placeholder-button {
  border-color: #0bc;
  color: #0bc;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-placeholder-button.filled {
  color: #fff;
  background: #0bc;
}
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-placeholder-button.hover:enabled:hover {
  border-color: #0bc;
  color: #0bc;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-contacts.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-contacts.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #0bc;
}
.zef-visual .mat-mdc-icon-button.mat-trigger:link,
.zef-visual .mat-mdc-icon-button.mat-trigger:visited,
.zef-visual .mat-mdc-icon-button.mat-trigger:enabled,
.zef-visual .mat-mdc-icon-button.mat-trigger:disabled,
.zef-visual .mat-mdc-raised-button.mat-trigger:link,
.zef-visual .mat-mdc-raised-button.mat-trigger:visited,
.zef-visual .mat-mdc-raised-button.mat-trigger:enabled,
.zef-visual .mat-mdc-raised-button.mat-trigger:disabled {
  color: #fff;
  background: #0e6ea1;
}
.zef-visual .mat-mdc-icon-button.mat-trigger.loading,
.zef-visual .mat-mdc-raised-button.mat-trigger.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #0e6ea1;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #0e6ea1 6px,
      #0e6ea1 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-ghost-button {
  color: #0e6ea1;
}
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(14, 110, 161, 0.1),
      rgba(14, 110, 161, 0.1) 5px,
      rgba(14, 110, 161, 0.05) 6px,
      rgba(14, 110, 161, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-ghost-button:disabled {
  background: rgba(14, 110, 161, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-action-button {
  border-color: rgba(14, 110, 161, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-placeholder-button {
  border-color: #0e6ea1;
  color: #0e6ea1;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-placeholder-button.filled {
  color: #fff;
  background: #0e6ea1;
}
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-placeholder-button.hover:enabled:hover {
  border-color: #0e6ea1;
  color: #0e6ea1;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-trigger.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-trigger.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #0e6ea1;
}
.zef-visual .mat-mdc-icon-button.mat-responses:link,
.zef-visual .mat-mdc-icon-button.mat-responses:visited,
.zef-visual .mat-mdc-icon-button.mat-responses:enabled,
.zef-visual .mat-mdc-icon-button.mat-responses:disabled,
.zef-visual .mat-mdc-raised-button.mat-responses:link,
.zef-visual .mat-mdc-raised-button.mat-responses:visited,
.zef-visual .mat-mdc-raised-button.mat-responses:enabled,
.zef-visual .mat-mdc-raised-button.mat-responses:disabled {
  color: #fff;
  background: #7d15ed;
}
.zef-visual .mat-mdc-icon-button.mat-responses.loading,
.zef-visual .mat-mdc-raised-button.mat-responses.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #7d15ed;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #7d15ed 6px,
      #7d15ed 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-responses.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-responses.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-ghost-button {
  color: #7d15ed;
}
.zef-visual .mat-mdc-icon-button.mat-responses.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-responses.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(125, 21, 237, 0.1),
      rgba(125, 21, 237, 0.1) 5px,
      rgba(125, 21, 237, 0.05) 6px,
      rgba(125, 21, 237, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-responses.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-responses.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-responses.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-responses.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-responses.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-responses.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-responses.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-responses.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-ghost-button:disabled {
  background: rgba(125, 21, 237, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-responses.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-action-button {
  border-color: rgba(125, 21, 237, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-responses.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-placeholder-button {
  border-color: #7d15ed;
  color: #7d15ed;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-responses.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-responses.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-responses.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-responses.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-responses.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-placeholder-button.filled {
  color: #fff;
  background: #7d15ed;
}
.zef-visual .mat-mdc-icon-button.mat-responses.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-responses.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-responses.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-responses.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-placeholder-button.hover:enabled:hover {
  border-color: #7d15ed;
  color: #7d15ed;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-responses.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-responses.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-responses.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #7d15ed;
}
.zef-visual .mat-mdc-icon-button.mat-logic:link,
.zef-visual .mat-mdc-icon-button.mat-logic:visited,
.zef-visual .mat-mdc-icon-button.mat-logic:enabled,
.zef-visual .mat-mdc-icon-button.mat-logic:disabled,
.zef-visual .mat-mdc-raised-button.mat-logic:link,
.zef-visual .mat-mdc-raised-button.mat-logic:visited,
.zef-visual .mat-mdc-raised-button.mat-logic:enabled,
.zef-visual .mat-mdc-raised-button.mat-logic:disabled {
  color: #fff;
  background: #9a2cde;
}
.zef-visual .mat-mdc-icon-button.mat-logic.loading,
.zef-visual .mat-mdc-raised-button.mat-logic.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #9a2cde;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #9a2cde 6px,
      #9a2cde 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-logic.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-logic.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-ghost-button {
  color: #9a2cde;
}
.zef-visual .mat-mdc-icon-button.mat-logic.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-logic.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(154, 44, 222, 0.1),
      rgba(154, 44, 222, 0.1) 5px,
      rgba(154, 44, 222, 0.05) 6px,
      rgba(154, 44, 222, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-logic.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-logic.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-logic.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-logic.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-logic.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-logic.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-logic.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-logic.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-ghost-button:disabled {
  background: rgba(154, 44, 222, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-logic.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-action-button {
  border-color: rgba(154, 44, 222, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-logic.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-placeholder-button {
  border-color: #9a2cde;
  color: #9a2cde;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-logic.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-logic.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-logic.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-logic.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-logic.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-placeholder-button.filled {
  color: #fff;
  background: #9a2cde;
}
.zef-visual .mat-mdc-icon-button.mat-logic.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-logic.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-logic.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-logic.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-placeholder-button.hover:enabled:hover {
  border-color: #9a2cde;
  color: #9a2cde;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-logic.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-logic.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-logic.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #9a2cde;
}
.zef-visual .mat-mdc-icon-button.mat-link:link,
.zef-visual .mat-mdc-icon-button.mat-link:visited,
.zef-visual .mat-mdc-icon-button.mat-link:enabled,
.zef-visual .mat-mdc-icon-button.mat-link:disabled,
.zef-visual .mat-mdc-raised-button.mat-link:link,
.zef-visual .mat-mdc-raised-button.mat-link:visited,
.zef-visual .mat-mdc-raised-button.mat-link:enabled,
.zef-visual .mat-mdc-raised-button.mat-link:disabled {
  color: #fff;
  background: #1143cf;
}
.zef-visual .mat-mdc-icon-button.mat-link.loading,
.zef-visual .mat-mdc-raised-button.mat-link.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #1143cf;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #1143cf 6px,
      #1143cf 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-link.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-link.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-link.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-link.zef-ghost-button {
  color: #1143cf;
}
.zef-visual .mat-mdc-icon-button.mat-link.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-link.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-link.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-link.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(17, 67, 207, 0.1),
      rgba(17, 67, 207, 0.1) 5px,
      rgba(17, 67, 207, 0.05) 6px,
      rgba(17, 67, 207, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-link.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-link.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-link.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-link.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-link.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-link.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-link.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-link.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-link.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-link.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-link.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-link.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-link.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-link.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-link.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-link.zef-ghost-button:disabled {
  background: rgba(17, 67, 207, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-link.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-link.zef-action-button {
  border-color: rgba(17, 67, 207, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-link.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-link.zef-placeholder-button {
  border-color: #1143cf;
  color: #1143cf;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-link.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-link.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-link.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-link.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-link.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-link.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-link.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-link.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-link.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-link.zef-placeholder-button.filled {
  color: #fff;
  background: #1143cf;
}
.zef-visual .mat-mdc-icon-button.mat-link.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-link.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-link.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-link.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-link.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-link.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-link.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-link.zef-placeholder-button.hover:enabled:hover {
  border-color: #1143cf;
  color: #1143cf;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-link.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-link.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-link.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-link.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #1143cf;
}
.zef-visual .mat-mdc-icon-button.mat-embed:link,
.zef-visual .mat-mdc-icon-button.mat-embed:visited,
.zef-visual .mat-mdc-icon-button.mat-embed:enabled,
.zef-visual .mat-mdc-icon-button.mat-embed:disabled,
.zef-visual .mat-mdc-raised-button.mat-embed:link,
.zef-visual .mat-mdc-raised-button.mat-embed:visited,
.zef-visual .mat-mdc-raised-button.mat-embed:enabled,
.zef-visual .mat-mdc-raised-button.mat-embed:disabled {
  color: #fff;
  background: #118fcf;
}
.zef-visual .mat-mdc-icon-button.mat-embed.loading,
.zef-visual .mat-mdc-raised-button.mat-embed.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #118fcf;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #118fcf 6px,
      #118fcf 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-embed.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-embed.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-ghost-button {
  color: #118fcf;
}
.zef-visual .mat-mdc-icon-button.mat-embed.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-embed.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(17, 143, 207, 0.1),
      rgba(17, 143, 207, 0.1) 5px,
      rgba(17, 143, 207, 0.05) 6px,
      rgba(17, 143, 207, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-embed.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-embed.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-embed.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-embed.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-embed.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-embed.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-embed.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-embed.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-ghost-button:disabled {
  background: rgba(17, 143, 207, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-embed.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-action-button {
  border-color: rgba(17, 143, 207, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-embed.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-placeholder-button {
  border-color: #118fcf;
  color: #118fcf;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-embed.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-embed.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-embed.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-embed.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-embed.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-placeholder-button.filled {
  color: #fff;
  background: #118fcf;
}
.zef-visual .mat-mdc-icon-button.mat-embed.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-embed.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-embed.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-embed.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-placeholder-button.hover:enabled:hover {
  border-color: #118fcf;
  color: #118fcf;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-embed.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-embed.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-embed.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #118fcf;
}
.zef-visual .mat-mdc-icon-button.mat-popup:link,
.zef-visual .mat-mdc-icon-button.mat-popup:visited,
.zef-visual .mat-mdc-icon-button.mat-popup:enabled,
.zef-visual .mat-mdc-icon-button.mat-popup:disabled,
.zef-visual .mat-mdc-raised-button.mat-popup:link,
.zef-visual .mat-mdc-raised-button.mat-popup:visited,
.zef-visual .mat-mdc-raised-button.mat-popup:enabled,
.zef-visual .mat-mdc-raised-button.mat-popup:disabled {
  color: #fff;
  background: #00afeb;
}
.zef-visual .mat-mdc-icon-button.mat-popup.loading,
.zef-visual .mat-mdc-raised-button.mat-popup.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #00afeb;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #00afeb 6px,
      #00afeb 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-popup.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-popup.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-ghost-button {
  color: #00afeb;
}
.zef-visual .mat-mdc-icon-button.mat-popup.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-popup.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(0, 175, 235, 0.1),
      rgba(0, 175, 235, 0.1) 5px,
      rgba(0, 175, 235, 0.05) 6px,
      rgba(0, 175, 235, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-popup.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-popup.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-popup.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-popup.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-popup.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-popup.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-popup.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-popup.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-ghost-button:disabled {
  background: rgba(0, 175, 235, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-popup.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-action-button {
  border-color: rgba(0, 175, 235, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-popup.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-placeholder-button {
  border-color: #00afeb;
  color: #00afeb;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-popup.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-popup.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-popup.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-popup.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-popup.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-placeholder-button.filled {
  color: #fff;
  background: #00afeb;
}
.zef-visual .mat-mdc-icon-button.mat-popup.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-popup.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-popup.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-popup.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-placeholder-button.hover:enabled:hover {
  border-color: #00afeb;
  color: #00afeb;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-popup.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-popup.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-popup.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #00afeb;
}
.zef-visual .mat-mdc-icon-button.mat-email-share:link,
.zef-visual .mat-mdc-icon-button.mat-email-share:visited,
.zef-visual .mat-mdc-icon-button.mat-email-share:enabled,
.zef-visual .mat-mdc-icon-button.mat-email-share:disabled,
.zef-visual .mat-mdc-raised-button.mat-email-share:link,
.zef-visual .mat-mdc-raised-button.mat-email-share:visited,
.zef-visual .mat-mdc-raised-button.mat-email-share:enabled,
.zef-visual .mat-mdc-raised-button.mat-email-share:disabled {
  color: #fff;
  background: #e6a82e;
}
.zef-visual .mat-mdc-icon-button.mat-email-share.loading,
.zef-visual .mat-mdc-raised-button.mat-email-share.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #e6a82e;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #e6a82e 6px,
      #e6a82e 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-ghost-button {
  color: #e6a82e;
}
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(230, 168, 46, 0.1),
      rgba(230, 168, 46, 0.1) 5px,
      rgba(230, 168, 46, 0.05) 6px,
      rgba(230, 168, 46, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-ghost-button:disabled {
  background: rgba(230, 168, 46, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-action-button {
  border-color: rgba(230, 168, 46, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-placeholder-button {
  border-color: #e6a82e;
  color: #e6a82e;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-placeholder-button.filled {
  color: #fff;
  background: #e6a82e;
}
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-placeholder-button.hover:enabled:hover {
  border-color: #e6a82e;
  color: #e6a82e;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-email-share.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-email-share.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #e6a82e;
}
.zef-visual .mat-mdc-icon-button.mat-facebook:link,
.zef-visual .mat-mdc-icon-button.mat-facebook:visited,
.zef-visual .mat-mdc-icon-button.mat-facebook:enabled,
.zef-visual .mat-mdc-icon-button.mat-facebook:disabled,
.zef-visual .mat-mdc-raised-button.mat-facebook:link,
.zef-visual .mat-mdc-raised-button.mat-facebook:visited,
.zef-visual .mat-mdc-raised-button.mat-facebook:enabled,
.zef-visual .mat-mdc-raised-button.mat-facebook:disabled {
  color: #fff;
  background: #324d8f;
}
.zef-visual .mat-mdc-icon-button.mat-facebook.loading,
.zef-visual .mat-mdc-raised-button.mat-facebook.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #324d8f;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #324d8f 6px,
      #324d8f 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-ghost-button {
  color: #324d8f;
}
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(50, 77, 143, 0.1),
      rgba(50, 77, 143, 0.1) 5px,
      rgba(50, 77, 143, 0.05) 6px,
      rgba(50, 77, 143, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-ghost-button:disabled {
  background: rgba(50, 77, 143, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-action-button {
  border-color: rgba(50, 77, 143, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-placeholder-button {
  border-color: #324d8f;
  color: #324d8f;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-placeholder-button.filled {
  color: #fff;
  background: #324d8f;
}
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-placeholder-button.hover:enabled:hover {
  border-color: #324d8f;
  color: #324d8f;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-facebook.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-facebook.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #324d8f;
}
.zef-visual .mat-mdc-icon-button.mat-twitter:link,
.zef-visual .mat-mdc-icon-button.mat-twitter:visited,
.zef-visual .mat-mdc-icon-button.mat-twitter:enabled,
.zef-visual .mat-mdc-icon-button.mat-twitter:disabled,
.zef-visual .mat-mdc-raised-button.mat-twitter:link,
.zef-visual .mat-mdc-raised-button.mat-twitter:visited,
.zef-visual .mat-mdc-raised-button.mat-twitter:enabled,
.zef-visual .mat-mdc-raised-button.mat-twitter:disabled {
  color: #fff;
  background: #00aced;
}
.zef-visual .mat-mdc-icon-button.mat-twitter.loading,
.zef-visual .mat-mdc-raised-button.mat-twitter.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #00aced;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #00aced 6px,
      #00aced 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-ghost-button {
  color: #00aced;
}
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(0, 172, 237, 0.1),
      rgba(0, 172, 237, 0.1) 5px,
      rgba(0, 172, 237, 0.05) 6px,
      rgba(0, 172, 237, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-ghost-button:disabled {
  background: rgba(0, 172, 237, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-action-button {
  border-color: rgba(0, 172, 237, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-placeholder-button {
  border-color: #00aced;
  color: #00aced;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-placeholder-button.filled {
  color: #fff;
  background: #00aced;
}
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-placeholder-button.hover:enabled:hover {
  border-color: #00aced;
  color: #00aced;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-twitter.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-twitter.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #00aced;
}
.zef-visual .mat-mdc-icon-button.mat-admin:link,
.zef-visual .mat-mdc-icon-button.mat-admin:visited,
.zef-visual .mat-mdc-icon-button.mat-admin:enabled,
.zef-visual .mat-mdc-icon-button.mat-admin:disabled,
.zef-visual .mat-mdc-raised-button.mat-admin:link,
.zef-visual .mat-mdc-raised-button.mat-admin:visited,
.zef-visual .mat-mdc-raised-button.mat-admin:enabled,
.zef-visual .mat-mdc-raised-button.mat-admin:disabled {
  color: #fff;
  background: #a08c00;
}
.zef-visual .mat-mdc-icon-button.mat-admin.loading,
.zef-visual .mat-mdc-raised-button.mat-admin.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #a08c00;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #a08c00 6px,
      #a08c00 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-admin.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-admin.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-ghost-button {
  color: #a08c00;
}
.zef-visual .mat-mdc-icon-button.mat-admin.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-admin.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(160, 140, 0, 0.1),
      rgba(160, 140, 0, 0.1) 5px,
      rgba(160, 140, 0, 0.05) 6px,
      rgba(160, 140, 0, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-admin.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-admin.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-admin.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-admin.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-admin.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-admin.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-admin.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-admin.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-ghost-button:disabled {
  background: rgba(160, 140, 0, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-admin.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-action-button {
  border-color: rgba(160, 140, 0, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-admin.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-placeholder-button {
  border-color: #a08c00;
  color: #a08c00;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-admin.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-admin.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-admin.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-admin.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-admin.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-placeholder-button.filled {
  color: #fff;
  background: #a08c00;
}
.zef-visual .mat-mdc-icon-button.mat-admin.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-admin.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-admin.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-admin.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-placeholder-button.hover:enabled:hover {
  border-color: #a08c00;
  color: #a08c00;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-admin.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-admin.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-admin.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #a08c00;
}
.zef-visual .mat-mdc-icon-button.mat-linkedin:link,
.zef-visual .mat-mdc-icon-button.mat-linkedin:visited,
.zef-visual .mat-mdc-icon-button.mat-linkedin:enabled,
.zef-visual .mat-mdc-icon-button.mat-linkedin:disabled,
.zef-visual .mat-mdc-raised-button.mat-linkedin:link,
.zef-visual .mat-mdc-raised-button.mat-linkedin:visited,
.zef-visual .mat-mdc-raised-button.mat-linkedin:enabled,
.zef-visual .mat-mdc-raised-button.mat-linkedin:disabled {
  color: #fff;
  background: #0077b5;
}
.zef-visual .mat-mdc-icon-button.mat-linkedin.loading,
.zef-visual .mat-mdc-raised-button.mat-linkedin.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #0077b5;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #0077b5 6px,
      #0077b5 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-ghost-button {
  color: #0077b5;
}
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(0, 119, 181, 0.1),
      rgba(0, 119, 181, 0.1) 5px,
      rgba(0, 119, 181, 0.05) 6px,
      rgba(0, 119, 181, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-ghost-button:disabled {
  background: rgba(0, 119, 181, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-action-button {
  border-color: rgba(0, 119, 181, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-placeholder-button {
  border-color: #0077b5;
  color: #0077b5;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-placeholder-button.filled {
  color: #fff;
  background: #0077b5;
}
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-placeholder-button.hover:enabled:hover {
  border-color: #0077b5;
  color: #0077b5;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-linkedin.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-linkedin.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #0077b5;
}
.zef-visual .mat-mdc-icon-button.mat-whatsapp:link,
.zef-visual .mat-mdc-icon-button.mat-whatsapp:visited,
.zef-visual .mat-mdc-icon-button.mat-whatsapp:enabled,
.zef-visual .mat-mdc-icon-button.mat-whatsapp:disabled,
.zef-visual .mat-mdc-raised-button.mat-whatsapp:link,
.zef-visual .mat-mdc-raised-button.mat-whatsapp:visited,
.zef-visual .mat-mdc-raised-button.mat-whatsapp:enabled,
.zef-visual .mat-mdc-raised-button.mat-whatsapp:disabled {
  color: #fff;
  background: #25d366;
}
.zef-visual .mat-mdc-icon-button.mat-whatsapp.loading,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #25d366;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #25d366 6px,
      #25d366 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-ghost-button {
  color: #25d366;
}
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(37, 211, 102, 0.1),
      rgba(37, 211, 102, 0.1) 5px,
      rgba(37, 211, 102, 0.05) 6px,
      rgba(37, 211, 102, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-ghost-button:disabled {
  background: rgba(37, 211, 102, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-action-button {
  border-color: rgba(37, 211, 102, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-placeholder-button {
  border-color: #25d366;
  color: #25d366;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-placeholder-button.filled {
  color: #fff;
  background: #25d366;
}
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-placeholder-button.hover:enabled:hover {
  border-color: #25d366;
  color: #25d366;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-whatsapp.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-whatsapp.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #25d366;
}
.zef-visual .mat-mdc-icon-button.mat-youtube:link,
.zef-visual .mat-mdc-icon-button.mat-youtube:visited,
.zef-visual .mat-mdc-icon-button.mat-youtube:enabled,
.zef-visual .mat-mdc-icon-button.mat-youtube:disabled,
.zef-visual .mat-mdc-raised-button.mat-youtube:link,
.zef-visual .mat-mdc-raised-button.mat-youtube:visited,
.zef-visual .mat-mdc-raised-button.mat-youtube:enabled,
.zef-visual .mat-mdc-raised-button.mat-youtube:disabled {
  color: #fff;
  background: #f00;
}
.zef-visual .mat-mdc-icon-button.mat-youtube.loading,
.zef-visual .mat-mdc-raised-button.mat-youtube.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #f00;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #f00 6px,
      #f00 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-ghost-button {
  color: #f00;
}
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 0, 0, 0.1),
      rgba(255, 0, 0, 0.1) 5px,
      rgba(255, 0, 0, 0.05) 6px,
      rgba(255, 0, 0, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-ghost-button:disabled {
  background: rgba(255, 0, 0, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-action-button {
  border-color: rgba(255, 0, 0, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-placeholder-button {
  border-color: #f00;
  color: #f00;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-placeholder-button.filled {
  color: #fff;
  background: #f00;
}
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-placeholder-button.hover:enabled:hover {
  border-color: #f00;
  color: #f00;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-youtube.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-youtube.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #f00;
}
.zef-visual .mat-mdc-icon-button.mat-hubspot:link,
.zef-visual .mat-mdc-icon-button.mat-hubspot:visited,
.zef-visual .mat-mdc-icon-button.mat-hubspot:enabled,
.zef-visual .mat-mdc-icon-button.mat-hubspot:disabled,
.zef-visual .mat-mdc-raised-button.mat-hubspot:link,
.zef-visual .mat-mdc-raised-button.mat-hubspot:visited,
.zef-visual .mat-mdc-raised-button.mat-hubspot:enabled,
.zef-visual .mat-mdc-raised-button.mat-hubspot:disabled {
  color: #fff;
  background: #fa7820;
}
.zef-visual .mat-mdc-icon-button.mat-hubspot.loading,
.zef-visual .mat-mdc-raised-button.mat-hubspot.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #fa7820;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #fa7820 6px,
      #fa7820 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-ghost-button {
  color: #fa7820;
}
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(250, 120, 32, 0.1),
      rgba(250, 120, 32, 0.1) 5px,
      rgba(250, 120, 32, 0.05) 6px,
      rgba(250, 120, 32, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-ghost-button:disabled {
  background: rgba(250, 120, 32, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-action-button {
  border-color: rgba(250, 120, 32, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-placeholder-button {
  border-color: #fa7820;
  color: #fa7820;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-placeholder-button.filled {
  color: #fff;
  background: #fa7820;
}
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-placeholder-button.hover:enabled:hover {
  border-color: #fa7820;
  color: #fa7820;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-hubspot.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-hubspot.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #fa7820;
}
.zef-visual .mat-mdc-icon-button.mat-salesforce:link,
.zef-visual .mat-mdc-icon-button.mat-salesforce:visited,
.zef-visual .mat-mdc-icon-button.mat-salesforce:enabled,
.zef-visual .mat-mdc-icon-button.mat-salesforce:disabled,
.zef-visual .mat-mdc-raised-button.mat-salesforce:link,
.zef-visual .mat-mdc-raised-button.mat-salesforce:visited,
.zef-visual .mat-mdc-raised-button.mat-salesforce:enabled,
.zef-visual .mat-mdc-raised-button.mat-salesforce:disabled {
  color: #fff;
  background: #1798c1;
}
.zef-visual .mat-mdc-icon-button.mat-salesforce.loading,
.zef-visual .mat-mdc-raised-button.mat-salesforce.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #1798c1;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #1798c1 6px,
      #1798c1 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-ghost-button {
  color: #1798c1;
}
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(23, 152, 193, 0.1),
      rgba(23, 152, 193, 0.1) 5px,
      rgba(23, 152, 193, 0.05) 6px,
      rgba(23, 152, 193, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-ghost-button:disabled {
  background: rgba(23, 152, 193, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-action-button {
  border-color: rgba(23, 152, 193, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-placeholder-button {
  border-color: #1798c1;
  color: #1798c1;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-placeholder-button.filled {
  color: #fff;
  background: #1798c1;
}
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-placeholder-button.hover:enabled:hover {
  border-color: #1798c1;
  color: #1798c1;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-salesforce.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-salesforce.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #1798c1;
}
.zef-visual .mat-mdc-icon-button.mat-scoring:link,
.zef-visual .mat-mdc-icon-button.mat-scoring:visited,
.zef-visual .mat-mdc-icon-button.mat-scoring:enabled,
.zef-visual .mat-mdc-icon-button.mat-scoring:disabled,
.zef-visual .mat-mdc-raised-button.mat-scoring:link,
.zef-visual .mat-mdc-raised-button.mat-scoring:visited,
.zef-visual .mat-mdc-raised-button.mat-scoring:enabled,
.zef-visual .mat-mdc-raised-button.mat-scoring:disabled {
  color: #fff;
  background: #00ad65;
}
.zef-visual .mat-mdc-icon-button.mat-scoring.loading,
.zef-visual .mat-mdc-raised-button.mat-scoring.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #00ad65;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #00ad65 6px,
      #00ad65 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-ghost-button {
  color: #00ad65;
}
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(0, 173, 101, 0.1),
      rgba(0, 173, 101, 0.1) 5px,
      rgba(0, 173, 101, 0.05) 6px,
      rgba(0, 173, 101, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-ghost-button:disabled {
  background: rgba(0, 173, 101, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-action-button {
  border-color: rgba(0, 173, 101, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-placeholder-button {
  border-color: #00ad65;
  color: #00ad65;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-placeholder-button.filled {
  color: #fff;
  background: #00ad65;
}
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-placeholder-button.hover:enabled:hover {
  border-color: #00ad65;
  color: #00ad65;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-scoring.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-scoring.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #00ad65;
}
.zef-visual .mat-mdc-icon-button.mat-group:link,
.zef-visual .mat-mdc-icon-button.mat-group:visited,
.zef-visual .mat-mdc-icon-button.mat-group:enabled,
.zef-visual .mat-mdc-icon-button.mat-group:disabled,
.zef-visual .mat-mdc-raised-button.mat-group:link,
.zef-visual .mat-mdc-raised-button.mat-group:visited,
.zef-visual .mat-mdc-raised-button.mat-group:enabled,
.zef-visual .mat-mdc-raised-button.mat-group:disabled {
  color: #fff;
  background: #469;
}
.zef-visual .mat-mdc-icon-button.mat-group.loading,
.zef-visual .mat-mdc-raised-button.mat-group.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #469;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #469 6px,
      #469 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-group.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-group.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-group.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-group.zef-ghost-button {
  color: #469;
}
.zef-visual .mat-mdc-icon-button.mat-group.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-group.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-group.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-group.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(68, 102, 153, 0.1),
      rgba(68, 102, 153, 0.1) 5px,
      rgba(68, 102, 153, 0.05) 6px,
      rgba(68, 102, 153, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-group.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-group.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-group.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-group.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-group.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-group.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-group.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-group.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-group.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-group.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-group.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-group.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-group.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-group.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-group.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-group.zef-ghost-button:disabled {
  background: rgba(68, 102, 153, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-group.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-group.zef-action-button {
  border-color: rgba(68, 102, 153, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-group.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-group.zef-placeholder-button {
  border-color: #469;
  color: #469;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-group.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-group.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-group.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-group.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-group.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-group.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-group.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-group.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-group.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-group.zef-placeholder-button.filled {
  color: #fff;
  background: #469;
}
.zef-visual .mat-mdc-icon-button.mat-group.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-group.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-group.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-group.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-group.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-group.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-group.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-group.zef-placeholder-button.hover:enabled:hover {
  border-color: #469;
  color: #469;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-group.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-group.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-group.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-group.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #469;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight:link,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight:visited,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight:enabled,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight:disabled,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight:link,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight:visited,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight:enabled,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight:disabled {
  color: #fff;
  background: #d21a85;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.loading,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #d21a85;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #d21a85 6px,
      #d21a85 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-ghost-button {
  color: #d21a85;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(210, 26, 133, 0.1),
      rgba(210, 26, 133, 0.1) 5px,
      rgba(210, 26, 133, 0.05) 6px,
      rgba(210, 26, 133, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-ghost-button:disabled {
  background: rgba(210, 26, 133, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-action-button {
  border-color: rgba(210, 26, 133, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-placeholder-button {
  border-color: #d21a85;
  color: #d21a85;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-placeholder-button.filled {
  color: #fff;
  background: #d21a85;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-placeholder-button.hover:enabled:hover {
  border-color: #d21a85;
  color: #d21a85;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #d21a85;
}
.zef-visual .mat-mdc-icon-button.mat-choice:link,
.zef-visual .mat-mdc-icon-button.mat-choice:visited,
.zef-visual .mat-mdc-icon-button.mat-choice:enabled,
.zef-visual .mat-mdc-icon-button.mat-choice:disabled,
.zef-visual .mat-mdc-raised-button.mat-choice:link,
.zef-visual .mat-mdc-raised-button.mat-choice:visited,
.zef-visual .mat-mdc-raised-button.mat-choice:enabled,
.zef-visual .mat-mdc-raised-button.mat-choice:disabled {
  color: #fff;
  background: #c763a7;
}
.zef-visual .mat-mdc-icon-button.mat-choice.loading,
.zef-visual .mat-mdc-raised-button.mat-choice.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #c763a7;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #c763a7 6px,
      #c763a7 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-choice.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-choice.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-ghost-button {
  color: #c763a7;
}
.zef-visual .mat-mdc-icon-button.mat-choice.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-choice.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(199, 99, 167, 0.1),
      rgba(199, 99, 167, 0.1) 5px,
      rgba(199, 99, 167, 0.05) 6px,
      rgba(199, 99, 167, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-choice.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-choice.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-choice.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-choice.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-choice.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-choice.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-choice.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-choice.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-ghost-button:disabled {
  background: rgba(199, 99, 167, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-choice.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-action-button {
  border-color: rgba(199, 99, 167, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-choice.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-placeholder-button {
  border-color: #c763a7;
  color: #c763a7;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-choice.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-choice.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-choice.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-choice.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-choice.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-placeholder-button.filled {
  color: #fff;
  background: #c763a7;
}
.zef-visual .mat-mdc-icon-button.mat-choice.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-choice.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-choice.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-choice.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-placeholder-button.hover:enabled:hover {
  border-color: #c763a7;
  color: #c763a7;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-choice.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-choice.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-choice.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #c763a7;
}
.zef-visual .mat-mdc-icon-button.mat-mp-choice:link,
.zef-visual .mat-mdc-icon-button.mat-mp-choice:visited,
.zef-visual .mat-mdc-icon-button.mat-mp-choice:enabled,
.zef-visual .mat-mdc-icon-button.mat-mp-choice:disabled,
.zef-visual .mat-mdc-raised-button.mat-mp-choice:link,
.zef-visual .mat-mdc-raised-button.mat-mp-choice:visited,
.zef-visual .mat-mdc-raised-button.mat-mp-choice:enabled,
.zef-visual .mat-mdc-raised-button.mat-mp-choice:disabled {
  color: #fff;
  background: #c861b8;
}
.zef-visual .mat-mdc-icon-button.mat-mp-choice.loading,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #c861b8;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #c861b8 6px,
      #c861b8 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-ghost-button {
  color: #c861b8;
}
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(200, 97, 184, 0.1),
      rgba(200, 97, 184, 0.1) 5px,
      rgba(200, 97, 184, 0.05) 6px,
      rgba(200, 97, 184, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-ghost-button:disabled {
  background: rgba(200, 97, 184, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-action-button {
  border-color: rgba(200, 97, 184, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-placeholder-button {
  border-color: #c861b8;
  color: #c861b8;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-placeholder-button.filled {
  color: #fff;
  background: #c861b8;
}
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-placeholder-button.hover:enabled:hover {
  border-color: #c861b8;
  color: #c861b8;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-mp-choice.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-mp-choice.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #c861b8;
}
.zef-visual .mat-mdc-icon-button.mat-beta:link,
.zef-visual .mat-mdc-icon-button.mat-beta:visited,
.zef-visual .mat-mdc-icon-button.mat-beta:enabled,
.zef-visual .mat-mdc-icon-button.mat-beta:disabled,
.zef-visual .mat-mdc-raised-button.mat-beta:link,
.zef-visual .mat-mdc-raised-button.mat-beta:visited,
.zef-visual .mat-mdc-raised-button.mat-beta:enabled,
.zef-visual .mat-mdc-raised-button.mat-beta:disabled {
  color: #fff;
  background: #f65aa5;
}
.zef-visual .mat-mdc-icon-button.mat-beta.loading,
.zef-visual .mat-mdc-raised-button.mat-beta.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #f65aa5;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #f65aa5 6px,
      #f65aa5 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-beta.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-beta.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-ghost-button {
  color: #f65aa5;
}
.zef-visual .mat-mdc-icon-button.mat-beta.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-beta.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(246, 90, 165, 0.1),
      rgba(246, 90, 165, 0.1) 5px,
      rgba(246, 90, 165, 0.05) 6px,
      rgba(246, 90, 165, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-beta.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-beta.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-beta.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-beta.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-beta.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-beta.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-beta.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-beta.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-ghost-button:disabled {
  background: rgba(246, 90, 165, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-beta.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-action-button {
  border-color: rgba(246, 90, 165, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-beta.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-placeholder-button {
  border-color: #f65aa5;
  color: #f65aa5;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-beta.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-beta.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-beta.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-beta.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-beta.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-placeholder-button.filled {
  color: #fff;
  background: #f65aa5;
}
.zef-visual .mat-mdc-icon-button.mat-beta.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-beta.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-beta.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-beta.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-placeholder-button.hover:enabled:hover {
  border-color: #f65aa5;
  color: #f65aa5;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-beta.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-beta.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-beta.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #f65aa5;
}
.zef-visual .mat-mdc-icon-button.mat-partner:link,
.zef-visual .mat-mdc-icon-button.mat-partner:visited,
.zef-visual .mat-mdc-icon-button.mat-partner:enabled,
.zef-visual .mat-mdc-icon-button.mat-partner:disabled,
.zef-visual .mat-mdc-raised-button.mat-partner:link,
.zef-visual .mat-mdc-raised-button.mat-partner:visited,
.zef-visual .mat-mdc-raised-button.mat-partner:enabled,
.zef-visual .mat-mdc-raised-button.mat-partner:disabled {
  color: #fff;
  background: #760a55;
}
.zef-visual .mat-mdc-icon-button.mat-partner.loading,
.zef-visual .mat-mdc-raised-button.mat-partner.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #760a55;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #760a55 6px,
      #760a55 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-partner.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-partner.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-ghost-button {
  color: #760a55;
}
.zef-visual .mat-mdc-icon-button.mat-partner.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-partner.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(118, 10, 85, 0.1),
      rgba(118, 10, 85, 0.1) 5px,
      rgba(118, 10, 85, 0.05) 6px,
      rgba(118, 10, 85, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-partner.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-partner.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-partner.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-partner.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-partner.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-partner.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-partner.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-partner.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-ghost-button:disabled {
  background: rgba(118, 10, 85, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-partner.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-action-button {
  border-color: rgba(118, 10, 85, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-partner.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-placeholder-button {
  border-color: #760a55;
  color: #760a55;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-partner.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-partner.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-partner.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-partner.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-partner.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-placeholder-button.filled {
  color: #fff;
  background: #760a55;
}
.zef-visual .mat-mdc-icon-button.mat-partner.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-partner.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-partner.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-partner.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-placeholder-button.hover:enabled:hover {
  border-color: #760a55;
  color: #760a55;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-partner.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-partner.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-partner.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #760a55;
}
.zef-visual .mat-mdc-icon-button.mat-parent:link,
.zef-visual .mat-mdc-icon-button.mat-parent:visited,
.zef-visual .mat-mdc-icon-button.mat-parent:enabled,
.zef-visual .mat-mdc-icon-button.mat-parent:disabled,
.zef-visual .mat-mdc-raised-button.mat-parent:link,
.zef-visual .mat-mdc-raised-button.mat-parent:visited,
.zef-visual .mat-mdc-raised-button.mat-parent:enabled,
.zef-visual .mat-mdc-raised-button.mat-parent:disabled {
  color: #fff;
  background: #760a55;
}
.zef-visual .mat-mdc-icon-button.mat-parent.loading,
.zef-visual .mat-mdc-raised-button.mat-parent.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #760a55;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1) 5px,
      #760a55 6px,
      #760a55 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-parent.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-parent.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-ghost-button {
  color: #760a55;
}
.zef-visual .mat-mdc-icon-button.mat-parent.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-parent.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(118, 10, 85, 0.1),
      rgba(118, 10, 85, 0.1) 5px,
      rgba(118, 10, 85, 0.05) 6px,
      rgba(118, 10, 85, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-parent.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-parent.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-parent.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-parent.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-parent.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-parent.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-parent.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-parent.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-ghost-button:disabled {
  background: rgba(118, 10, 85, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-parent.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-action-button {
  border-color: rgba(118, 10, 85, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-parent.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-placeholder-button {
  border-color: #760a55;
  color: #760a55;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-parent.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-parent.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-parent.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-parent.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-parent.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-placeholder-button.filled {
  color: #fff;
  background: #760a55;
}
.zef-visual .mat-mdc-icon-button.mat-parent.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-parent.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-parent.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-parent.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-placeholder-button.hover:enabled:hover {
  border-color: #760a55;
  color: #760a55;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-parent.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-parent.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-parent.zef-placeholder-button.hover:active:hover {
  color: #fff;
  background: #760a55;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted:link,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted:visited,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted:enabled,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted:disabled,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted:link,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted:visited,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted:enabled,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted:disabled {
  color: #112539;
  background: #e98cc2;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.loading,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #e98cc2;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(17, 37, 57, 0.1),
      rgba(17, 37, 57, 0.1) 5px,
      #e98cc2 6px,
      #e98cc2 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-ghost-button {
  color: #e98cc2;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(233, 140, 194, 0.1),
      rgba(233, 140, 194, 0.1) 5px,
      rgba(233, 140, 194, 0.05) 6px,
      rgba(233, 140, 194, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-ghost-button:disabled {
  background: rgba(233, 140, 194, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-action-button {
  border-color: rgba(233, 140, 194, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-placeholder-button {
  border-color: #e98cc2;
  color: #e98cc2;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-placeholder-button.filled {
  color: #112539;
  background: #e98cc2;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-placeholder-button.hover:enabled:hover {
  border-color: #e98cc2;
  color: #e98cc2;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-chart-highlight-inverted.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-chart-highlight-inverted.zef-placeholder-button.hover:active:hover {
  color: #112539;
  background: #e98cc2;
}
.zef-visual .mat-mdc-icon-button.mat-warning-inverted:link,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted:visited,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted:enabled,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted:disabled,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted:link,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted:visited,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted:enabled,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted:disabled {
  color: #112539;
  background: #f2e380;
}
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.loading,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.loading {
  pointer-events: none !important;
  background-size: 25px;
  background-color: #f2e380;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(17, 37, 57, 0.1),
      rgba(17, 37, 57, 0.1) 5px,
      #f2e380 6px,
      #f2e380 20px) !important;
  animation: button-loading 400ms linear infinite;
}
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-transparent-button,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-ghost-button,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-transparent-button,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-ghost-button {
  color: #f2e380;
}
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-transparent-button.loading,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-ghost-button.loading,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-transparent-button.loading,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-ghost-button.loading {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(242, 227, 128, 0.1),
      rgba(242, 227, 128, 0.1) 5px,
      rgba(242, 227, 128, 0.05) 6px,
      rgba(242, 227, 128, 0.05) 20px) !important;
  animation-name: ghost-button-loading;
}
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-transparent-button:link,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-transparent-button:visited,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-transparent-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-transparent-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-transparent-button:link,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-transparent-button:visited,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-transparent-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-transparent-button:disabled {
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-ghost-button:link,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-ghost-button:visited,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-ghost-button:enabled,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-ghost-button:disabled,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-ghost-button:link,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-ghost-button:visited,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-ghost-button:enabled,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-ghost-button:disabled {
  background: rgba(242, 227, 128, 0.05);
}
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-action-button,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-action-button {
  border-color: rgba(242, 227, 128, 0.9);
  border-radius: 8px;
}
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-placeholder-button,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-placeholder-button {
  border-color: #f2e380;
  color: #f2e380;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-placeholder-button.solid,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-placeholder-button.solid {
  background: #fff;
}
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-placeholder-button.filled,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-placeholder-button:link:hover,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-placeholder-button:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-placeholder-button:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-placeholder-button.filled {
  color: #112539;
  background: #f2e380;
}
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-placeholder-button.hover,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-placeholder-button.hover {
  border-color: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-placeholder-button.hover:enabled:hover,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-placeholder-button.hover:link:hover,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-placeholder-button.hover:visited:hover,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-placeholder-button.hover:enabled:hover {
  border-color: #f2e380;
  color: #f2e380;
  background: transparent;
}
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-icon-button.mat-warning-inverted.zef-placeholder-button.hover:active:hover,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-placeholder-button.hover:active,
.zef-visual .mat-mdc-raised-button.mat-warning-inverted.zef-placeholder-button.hover:active:hover {
  color: #112539;
  background: #f2e380;
}
.zef-visual .mat-mdc-icon-button.zef-flat-button,
.zef-visual .mat-mdc-raised-button.zef-flat-button {
  border: none;
}
.zef-visual .mat-mdc-icon-button.zef-flat-button:link,
.zef-visual .mat-mdc-icon-button.zef-flat-button:visited,
.zef-visual .mat-mdc-icon-button.zef-flat-button:enabled,
.zef-visual .mat-mdc-icon-button.zef-flat-button:disabled,
.zef-visual .mat-mdc-raised-button.zef-flat-button:link,
.zef-visual .mat-mdc-raised-button.zef-flat-button:visited,
.zef-visual .mat-mdc-raised-button.zef-flat-button:enabled,
.zef-visual .mat-mdc-raised-button.zef-flat-button:disabled {
  background: rgba(17, 37, 57, 0.05);
}
.zef-visual .mat-mdc-icon-button.zef-fab-button,
.zef-visual .mat-mdc-raised-button.zef-fab-button {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  box-shadow: 0 4px 8px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .mat-mdc-icon-button {
  width: 32px;
  min-width: 32px;
  padding: 0;
  border-radius: 5px;
  font-size: 14px;
  line-height: 32px;
}
.zef-visual .mat-mdc-icon-button.zef-icon-button-text {
  width: fit-content;
  padding: 0 12px 0 8px;
}
.zef-visual .mat-mdc-icon-button.zef-small-icon-button {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 3px;
}
.zef-visual .mat-mdc-raised-button {
  min-width: 80px;
  padding: 0 14px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.zef-visual .mat-mdc-raised-button:not(.zef-placeholder-button) .mat-icon,
.zef-visual .mat-mdc-raised-button:not(.zef-placeholder-button) .zef-button-prefix {
  position: relative;
  left: 4px;
}
.zef-visual .mat-mdc-raised-button:not(.zef-placeholder-button) .mdc-button__label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.zef-visual .mat-mdc-raised-button.zef-placeholder-button {
  height: auto;
}
.zef-visual .mat-mdc-raised-button.zef-cta-button {
  min-width: 120px;
  min-height: 48px;
  padding: 0 24px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.zef-visual .mat-mdc-raised-button.zef-cta-button.mat-secondary {
  border: 2px solid #ff8900;
}
.zef-visual .mat-mdc-raised-button.zef-action-button {
  border: 2px solid #112539;
}
.zef-visual .mat-mdc-raised-button.zef-chip-button {
  height: 32px;
  border-radius: 16px;
  font-weight: 400;
}
.zef-visual .mat-mdc-raised-button.zef-dropdown-button {
  padding-right: 6px;
  border-radius: 5px;
}
.zef-visual .mat-mdc-raised-button.zef-dropdown-button::before {
  content: "pointer_down";
  position: relative;
  display: inline-flex;
  flex: none;
  align-items: center;
  order: 1;
  height: 16px;
  padding-left: 4px;
  font-size: 24px;
  font-weight: normal;
  font-family: "zef-icons-full" !important;
}
.zef-visual .mat-mdc-raised-button.zef-stretch-button {
  height: 40px;
  border-radius: 10px;
}
.zef-visual .mat-mdc-raised-button.zef-stretch-button .mdc-button__label {
  width: 100%;
}
.zef-visual .zef-close-button {
  position: absolute;
  z-index: 10;
  top: 4px;
  right: 4px;
}
.zef-visual .zef-close-button.left {
  right: auto;
  left: 4px;
}
.zef-visual color-picker {
  margin-top: 0 !important;
}
.zef-visual color-picker .color-picker {
  overflow: hidden;
  border: 1px solid #dae2e5;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual color-picker .color-picker .hue,
.zef-visual color-picker .color-picker .alpha {
  border-radius: 3px;
}
.zef-visual color-picker .color-picker .selected-color {
  border: none;
}
.zef-visual color-picker .color-picker .hex-text input,
.zef-visual color-picker .color-picker .rgba-text input,
.zef-visual color-picker .color-picker .hsla-text input {
  border: 1px solid #dae2e5;
  border-radius: 5px;
  outline: none;
  background-color: #f9fafb;
  box-shadow: inset 1px 1px 2px -1px rgba(17, 37, 57, 0.2);
}
.zef-visual color-picker .color-picker .hex-text input:hover,
.zef-visual color-picker .color-picker .rgba-text input:hover,
.zef-visual color-picker .color-picker .hsla-text input:hover {
  border-color: #93a0ab;
}
.zef-visual color-picker .color-picker .hex-text input:focus,
.zef-visual color-picker .color-picker .rgba-text input:focus,
.zef-visual color-picker .color-picker .hsla-text input:focus {
  border-color: #ff8900;
}
.zef-visual color-picker .color-picker .type-policy {
  cursor: pointer;
}
.zef-visual .font-picker {
  border: 1px solid #dae2e5;
  border-radius: 5px;
  scrollbar-width: thin;
  box-shadow: 0 4px 8px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .font-picker .font-list {
  overflow: auto;
}
.zef-visual .font-picker .font-list .font-item.selected.active {
  position: relative;
  background: #fff;
}
.zef-visual .font-picker .font-list .font-item.selected.active::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  border-radius: 0 4px 4px 0;
  background: #ff8900;
}
.zef-visual .font-picker .font-list .font-item.selected:not(.active)::after {
  content: "";
  position: absolute;
  pointer-events: none;
  inset: 0;
}
.zef-visual .font-picker .font-list .font-item.selected:not(.active):hover::after {
  background-color: rgba(17, 37, 57, 0.05);
}
.zef-visual .font-picker .font-list .font-item.selected:not(.active):active::after {
  background-color: rgba(17, 37, 57, 0.1);
}
.zef-visual .mat-mdc-dialog-container {
  position: relative;
  height: auto;
  min-width: 720px;
  min-height: 320px;
  max-width: 100%;
  padding: 0;
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .mat-mdc-dialog-container.fit-content-height {
  min-height: fit-content;
}
.zef-visual .mat-mdc-dialog-container > * {
  width: 100%;
  height: 100%;
}
.zef-visual .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  display: block;
  border-radius: 10px;
}
.zef-visual .mat-mdc-dialog-container .mat-mdc-icon-button[matdialogclose] {
  position: absolute;
  z-index: 10;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 5px;
  background: #fff;
}
.zef-visual .mat-mdc-dialog-container .mat-mdc-icon-button[matdialogclose].shadow {
  background-color: #eaeff1;
}
.zef-visual .mat-mdc-dialog-container .mat-mdc-dialog-title {
  padding: 0;
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  font-family: Inter;
  line-height: 32px;
}
.zef-visual .mat-mdc-dialog-container .mat-mdc-dialog-title::before {
  display: none;
}
.zef-visual .mat-mdc-dialog-container .mat-mdc-dialog-content {
  position: relative;
  overflow: hidden;
  max-height: none;
  padding: 24px;
  margin: 0;
  border-radius: 10px;
  color: inherit;
}
.zef-visual .mat-mdc-dialog-container .mat-mdc-dialog-actions {
  min-height: auto;
  padding: 0;
  margin: 0;
}
.zef-visual .transparent-dialog .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  background: transparent;
  box-shadow: none;
}
.zef-visual .cdk-overlay-pane.mat-mdc-dialog-panel {
  position: static;
  max-width: 80vw;
  max-height: 80vh;
}
.zef-visual .cdk-overlay-pane.mat-mdc-dialog-panel.zef-focus-field-pane {
  box-shadow: 0 4px 8px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .cdk-overlay-pane.mat-mdc-dialog-panel.zef-no-min-height {
  max-height: 100%;
}
.zef-visual .cdk-overlay-pane.mat-mdc-dialog-panel.zef-no-min-height .mat-mdc-dialog-container {
  min-height: 0;
}
.zef-visual .cdk-overlay-dark-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.zef-visual .cdk-overlay-ink-backdrop {
  background-color: rgba(17, 37, 57, 0.5);
}
.zef-visual .cdk-overlay-transparent-backdrop {
  background-color: transparent !important;
}
.zef-visual .cdk-overlay-transparent-backdrop.zef-select + .cdk-overlay-connected-position-bounding-box {
  overflow: hidden;
}
.zef-visual .cdk-overlay-transparent-backdrop.zef-select + .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane {
  max-width: calc(100% - 16px);
  margin: 8px;
}
.zef-visual .zef-focus-field-backdrop {
  background-color: rgba(17, 37, 57, 0.1);
}
.zef-visual .mat-divider {
  --mat-divider-color: #dae2e5;
}
.zef-visual .mat-divider.zef-divider-contrast {
  --mat-divider-color: #fff;
}
.zef-visual .mat-divider.zef-divider-thick {
  --mat-divider-width: 8px;
  --mat-divider-color: rgba(17, 37, 57, 0.1);
}
.zef-visual .mat-divider.zef-offset-16 {
  width: calc(100% + 16px);
}
.zef-visual .mat-divider.zef-offset-24 {
  width: calc(100% + 24px);
}
.zef-visual .mat-divider.zef-offset-24-24 {
  width: calc(100% + 48px);
  transform: translateX(-24px);
}
.zef-visual .mat-divider.zef-offset-32 {
  width: calc(100% + 32px);
}
.zef-visual .mat-divider-vertical.zef-divider-8 {
  height: 8px;
}
.zef-visual .mat-divider-vertical.zef-divider-16 {
  height: 16px;
}
.zef-visual .mat-divider-vertical.zef-divider-24 {
  height: 24px;
}
.zef-visual .mat-divider-vertical.zef-divider-32 {
  height: 32px;
}
.zef-visual .mat-divider-vertical.zef-divider-segment-4 {
  margin-right: 4px;
  margin-left: 4px;
}
.zef-visual .mat-divider-vertical.zef-divider-segment-8 {
  margin-right: 8px;
  margin-left: 8px;
}
.zef-visual .mat-divider-vertical.zef-divider-segment-12 {
  margin-right: 12px;
  margin-left: 12px;
}
.zef-visual .mat-divider-vertical.zef-divider-segment-16 {
  margin-right: 16px;
  margin-left: 16px;
}
.zef-visual .mat-divider-horizontal.zef-divider-16 {
  width: 16px;
}
.zef-visual .mat-divider-horizontal.zef-divider-24 {
  width: 24px;
}
.zef-visual .mat-divider-horizontal.zef-divider-32 {
  width: 32px;
}
.zef-visual .mat-divider-horizontal.zef-divider-segment-8 {
  width: calc(100% - 16px);
  margin-right: auto;
  margin-left: auto;
}
.zef-visual .zef-divider-text {
  display: flex;
  align-items: center;
  width: 100%;
}
.zef-visual .zef-divider-text:not(.zef-divider-small) {
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}
.zef-visual .zef-divider-text::before,
.zef-visual .zef-divider-text::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #dae2e5;
}
.zef-visual .zef-divider-text::before {
  margin-right: 16px;
}
.zef-visual .zef-divider-text::after {
  margin-left: 16px;
}
.zef-visual .zef-divider-spacer-vertical {
  position: relative;
  width: 16px;
  height: 16px;
}
.zef-visual .zef-divider-spacer-vertical.zef-divider-contrast::after {
  background-color: #fff;
}
.zef-visual .zef-divider-spacer-vertical::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 16px;
  background-color: #dae2e5;
  transform: translateX(-50%);
}
.zef-visual .zef-divider-spacer {
  position: relative;
  width: 100%;
  height: 16px;
}
.zef-visual .zef-divider-spacer::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 1px;
  background-color: #dae2e5;
  transform: translateY(-50%);
}
.zef-visual .zef-scroll {
  overflow: auto;
}
.zef-visual .zef-scroll-x {
  overflow-x: auto;
}
.zef-visual .zef-scroll-y {
  overflow-y: auto;
}
.zef-visual .zef-scroll,
.zef-visual .zef-scroll-x,
.zef-visual .zef-scroll-y {
  position: relative;
}
.zef-visual .zef-scroll.zef-scroll-hidden,
.zef-visual .zef-scroll-x.zef-scroll-hidden,
.zef-visual .zef-scroll-y.zef-scroll-hidden {
  scrollbar-width: none;
}
.zef-visual .zef-scroll::-webkit-scrollbar,
.zef-visual .zef-scroll-x::-webkit-scrollbar,
.zef-visual .zef-scroll-y::-webkit-scrollbar {
  width: 16px;
  height: 16px;
  background-color: transparent;
}
.zef-visual .zef-scroll::-webkit-scrollbar-button,
.zef-visual .zef-scroll-x::-webkit-scrollbar-button,
.zef-visual .zef-scroll-y::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.zef-visual .zef-scroll::-webkit-scrollbar-thumb,
.zef-visual .zef-scroll-x::-webkit-scrollbar-thumb,
.zef-visual .zef-scroll-y::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 8px;
  background: rgba(17, 37, 57, 0.1);
  background-clip: padding-box;
}
.zef-visual .zef-scroll::-webkit-scrollbar-thumb:hover,
.zef-visual .zef-scroll-x::-webkit-scrollbar-thumb:hover,
.zef-visual .zef-scroll-y::-webkit-scrollbar-thumb:hover {
  background-color: rgba(17, 37, 57, 0.2);
}
.zef-visual .zef-scroll::-webkit-scrollbar-track,
.zef-visual .zef-scroll-x::-webkit-scrollbar-track,
.zef-visual .zef-scroll-y::-webkit-scrollbar-track {
  border: 4px solid transparent;
  border-radius: 8px;
  background: rgba(17, 37, 57, 0.05);
  background-clip: padding-box;
}
.zef-visual .zef-scroll::-webkit-scrollbar-corner,
.zef-visual .zef-scroll-x::-webkit-scrollbar-corner,
.zef-visual .zef-scroll-y::-webkit-scrollbar-corner {
  background: transparent;
}
.zef-visual .cdk-virtual-scrollable {
  contain: unset;
}
.zef-visual ng-scrollbar:not(.z-perfect-scroll) {
  --scrollbar-size: 8px;
  --scrollbar-padding: 4px;
  --scrollbar-track-color: rgba(17, 37, 57, 0.05);
  --scrollbar-thumb-color: rgba(17, 37, 57, 0.1);
  --scrollbar-track-transition: none;
  --scrollbar-thumb-transition: 50ms background ease-in-out;
}
.zef-visual ng-scrollbar:not(.z-perfect-scroll).auto-height .ng-scroll-viewport {
  display: block;
}
.zef-visual ng-scrollbar:not(.z-perfect-scroll).auto-height .ng-scroll-content {
  flex: none;
}
.zef-visual ng-scrollbar:not(.z-perfect-scroll).scroll-content-flex > .ng-scrollbar-wrapper > .ng-scroll-viewport-wrapper > .ng-scroll-viewport > .ng-scroll-content {
  display: flex;
}
.zef-visual ng-scrollbar:not(.z-perfect-scroll) .ng-scroll-viewport {
  display: flex;
  flex-direction: column;
}
.zef-visual ng-scrollbar:not(.z-perfect-scroll) .ng-scroll-content {
  vertical-align: middle;
}
.zef-visual ng-scrollbar:not(.z-perfect-scroll) .ng-scrollbar-wrapper[verticalhovered=true] .ng-scrollbar-thumb {
  background-color: rgba(17, 37, 57, 0.2);
}
.zef-visual ng-scrollbar:not(.z-perfect-scroll) .ng-scrollbar-wrapper[verticalused=true][horizontalused=true]::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: var(--scrollbar-total-size);
  height: var(--scrollbar-total-size);
  background-color: rgba(17, 37, 57, 0.05);
}
.zef-visual ng-scrollbar:not(.z-perfect-scroll) .ng-scrollbar-wrapper > .scrollbar-control {
  border: 0 solid transparent;
  background-color: transparent;
}
.zef-visual .mat-mdc-checkbox {
  --mat-checkbox-state-layer-size: 24px;
  --mat-checkbox-selected-hover-state-layer-opacity: 0;
  --mat-checkbox-selected-focus-state-layer-opacity: 0;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0;
  --mat-checkbox-touch-target-display: none;
  --mat-checkbox-unselected-icon-color: #60717f;
  --mat-checkbox-unselected-hover-icon-color: #495c6c;
  --mat-checkbox-disabled-unselected-icon-color: #60717f;
}
.zef-visual .mat-mdc-checkbox .mdc-checkbox__background {
  width: 24px;
  height: 24px;
  border-radius: 5px;
  inset: 0;
}
.zef-visual .mat-mdc-checkbox .mdc-checkbox__checkmark {
  width: calc(100% - 4px);
  inset: 2px;
}
.zef-visual .mat-mdc-checkbox .mdc-label {
  padding-left: 8px;
}
.zef-visual .mat-mdc-checkbox.mdc-checkbox--disabled {
  opacity: 0.3;
}
.zef-visual .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked) .mdc-checkbox__background {
  background-color: #fff !important;
}
.zef-visual .mat-mdc-checkbox.mat-accent {
  --mat-checkbox-selected-focus-icon-color: #d21a85;
  --mat-checkbox-selected-hover-icon-color: #d21a85;
  --mat-checkbox-selected-icon-color: #d21a85;
  --mat-checkbox-selected-pressed-icon-color: #d21a85;
  --mat-checkbox-disabled-selected-icon-color: #d21a85;
}
.zef-visual .mat-mdc-checkbox.mat-alert {
  --mat-checkbox-selected-focus-icon-color: #d9386c;
  --mat-checkbox-selected-hover-icon-color: #d9386c;
  --mat-checkbox-selected-icon-color: #d9386c;
  --mat-checkbox-selected-pressed-icon-color: #d9386c;
  --mat-checkbox-disabled-selected-icon-color: #d9386c;
}
.zef-visual .mat-mdc-checkbox.mat-warning {
  --mat-checkbox-selected-focus-icon-color: #e5c800;
  --mat-checkbox-selected-hover-icon-color: #e5c800;
  --mat-checkbox-selected-icon-color: #e5c800;
  --mat-checkbox-selected-pressed-icon-color: #e5c800;
  --mat-checkbox-disabled-selected-icon-color: #e5c800;
}
.zef-visual .mat-mdc-checkbox.mat-beta {
  --mat-checkbox-selected-focus-icon-color: #f65aa5;
  --mat-checkbox-selected-hover-icon-color: #f65aa5;
  --mat-checkbox-selected-icon-color: #f65aa5;
  --mat-checkbox-selected-pressed-icon-color: #f65aa5;
  --mat-checkbox-disabled-selected-icon-color: #f65aa5;
}
.zef-visual .mat-mdc-radio-button {
  --mat-radio-state-layer-size: 24px;
  --mat-radio-touch-target-display: none;
  --mat-radio-unselected-icon-color: #60717f;
  --mat-radio-unselected-hover-icon-color: #495c6c;
  --mat-radio-disabled-unselected-icon-color: #60717f;
  --mat-radio-disabled-selected-icon-opacity: 0.3;
  --mat-radio-disabled-unselected-icon-opacity: 0.3;
}
.zef-visual .mat-mdc-radio-button .mdc-radio {
  align-self: baseline;
  width: 24px;
  height: 24px;
  padding: 0;
}
.zef-visual .mat-mdc-radio-button .mdc-radio__background {
  width: 24px;
  height: 24px;
}
.zef-visual .mat-mdc-radio-button:not(.mat-mdc-radio-checked) .mdc-radio__inner-circle {
  border-width: 0;
}
.zef-visual .mat-mdc-radio-button .mdc-label {
  padding-left: 8px;
  margin-top: -4px;
  margin-left: 8px;
}
.zef-visual .mat-mdc-slide-toggle {
  --mat-slide-toggle-handle-shape: 50%;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-selected-icon-size: 0;
  --mat-slide-toggle-unselected-icon-size: 0;
  --mat-slide-toggle-disabled-unselected-handle-color:
    linear-gradient(
      180deg,
      #fff 0%,
      rgb(242.25, 242.25, 242.25) 100%);
  --mat-slide-toggle-unselected-handle-color:
    linear-gradient(
      180deg,
      #fff 0%,
      rgb(242.25, 242.25, 242.25) 100%);
  --mat-slide-toggle-handle-surface-color:
    linear-gradient(
      180deg,
      #fff 0%,
      rgb(242.25, 242.25, 242.25) 100%);
  --mat-slide-toggle-track-width: 32px;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-width: 0;
  --mat-slide-toggle-selected-track-outline-width: 0;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 0;
  --mat-slide-toggle-hidden-track-transition: none;
  --mat-slide-toggle-visible-track-transition: none;
  --mat-slide-toggle-unselected-track-color: #dae2e5;
  --mat-slide-toggle-unselected-hover-track-color: #dae2e5;
  --mat-slide-toggle-unselected-focus-track-color: #dae2e5;
  --mat-slide-toggle-unselected-pressed-track-color: #dae2e5;
  --mat-slide-toggle-disabled-unselected-track-color: #dae2e5;
  --mat-slide-toggle-selected-track-color: #ff8900;
  --mat-slide-toggle-selected-focus-track-color: #ff8900;
  --mat-slide-toggle-selected-hover-track-color: #ff8900;
  --mat-slide-toggle-selected-pressed-track-color: #ff8900;
  --mat-slide-toggle-disabled-selected-track-color: #ff8900;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-state-layer-size: 0;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.38;
  display: inline-flex;
  height: 32px;
}
.zef-visual .mat-mdc-slide-toggle.mat-warning {
  --mat-slide-toggle-selected-track-color: #e5c800;
  --mat-slide-toggle-selected-focus-track-color: #e5c800;
  --mat-slide-toggle-selected-hover-track-color: #e5c800;
  --mat-slide-toggle-selected-pressed-track-color: #e5c800;
  --mat-slide-toggle-disabled-selected-track-color: #e5c800;
}
.zef-visual .mat-mdc-slide-toggle.mat-alert {
  --mat-slide-toggle-selected-track-color: #d9386c;
  --mat-slide-toggle-selected-focus-track-color: #d9386c;
  --mat-slide-toggle-selected-hover-track-color: #d9386c;
  --mat-slide-toggle-selected-pressed-track-color: #d9386c;
  --mat-slide-toggle-disabled-selected-track-color: #d9386c;
}
.zef-visual .mat-mdc-slide-toggle.mat-promo {
  --mat-slide-toggle-selected-track-color: #0da9ab;
  --mat-slide-toggle-selected-focus-track-color: #0da9ab;
  --mat-slide-toggle-selected-hover-track-color: #0da9ab;
  --mat-slide-toggle-selected-pressed-track-color: #0da9ab;
  --mat-slide-toggle-disabled-selected-track-color: #0da9ab;
}
.zef-visual .mat-mdc-slide-toggle.mat-logic {
  --mat-slide-toggle-selected-track-color: #9a2cde;
  --mat-slide-toggle-selected-focus-track-color: #9a2cde;
  --mat-slide-toggle-selected-hover-track-color: #9a2cde;
  --mat-slide-toggle-selected-pressed-track-color: #9a2cde;
  --mat-slide-toggle-disabled-selected-track-color: #9a2cde;
}
.zef-visual .mat-mdc-slide-toggle.mat-success {
  --mat-slide-toggle-selected-track-color: #18b56c;
  --mat-slide-toggle-selected-focus-track-color: #18b56c;
  --mat-slide-toggle-selected-hover-track-color: #18b56c;
  --mat-slide-toggle-selected-pressed-track-color: #18b56c;
  --mat-slide-toggle-disabled-selected-track-color: #18b56c;
}
.zef-visual .mat-mdc-slide-toggle.mat-partner {
  --mat-slide-toggle-selected-track-color: #760a55;
  --mat-slide-toggle-selected-focus-track-color: #760a55;
  --mat-slide-toggle-selected-hover-track-color: #760a55;
  --mat-slide-toggle-selected-pressed-track-color: #760a55;
  --mat-slide-toggle-disabled-selected-track-color: #760a55;
}
.zef-visual .mat-mdc-slide-toggle.mat-beta {
  --mat-slide-toggle-selected-track-color: #f65aa5;
  --mat-slide-toggle-selected-focus-track-color: #f65aa5;
  --mat-slide-toggle-selected-hover-track-color: #f65aa5;
  --mat-slide-toggle-selected-pressed-track-color: #f65aa5;
  --mat-slide-toggle-disabled-selected-track-color: #f65aa5;
}
.zef-visual .mat-mdc-slide-toggle.mat-ink {
  --mat-slide-toggle-selected-track-color: #112539;
  --mat-slide-toggle-selected-focus-track-color: #112539;
  --mat-slide-toggle-selected-hover-track-color: #112539;
  --mat-slide-toggle-selected-pressed-track-color: #112539;
  --mat-slide-toggle-disabled-selected-track-color: #112539;
}
.zef-visual .mat-mdc-slide-toggle .mdc-label {
  padding-left: 8px;
}
.zef-visual .mat-mdc-slide-toggle .mdc-switch__handle {
  box-sizing: border-box;
}
.zef-visual .mat-mdc-slide-toggle .mdc-switch__handle::after {
  border: 2px solid #60717f;
  box-shadow: 0 1px 2px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .mat-mdc-slide-toggle .mdc-switch--disabled + label {
  opacity: 0.38;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch__handle::after {
  border-color: #ff8900;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked.mat-warning .mdc-switch__handle::after {
  border-color: #e5c800;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked.mat-alert .mdc-switch__handle::after {
  border-color: #d9386c;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked.mat-promo .mdc-switch__handle::after {
  border-color: #0da9ab;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked.mat-logic .mdc-switch__handle::after {
  border-color: #9a2cde;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked.mat-success .mdc-switch__handle::after {
  border-color: #18b56c;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked.mat-partner .mdc-switch__handle::after {
  border-color: #760a55;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked.mat-beta .mdc-switch__handle::after {
  border-color: #f65aa5;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked.mat-ink .mdc-switch__handle::after {
  border-color: #112539;
}
.zef-visual .mat-mdc-slide-toggle.zef-slide-toggle-between {
  width: 100%;
}
.zef-visual .mat-mdc-slide-toggle.zef-slide-toggle-between .mdc-form-field {
  width: 100%;
}
.zef-visual .mat-mdc-slide-toggle.zef-slide-toggle-between .mdc-label {
  flex: 1;
}
.zef-visual .mat-mdc-slide-toggle.zef-text-p2 .mdc-label {
  font-size: 13px;
  line-height: 20px;
}
.zef-visual .mat-mdc-slide-toggle.zef-toggle-multiline .mdc-label {
  white-space: normal;
}
.zef-visual .mat-mdc-slide-toggle.zef-toggle-multiline .mdc-switch {
  align-self: baseline;
  margin-top: 4px;
}
.zef-visual .zef-chip-small {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  border-radius: 16px;
  font-family: Inter, sans-serif;
  white-space: nowrap;
  text-align: center;
  height: 20px;
  padding: 4px 12px;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-transform: uppercase;
}
.zef-visual .zef-chip-medium {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  border-radius: 16px;
  font-family: Inter, sans-serif;
  white-space: nowrap;
  text-align: center;
  height: 24px;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 600;
  line-height: 15px;
  text-transform: uppercase;
}
.zef-visual .zef-chip-large {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  border-radius: 16px;
  font-family: Inter, sans-serif;
  white-space: nowrap;
  text-align: center;
  height: 32px;
  padding: 4px 14px;
  font-size: 14px;
  line-height: 20px;
}
.zef-visual .zef-chip-property {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  border-radius: 16px;
  font-family: Inter, sans-serif;
  white-space: nowrap;
  text-align: center;
  height: 32px;
  padding: 4px 14px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 22px;
  background-color: #fff9f2;
}
.zef-visual .zef-chip-hashtag {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  border-radius: 16px;
  font-family: Inter, sans-serif;
  white-space: nowrap;
  text-align: center;
  height: 32px;
  padding: 4px 14px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 22px;
  background-color: #dae2e5;
}
.zef-visual .zef-chip-owner {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  border-radius: 16px;
  font-family: Inter, sans-serif;
  white-space: nowrap;
  text-align: center;
  height: 20px;
  padding: 4px 12px;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-transform: uppercase;
  color: white;
  background-color: #117f4c;
}
.zef-visual .zef-chip-member {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  border-radius: 16px;
  font-family: Inter, sans-serif;
  white-space: nowrap;
  text-align: center;
  height: 20px;
  padding: 4px 12px;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-transform: uppercase;
  color: white;
  background-color: #b26000;
}
.zef-visual .zef-chip-admin {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  border-radius: 16px;
  font-family: Inter, sans-serif;
  white-space: nowrap;
  text-align: center;
  height: 20px;
  padding: 4px 12px;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-transform: uppercase;
  color: white;
  background-color: #a08c00;
}
.zef-visual .zef-chip-beta {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  border-radius: 16px;
  font-family: Inter, sans-serif;
  white-space: nowrap;
  text-align: center;
  height: 20px;
  padding: 4px 12px;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-transform: uppercase;
  height: 20px !important;
  color: white;
  background-color: #f65aa5;
}
.zef-visual .zef-tag {
  display: inline-flex;
  overflow: hidden;
  align-items: center;
  height: 32px;
  max-width: 100%;
  padding: 0 8px;
  margin: 4px;
  border-radius: 5px;
  outline: none;
  color: #495c6c;
  background: #dae2e5;
}
.zef-visual .survey-status.small {
  position: relative;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  padding: 2px;
  margin: 0;
  border-radius: 50%;
  background-color: transparent;
}
.zef-visual .survey-status.small::before,
.zef-visual .survey-status.small::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.zef-visual .survey-status.small::before {
  border: 1px solid #dae2e5;
  background-color: #fff;
  inset: 2px;
}
.zef-visual .survey-status.small::after {
  inset: 4px;
}
.zef-visual .survey-status.big,
.zef-visual .survey-status.medium {
  position: relative;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  padding: 3px;
  margin: 0;
  border-radius: 50%;
  background-color: transparent;
}
.zef-visual .survey-status.big::before,
.zef-visual .survey-status.big::after,
.zef-visual .survey-status.medium::before,
.zef-visual .survey-status.medium::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.zef-visual .survey-status.big::before,
.zef-visual .survey-status.medium::before {
  border: 1px solid #dae2e5;
  background-color: #fff;
  inset: 3px;
}
.zef-visual .survey-status.big::after,
.zef-visual .survey-status.medium::after {
  inset: 6px;
}
.zef-visual .survey-status.online::after {
  background-color: #18b56c;
}
.zef-visual .survey-status.warning::after {
  background-color: #e5c800;
}
.zef-visual .survey-status.offline::after {
  background-color: #93a0ab;
}
.zef-visual .survey-status.error::after {
  background-color: #d9386c;
}
@-webkit-keyframes zef-animation-fade {
  0% {
    background-color: #ff8900;
  }
  50% {
    background-color: rgba(255, 137, 0, 0.75);
  }
  70% {
    background-color: rgba(255, 137, 0, 0.55);
  }
  90% {
    background-color: rgba(255, 137, 0, 0.25);
  }
  100% {
    background-color: rgba(255, 137, 0, 0.25);
  }
}
@keyframes zef-animation-fade {
  0% {
    background-color: #ff8900;
  }
  50% {
    background-color: rgba(255, 137, 0, 0.75);
  }
  70% {
    background-color: rgba(255, 137, 0, 0.55);
  }
  90% {
    background-color: rgba(255, 137, 0, 0.25);
  }
  100% {
    background-color: rgba(255, 137, 0, 0.25);
  }
}
@-webkit-keyframes zef-animation-spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes zef-animation-spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.zef-visual .mat-button-toggle {
  font-size: 13px;
  font-weight: 600;
  color: #112539;
  background-image:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.05));
}
.zef-visual .mat-button-toggle .mat-icon {
  color: #112539;
}
.zef-visual .mat-button-toggle .mat-button-toggle-label-content {
  padding: 0 4px;
  line-height: 32px;
}
.zef-visual .mat-button-toggle-checked {
  box-shadow: inset 0 1px 2px -1px rgba(17, 37, 57, 0.2);
  color: var(--mat-sys-primary);
  background: #f3f6f7;
}
.zef-visual .mat-button-toggle-checked .mat-icon {
  color: var(--mat-sys-primary);
}
.zef-visual .mat-button-toggle button {
  padding: 0 24px;
}
.zef-visual .mat-button-toggle-group {
  box-sizing: border-box;
  align-items: center;
  width: fit-content;
  height: 32px;
  border-radius: 5px;
}
.zef-visual .mat-button-toggle-group.zef-toggle-transparent {
  border: none;
}
.zef-visual .mat-button-toggle-group.zef-toggle-transparent .mat-button-toggle {
  border-radius: 10px;
  background-image: none;
}
.zef-visual .mat-button-toggle-group.zef-toggle-transparent .mat-button-toggle:hover:not(.mat-button-toggle-checked) {
  background-color: rgba(17, 37, 57, 0.05);
}
.zef-visual .mat-button-toggle-group.zef-toggle-transparent .mat-button-toggle + .mat-button-toggle {
  border-left: none;
}
.zef-visual .mat-button-toggle-group.zef-toggle-transparent .mat-button-toggle .mat-button-toggle-focus-overlay {
  display: none;
}
.zef-visual .mat-button-toggle-group.zef-toggle-transparent .mat-button-toggle-checked {
  background: #fff;
  box-shadow: none;
}
.zef-visual .mat-button-toggle-group[multiple].zef-toggle-transparent .mat-button-toggle:hover {
  background-color: rgba(17, 37, 57, 0.05);
}
.zef-visual .zef-icon-toggle .mat-button-toggle button,
.zef-visual .zef-icon-toggle.mat-button-toggle button {
  padding: 0;
}
.zef-visual .zef-icon-toggle .mat-button-toggle-checkbox-wrapper {
  display: none;
}
.zef-visual .mat-button-toggle-standalone.zef-icon-toggle {
  width: 32px;
  height: 32px;
  border: 1px solid #dae2e5;
  border-radius: 5px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(17, 37, 57, 0.05) 100%);
}
.zef-visual .mat-button-toggle-standalone.zef-icon-toggle .mat-button-toggle-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.zef-visual .mat-button-toggle-standalone.zef-icon-toggle .mat-button-toggle-label-content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 24px;
}
.zef-visual .mat-button-toggle-standalone.zef-icon-toggle.mat-button-toggle-checked {
  background-color: #f9fafb;
  box-shadow: inset 0 1px 2px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .mat-mdc-option {
  --mat-select-panel-background-color: #f9fafb;
}
.zef-visual .mat-mdc-tab-nav-bar .mdc-tab__ripple,
.zef-visual .mat-mdc-tab-nav-bar .mdc-tab-indicator,
.zef-visual .mat-mdc-tab-group .mdc-tab__ripple,
.zef-visual .mat-mdc-tab-group .mdc-tab-indicator {
  display: none;
}
.zef-visual .mat-mdc-tab-nav-bar {
  --mat-tab-container-height: 48px;
  --mat-tab-background-color: #fff;
}
.zef-visual .mat-mdc-tab-nav-bar.zef-tabs-floating,
.zef-visual .mat-mdc-tab-nav-bar.zef-tabs-floating-icon {
  --mat-tab-divider-height: 0;
  --mat-tab-container-height: 32px;
  --mat-tab-label-text-size: 12px;
  --mat-tab-label-text-line-height: 18px;
  --mat-tab-label-text-weight: 600;
  --mat-tab-active-label-text-color: var(--mat-sys-primary);
  --mat-tab-active-hover-label-text-color: var(--mat-sys-primary);
  --mat-tab-active-focus-label-text-color: var(--mat-sys-primary);
  --mat-tab-background-color: rgba(17, 37, 57, 0.05);
  border-radius: 8px;
  background: rgba(17, 37, 57, 0.05) !important;
}
.zef-visual .mat-mdc-tab-nav-bar.zef-tabs-floating .mdc-tab,
.zef-visual .mat-mdc-tab-nav-bar.zef-tabs-floating-icon .mdc-tab {
  display: inline-flex;
  align-items: center;
  border-radius: 8px;
}
.zef-visual .mat-mdc-tab-nav-bar.zef-tabs-floating .mdc-tab.mdc-tab-indicator--active,
.zef-visual .mat-mdc-tab-nav-bar.zef-tabs-floating-icon .mdc-tab.mdc-tab-indicator--active {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(17, 37, 57, 0.1);
}
.zef-visual .mat-mdc-tab-nav-bar.zef-tabs-floating .mdc-tab__content,
.zef-visual .mat-mdc-tab-nav-bar.zef-tabs-floating-icon .mdc-tab__content {
  height: fit-content;
}
.zef-visual .mat-mdc-tab-nav-bar.zef-tabs-floating .mdc-tab {
  min-width: 0;
  padding: 8px;
}
.zef-visual .mat-mdc-tab-nav-bar.zef-tabs-floating-icon .mdc-tab {
  min-width: fit-content;
  padding: 4px;
}
.zef-visual .mat-mdc-tab-nav-bar.zef-breadcrumbs {
  --mat-tab-divider-height: 0;
  --mat-tab-container-height: 48px;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-line-height: 24px;
  --mat-tab-label-text-weight: 600;
  --mat-tab-active-label-text-color: var(--mat-sys-primary);
  --mat-tab-active-hover-label-text-color: var(--mat-sys-primary);
  --mat-tab-active-focus-label-text-color: var(--mat-sys-primary);
  --mat-tab-active-indicator-height: 4px;
  --mat-tab-active-indicator-shape: 10px 10px 0 0;
}
.zef-visual .mat-mdc-tab-nav-bar.zef-breadcrumbs .mdc-tab-indicator {
  display: flex;
}
.zef-visual .mat-mdc-tab-nav-bar.zef-breadcrumbs .mdc-tab {
  padding: 0 16px;
}
.zef-visual .mat-mdc-tab-nav-bar.zef-breadcrumbs .mdc-tab.incomplete {
  opacity: 0.3;
}
.zef-visual .mat-mdc-tab-group.zef-tabs-text {
  --mat-tab-divider-height: 0;
  --mat-tab-container-height: 32px;
  --mat-tab-label-text-size: 13px;
  --mat-tab-label-text-line-height: 17px;
  --mat-tab-label-text-weight: 600;
  --mat-tab-inactive-hover-label-text-color: var(--mat-sys-primary);
  --mat-tab-inactive-focus-label-text-color: var(--mat-sys-primary);
  --mat-tab-active-label-text-color: var(--mat-sys-primary);
  --mat-tab-active-hover-label-text-color: var(--mat-sys-primary);
  --mat-tab-active-focus-label-text-color: var(--mat-sys-primary);
}
.zef-visual .mat-mdc-tab-group.zef-tabs-text .mdc-tab {
  border: 0 solid #dae2e5;
  border-bottom-width: 1px;
  background:
    #fff linear-gradient(
      180deg,
      transparent 0%,
      rgba(17, 37, 57, 0.1) 100%);
}
.zef-visual .mat-mdc-tab-group.zef-tabs-text .mdc-tab.mdc-tab-indicator--active {
  box-shadow: inset 0 1px 2px 0 rgba(17, 37, 57, 0.2);
  background: #eaeff1;
}
.zef-visual .mat-mdc-tab-group.zef-tabs-text .mdc-tab + .mdc-tab {
  border-left-width: 1px;
}
.zef-visual .mat-mdc-tab-group.zef-tabs-text .mat-mdc-tab-body-content {
  display: flex;
}
.zef-visual .zef-tabs-icon {
  display: flex;
  align-self: baseline;
  border: 1px solid #dae2e5;
  border-radius: 5px;
}
.zef-visual .zef-tabs-icon .mat-mdc-icon-button {
  border: none;
  border-radius: 0 !important;
}
.zef-visual .zef-tabs-icon .mat-mdc-icon-button.active {
  background-color: #eaeff1;
  box-shadow: inset 0 1px 2px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .zef-tabs-icon .mat-mdc-icon-button.active .mat-icon {
  color: #ff8900;
}
.zef-visual .zef-tabs-icon .mat-mdc-icon-button:not(:last-child) {
  border-right: 1px solid #dae2e5;
}
.zef-visual .zef-toggle-swatch {
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  padding: 2px;
  border: 2px solid transparent;
  border-radius: 8px;
  outline: none;
  cursor: pointer;
  background-color: white;
}
.zef-visual .zef-toggle-swatch.selected {
  border-color: #ff8900;
}
.zef-visual .zef-toggle-swatch:disabled {
  opacity: 0.3;
  border-color: transparent;
  cursor: default;
}
.zef-visual .zef-toggle-swatch figure {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  border-radius: 5px;
}
.zef-visual .zef-datatable-container {
  border: 1px solid #eaeff1;
}
.zef-visual .zef-datatable-container .empty-row {
  padding: 24px;
  background-color: white;
}
.zef-visual .zef-datatable-container .active-row {
  position: relative;
  cursor: pointer;
}
.zef-visual .zef-datatable-container .active-row:hover::after {
  content: "";
  position: absolute;
  background-color: rgba(218, 226, 229, 0.3);
  inset: 0;
}
.zef-visual .zef-datatable-container zef-pager {
  background-color: white;
}
.zef-visual .zef-datatable {
  box-sizing: border-box;
  width: 100%;
  overflow-y: hidden;
}
.zef-visual .zef-datatable .cdk-header-row {
  background-color: white;
}
.zef-visual .zef-datatable .cdk-row {
  border-bottom: 1px solid #f3f6f7;
}
.zef-visual .zef-datatable .cdk-row:first-child {
  border-top: 1px solid #f3f6f7;
}
.zef-visual .zef-datatable .cdk-row:nth-child(even) {
  background-color: rgba(243, 246, 247, 0.3);
}
.zef-visual .zef-datatable .cdk-row:nth-child(odd) {
  background-color: white;
}
.zef-visual .zef-datatable .cdk-cell,
.zef-visual .zef-datatable .cdk-header-cell {
  box-sizing: border-box;
}
.zef-visual .zef-datatable .cdk-cell .mat-mdc-checkbox .mat-checkbox-inner-container,
.zef-visual .zef-datatable .cdk-header-cell .mat-mdc-checkbox .mat-checkbox-inner-container {
  width: 24px;
  height: 24px;
}
.zef-visual .zef-datatable .cdk-cell .mat-mdc-checkbox .mat-checkbox-frame,
.zef-visual .zef-datatable .cdk-header-cell .mat-mdc-checkbox .mat-checkbox-frame {
  border: 2px solid #dae2e5;
  border-radius: 3px;
  background-color: #f3f6f7;
}
.zef-visual .zef-datatable .cdk-cell .no-overflow,
.zef-visual .zef-datatable .cdk-header-cell .no-overflow {
  overflow: hidden;
  max-width: 100%;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.zef-visual .zef-datatable .sortable-cell {
  cursor: pointer;
}
.zef-visual .mat-mdc-slide-toggle {
  --mat-slide-toggle-handle-shape: 50%;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-selected-icon-size: 0;
  --mat-slide-toggle-unselected-icon-size: 0;
  --mat-slide-toggle-disabled-unselected-handle-color:
    linear-gradient(
      180deg,
      #fff 0%,
      rgb(242.25, 242.25, 242.25) 100%);
  --mat-slide-toggle-unselected-handle-color:
    linear-gradient(
      180deg,
      #fff 0%,
      rgb(242.25, 242.25, 242.25) 100%);
  --mat-slide-toggle-handle-surface-color:
    linear-gradient(
      180deg,
      #fff 0%,
      rgb(242.25, 242.25, 242.25) 100%);
  --mat-slide-toggle-track-width: 32px;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-width: 0;
  --mat-slide-toggle-selected-track-outline-width: 0;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 0;
  --mat-slide-toggle-hidden-track-transition: none;
  --mat-slide-toggle-visible-track-transition: none;
  --mat-slide-toggle-unselected-track-color: #dae2e5;
  --mat-slide-toggle-unselected-hover-track-color: #dae2e5;
  --mat-slide-toggle-unselected-focus-track-color: #dae2e5;
  --mat-slide-toggle-unselected-pressed-track-color: #dae2e5;
  --mat-slide-toggle-disabled-unselected-track-color: #dae2e5;
  --mat-slide-toggle-selected-track-color: #ff8900;
  --mat-slide-toggle-selected-focus-track-color: #ff8900;
  --mat-slide-toggle-selected-hover-track-color: #ff8900;
  --mat-slide-toggle-selected-pressed-track-color: #ff8900;
  --mat-slide-toggle-disabled-selected-track-color: #ff8900;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-state-layer-size: 0;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.38;
  display: inline-flex;
  height: 32px;
}
.zef-visual .mat-mdc-slide-toggle.mat-warning {
  --mat-slide-toggle-selected-track-color: #e5c800;
  --mat-slide-toggle-selected-focus-track-color: #e5c800;
  --mat-slide-toggle-selected-hover-track-color: #e5c800;
  --mat-slide-toggle-selected-pressed-track-color: #e5c800;
  --mat-slide-toggle-disabled-selected-track-color: #e5c800;
}
.zef-visual .mat-mdc-slide-toggle.mat-alert {
  --mat-slide-toggle-selected-track-color: #d9386c;
  --mat-slide-toggle-selected-focus-track-color: #d9386c;
  --mat-slide-toggle-selected-hover-track-color: #d9386c;
  --mat-slide-toggle-selected-pressed-track-color: #d9386c;
  --mat-slide-toggle-disabled-selected-track-color: #d9386c;
}
.zef-visual .mat-mdc-slide-toggle.mat-promo {
  --mat-slide-toggle-selected-track-color: #0da9ab;
  --mat-slide-toggle-selected-focus-track-color: #0da9ab;
  --mat-slide-toggle-selected-hover-track-color: #0da9ab;
  --mat-slide-toggle-selected-pressed-track-color: #0da9ab;
  --mat-slide-toggle-disabled-selected-track-color: #0da9ab;
}
.zef-visual .mat-mdc-slide-toggle.mat-logic {
  --mat-slide-toggle-selected-track-color: #9a2cde;
  --mat-slide-toggle-selected-focus-track-color: #9a2cde;
  --mat-slide-toggle-selected-hover-track-color: #9a2cde;
  --mat-slide-toggle-selected-pressed-track-color: #9a2cde;
  --mat-slide-toggle-disabled-selected-track-color: #9a2cde;
}
.zef-visual .mat-mdc-slide-toggle.mat-success {
  --mat-slide-toggle-selected-track-color: #18b56c;
  --mat-slide-toggle-selected-focus-track-color: #18b56c;
  --mat-slide-toggle-selected-hover-track-color: #18b56c;
  --mat-slide-toggle-selected-pressed-track-color: #18b56c;
  --mat-slide-toggle-disabled-selected-track-color: #18b56c;
}
.zef-visual .mat-mdc-slide-toggle.mat-partner {
  --mat-slide-toggle-selected-track-color: #760a55;
  --mat-slide-toggle-selected-focus-track-color: #760a55;
  --mat-slide-toggle-selected-hover-track-color: #760a55;
  --mat-slide-toggle-selected-pressed-track-color: #760a55;
  --mat-slide-toggle-disabled-selected-track-color: #760a55;
}
.zef-visual .mat-mdc-slide-toggle.mat-beta {
  --mat-slide-toggle-selected-track-color: #f65aa5;
  --mat-slide-toggle-selected-focus-track-color: #f65aa5;
  --mat-slide-toggle-selected-hover-track-color: #f65aa5;
  --mat-slide-toggle-selected-pressed-track-color: #f65aa5;
  --mat-slide-toggle-disabled-selected-track-color: #f65aa5;
}
.zef-visual .mat-mdc-slide-toggle.mat-ink {
  --mat-slide-toggle-selected-track-color: #112539;
  --mat-slide-toggle-selected-focus-track-color: #112539;
  --mat-slide-toggle-selected-hover-track-color: #112539;
  --mat-slide-toggle-selected-pressed-track-color: #112539;
  --mat-slide-toggle-disabled-selected-track-color: #112539;
}
.zef-visual .mat-mdc-slide-toggle .mdc-label {
  padding-left: 8px;
}
.zef-visual .mat-mdc-slide-toggle .mdc-switch__handle {
  box-sizing: border-box;
}
.zef-visual .mat-mdc-slide-toggle .mdc-switch__handle::after {
  border: 2px solid #60717f;
  box-shadow: 0 1px 2px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .mat-mdc-slide-toggle .mdc-switch--disabled + label {
  opacity: 0.38;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch__handle::after {
  border-color: #ff8900;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked.mat-warning .mdc-switch__handle::after {
  border-color: #e5c800;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked.mat-alert .mdc-switch__handle::after {
  border-color: #d9386c;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked.mat-promo .mdc-switch__handle::after {
  border-color: #0da9ab;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked.mat-logic .mdc-switch__handle::after {
  border-color: #9a2cde;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked.mat-success .mdc-switch__handle::after {
  border-color: #18b56c;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked.mat-partner .mdc-switch__handle::after {
  border-color: #760a55;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked.mat-beta .mdc-switch__handle::after {
  border-color: #f65aa5;
}
.zef-visual .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked.mat-ink .mdc-switch__handle::after {
  border-color: #112539;
}
.zef-visual .mat-mdc-slide-toggle.zef-slide-toggle-between {
  width: 100%;
}
.zef-visual .mat-mdc-slide-toggle.zef-slide-toggle-between .mdc-form-field {
  width: 100%;
}
.zef-visual .mat-mdc-slide-toggle.zef-slide-toggle-between .mdc-label {
  flex: 1;
}
.zef-visual .mat-mdc-slide-toggle.zef-text-p2 .mdc-label {
  font-size: 13px;
  line-height: 20px;
}
.zef-visual .mat-mdc-slide-toggle.zef-toggle-multiline .mdc-label {
  white-space: normal;
}
.zef-visual .mat-mdc-slide-toggle.zef-toggle-multiline .mdc-switch {
  align-self: baseline;
  margin-top: 4px;
}
.zef-visual .zef-avatar-team,
.zef-visual .zef-avatar-user,
.zef-visual .zef-avatar-user-small,
.zef-visual .zef-avatar-contact {
  position: relative;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(0, 0, 0, 0.2) 100%);
  background-color: #dae2e5;
  box-shadow: 0 4px 8px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .zef-avatar-team zef-image-upload,
.zef-visual .zef-avatar-user zef-image-upload,
.zef-visual .zef-avatar-user-small zef-image-upload,
.zef-visual .zef-avatar-contact zef-image-upload {
  overflow: hidden;
  box-sizing: border-box;
  margin: 0;
  background-color: white;
}
.zef-visual .zef-avatar-team {
  width: 192px;
  height: 192px;
  margin: 48px 0 32px;
  border-radius: 48px;
}
.zef-visual .zef-avatar-team .zef-avatar-image,
.zef-visual .zef-avatar-team zef-image-upload {
  width: 178px;
  height: 178px;
  border-radius: 40px;
}
.zef-visual .zef-avatar-team .zef-avatar-image {
  max-width: none;
  max-height: none;
  background-color: white;
}
.zef-visual .zef-avatar-user {
  width: 160px;
  height: 160px;
  border-radius: 50%;
}
.zef-visual .zef-avatar-user zef-image-upload {
  width: 144px;
  height: 144px;
  border-radius: 50%;
}
.zef-visual .zef-avatar-contact,
.zef-visual .zef-avatar-user-small {
  width: 112px;
  height: 112px;
  border-radius: 50%;
}
.zef-visual .zef-avatar-contact zef-image-upload,
.zef-visual .zef-avatar-user-small zef-image-upload {
  width: 96px;
  height: 96px;
  border-radius: 50%;
}
.zef-visual .zef-image-upload ::ng-deep .dropzone {
  position: relative;
}
.zef-visual .zef-image-upload ::ng-deep .dropzone.dz-wrapper.dz-single {
  overflow: hidden;
}
.zef-visual .zef-image-upload ::ng-deep .dropzone.dz-wrapper.dz-single .dz-message {
  border: none;
}
.zef-visual .zef-image-upload ::ng-deep .dropzone.dz-wrapper.dz-single .dz-message.dz-placeholder {
  overflow: hidden;
  min-width: 96px;
  min-height: 96px;
  max-width: 96px;
  max-height: 96px;
  margin: 0;
}
.zef-visual .zef-image-upload ::ng-deep .dropzone.dz-wrapper.dz-single .dz-message.dz-placeholder .dz-text {
  top: 50%;
  right: 0;
  left: 0;
  padding: 60px 16px;
}
.zef-visual .zef-image-upload ::ng-deep .dropzone.dz-wrapper.dz-single .dz-message.dz-placeholder .dz-image {
  width: 96px;
  height: 96px;
}
.zef-visual .zef-image-upload ::ng-deep .zef-avatar-image .dropzone.dz-wrapper.dz-single {
  overflow: hidden;
}
.zef-visual .zef-image-upload ::ng-deep .zef-avatar-image .dropzone.dz-wrapper.dz-single .dz-message {
  border: none;
}
.zef-visual .zef-image-upload ::ng-deep .zef-avatar-image .dropzone.dz-wrapper.dz-single .dz-message.dz-placeholder {
  border-radius: 50%;
}
.zef-visual .zef-image-upload ::ng-deep .zef-avatar-image .dropzone.dz-wrapper.dz-single::before,
.zef-visual .zef-image-upload ::ng-deep .zef-logo-image .dropzone.dz-wrapper.dz-single::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  background-color: transparent;
  transition: background-color 250ms ease-out;
  inset: 0;
}
.zef-visual .zef-image-upload ::ng-deep .zef-avatar-image .dropzone.dz-wrapper.dz-single .dz-message .dz-text,
.zef-visual .zef-image-upload ::ng-deep .zef-logo-image .dropzone.dz-wrapper.dz-single .dz-message .dz-text {
  display: none;
}
.zef-visual .zef-image-upload ::ng-deep .zef-avatar-image .dropzone.dz-wrapper.dz-single .dz-message .dz-image,
.zef-visual .zef-image-upload ::ng-deep .zef-logo-image .dropzone.dz-wrapper.dz-single .dz-message .dz-image {
  filter: none;
}
.zef-visual .zef-image-upload ::ng-deep .zef-avatar-image .dropzone.dz-wrapper.dz-single .zef-upload-icon,
.zef-visual .zef-image-upload ::ng-deep .zef-logo-image .dropzone.dz-wrapper.dz-single .zef-upload-icon {
  position: absolute;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  color: #fff;
  transition: opacity 250ms ease-out;
}
.zef-visual .zef-image-upload ::ng-deep .zef-avatar-image .dropzone.dz-wrapper.dz-single:hover::before,
.zef-visual .zef-image-upload ::ng-deep .zef-logo-image .dropzone.dz-wrapper.dz-single:hover::before {
  background-color: rgba(17, 37, 57, 0.5);
}
.zef-visual .zef-image-upload ::ng-deep .zef-avatar-image .dropzone.dz-wrapper.dz-single:hover .zef-upload-icon,
.zef-visual .zef-image-upload ::ng-deep .zef-logo-image .dropzone.dz-wrapper.dz-single:hover .zef-upload-icon {
  opacity: 1;
}
.zef-visual .zef-logo-image {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border: 1px solid #dae2e5;
  border-radius: 10px;
  object-fit: cover;
  background-size: cover;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
}
.zef-visual .zef-logo-image.round {
  border-radius: 50%;
}
.zef-visual .zef-logo-image.square {
  width: 50px;
  min-width: 50px;
}
.zef-visual .zef-logo-image.rectangle {
  width: 40px;
  min-width: 40px;
}
.zef-visual .zef-avatar-image {
  overflow: hidden;
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
  border: 1px solid #93a0ab;
  border-radius: 50%;
  background-size: contain;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.zef-visual .zef-logo-image.zef-round,
.zef-visual .zef-avatar-image.zef-round {
  border-radius: 50%;
}
.zef-visual .zef-logo-image.zef-mini,
.zef-visual .zef-avatar-image.zef-mini {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  max-width: none;
  max-height: none;
  margin: 0;
}
.zef-visual .zef-logo-image.zef-mini.zef-rect,
.zef-visual .zef-avatar-image.zef-mini.zef-rect {
  height: 30px;
}
.zef-visual .zef-logo-image.zef-tiny,
.zef-visual .zef-avatar-image.zef-tiny {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  max-width: none;
  max-height: none;
  margin: 0;
}
.zef-visual .zef-logo-image.zef-tiny.zef-rect,
.zef-visual .zef-avatar-image.zef-tiny.zef-rect {
  height: 40px;
}
.zef-visual .zef-logo-image.zef-small,
.zef-visual .zef-avatar-image.zef-small {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  max-width: none;
  max-height: none;
}
.zef-visual .zef-logo-image.zef-medium,
.zef-visual .zef-avatar-image.zef-medium {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  max-width: none;
  max-height: none;
}
.zef-visual .zef-logo-image.zef-large,
.zef-visual .zef-avatar-image.zef-large {
  width: 96px;
  height: 96px;
  min-width: 96px;
  min-height: 96px;
  max-width: none;
  max-height: none;
}
.zef-visual .zef-logo-image.zef-huge,
.zef-visual .zef-avatar-image.zef-huge {
  width: 120px;
  height: 120px;
  min-width: 120px;
  min-height: 120px;
  max-width: none;
  max-height: none;
}
.zef-visual .mat-datepicker-popup {
  box-shadow: 0 2px 4px 0 rgba(17, 37, 57, 0.2);
  border-radius: 5px;
}
.zef-visual .mat-calendar {
  display: flex;
  flex-direction: column;
  width: 280px;
  min-height: 350px;
  --mat-datepicker-calendar-header-text-size: 11px;
}
.zef-visual .mat-calendar.zef-date-range .mat-calendar-body-cell-container.range-hover-from .mat-calendar-body-cell-content {
  border: 2px solid rgba(24, 181, 108, 0.5) !important;
  background-color: transparent !important;
}
.zef-visual .mat-calendar.zef-date-range .mat-calendar-body-cell-container.range-hover-until .mat-calendar-body-cell-content {
  border: 2px solid rgba(255, 137, 0, 0.5) !important;
  background-color: transparent !important;
}
.zef-visual .mat-calendar.zef-date-range .mat-calendar-body-cell-container.range-selected-from .mat-calendar-body-cell-content {
  color: #fff !important;
  background-color: #18b56c !important;
}
.zef-visual .mat-calendar.zef-date-range .mat-calendar-body-cell-container.range-selected-from-until .mat-calendar-body-cell-content {
  color: #fff !important;
  background-color: #9a2cde !important;
}
.zef-visual .mat-calendar.zef-date-range .mat-calendar-body-cell-container.range-selected-until .mat-calendar-body-cell-content {
  color: #fff !important;
  background-color: #ff8900 !important;
}
.zef-visual .mat-calendar.zef-date-range .mat-calendar-body-cell-container.range-from .mat-calendar-body-cell-content {
  background-color: rgba(24, 181, 108, 0.1) !important;
}
.zef-visual .mat-calendar.zef-date-range .mat-calendar-body-cell-container.range-from-until .mat-calendar-body-cell-content {
  background-color: rgba(154, 44, 222, 0.1) !important;
}
.zef-visual .mat-calendar.zef-date-range .mat-calendar-body-cell-container.range-until .mat-calendar-body-cell-content {
  background-color: rgba(255, 137, 0, 0.1) !important;
}
.zef-visual .mat-calendar-table {
  height: 100%;
}
.zef-visual .mat-calendar-table-header-divider {
  display: none;
}
.zef-visual .mat-calendar-table-header th {
  height: 1px;
  padding: 8px 0 4px;
  color: #60717f;
}
.zef-visual .mat-calendar-table-header tr + tr {
  display: none;
}
.zef-visual .mat-calendar-content {
  flex: 1;
}
.zef-visual .mat-calendar-body {
  font-size: 14px;
}
.zef-visual .mat-calendar-body > tr[aria-hidden=true]:first-child {
  display: none;
}
.zef-visual .mat-calendar-body-label {
  visibility: hidden;
  padding: 0 !important;
}
.zef-visual .mat-calendar-body-disabled {
  pointer-events: none;
}
.zef-visual .mat-calendar-body-disabled .mat-calendar-body-cell-content {
  color: rgba(17, 37, 57, 0.3) !important;
  background-color: transparent;
}
.zef-visual .mat-calendar-body-cell-container {
  width: 32px !important;
  height: 32px !important;
  padding: 2px !important;
}
.zef-visual .mat-calendar-body-cell-content {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: #f9fafb;
}
.zef-visual .mat-calendar-body-cell .mat-calendar-body-today {
  border: 2px solid !important;
  color: #112539 !important;
  background-color: #fff !important;
  box-shadow: none !important;
}
.zef-visual .mat-calendar-body-cell .mat-calendar-body-selected {
  color: #fff !important;
  background-color: #ff8900 !important;
}
.zef-visual .mat-calendar-body-cell.mat-calendar-body-other .mat-calendar-body-cell-content {
  color: #18b56c !important;
}
.zef-visual .mat-calendar.zef-calendar-logic {
  --mat-datepicker-calendar-date-hover-state-background-color: #faf4fd;
}
.zef-visual .mat-calendar.zef-calendar-logic .mat-calendar-body-cell .mat-calendar-body-selected {
  color: #fff !important;
  background-color: #9a2cde !important;
}
.zef-visual .mat-mdc-slider {
  --mat-slider-handle-shape: 50%;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-inactive-track-color: #dae2e5;
  --mat-slider-handle-width: 28px;
  --mat-slider-handle-height: 28px;
  --mat-slider-value-indicator-width: 28px;
  --mat-slider-value-indicator-height: 28px;
  --mat-slider-with-overlap-handle-outline-width: 0;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  cursor: grab;
}
.zef-visual .mat-mdc-slider.mat-accent {
  --mat-slider-handle-color: #d21a85;
  --mat-slider-active-track-color: #d21a85;
  --mat-slider-hover-handle-color: #d21a85;
  --mat-slider-focus-handle-color: #d21a85;
}
.zef-visual .mat-mdc-slider.mat-logic {
  --mat-slider-handle-color: #9a2cde;
  --mat-slider-active-track-color: #9a2cde;
  --mat-slider-hover-handle-color: #9a2cde;
  --mat-slider-focus-handle-color: #9a2cde;
}
.zef-visual .mat-mdc-slider.mat-scoring {
  --mat-slider-handle-color: #00ad65;
  --mat-slider-active-track-color: #00ad65;
  --mat-slider-hover-handle-color: #00ad65;
  --mat-slider-focus-handle-color: #00ad65;
}
.zef-visual .mat-mdc-slider.mat-trigger {
  --mat-slider-handle-color: #0e6ea1;
  --mat-slider-active-track-color: #0e6ea1;
  --mat-slider-hover-handle-color: #0e6ea1;
  --mat-slider-focus-handle-color: #0e6ea1;
}
.zef-visual .mat-mdc-slider.mat-responses {
  --mat-slider-handle-color: #7d15ed;
  --mat-slider-active-track-color: #7d15ed;
  --mat-slider-hover-handle-color: #7d15ed;
  --mat-slider-focus-handle-color: #7d15ed;
}
.zef-visual .mat-mdc-slider.mat-sms {
  --mat-slider-handle-color: #5ca600;
  --mat-slider-active-track-color: #5ca600;
  --mat-slider-hover-handle-color: #5ca600;
  --mat-slider-focus-handle-color: #5ca600;
}
.zef-visual .mat-mdc-slider.mat-contacts {
  --mat-slider-handle-color: #0bc;
  --mat-slider-active-track-color: #0bc;
  --mat-slider-hover-handle-color: #0bc;
  --mat-slider-focus-handle-color: #0bc;
}
.zef-visual .mat-mdc-slider.mat-emails {
  --mat-slider-handle-color: #cf1196;
  --mat-slider-active-track-color: #cf1196;
  --mat-slider-hover-handle-color: #cf1196;
  --mat-slider-focus-handle-color: #cf1196;
}
.zef-visual .mat-mdc-slider.mat-ink-lighter {
  --mat-slider-handle-color: #60717f;
  --mat-slider-active-track-color: #60717f;
  --mat-slider-hover-handle-color: #60717f;
  --mat-slider-focus-handle-color: #60717f;
}
.zef-visual .mat-mdc-slider,
.zef-visual .mat-mdc-slider .mdc-slider__input {
  height: 32px;
}
.zef-visual .mat-mdc-slider .mdc-slider__thumb {
  left: -16px !important;
  width: 32px;
  height: 32px;
}
.zef-visual .mat-mdc-slider .mdc-slider__track--inactive {
  opacity: 1;
}
.zef-visual .mat-mdc-slider .mdc-slider__input {
  top: 0;
  left: -4px !important;
  padding: 0 !important;
}
.zef-visual .mat-mdc-slider .mdc-slider__input.mat-slider__right-input {
  right: -4px !important;
  left: auto !important;
}
.zef-visual .mat-mdc-slider .mdc-slider__thumb {
  border-width: 2px;
  border-color: transparent;
}
.zef-visual .mat-mdc-slider .mdc-slider__thumb:hover .mdc-slider__thumb-knob {
  border-color: transparent;
}
.zef-visual .mat-mdc-slider .mdc-slider__thumb-knob {
  position: relative;
  flex: none;
  border: 6px solid #fff !important;
  box-shadow: 0 1px 2px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .mat-mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob {
  box-sizing: border-box;
}
.zef-visual .mat-mdc-slider.zef-slider-single-input {
  --mat-slider-active-track-color: #dae2e5;
}
.zef-visual .mat-mdc-tooltip-panel .mat-mdc-tooltip {
  overflow: visible;
  max-width: 296px;
  padding: 5px 8px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  color: #fff;
  background: #112539;
}
.zef-visual .mat-mdc-tooltip-panel .mat-mdc-tooltip.hide {
  visibility: hidden;
}
.zef-visual .mat-mdc-tooltip-panel .mat-mdc-tooltip.zef-auto-width {
  max-width: fit-content;
  white-space: nowrap;
}
.zef-visual .mat-mdc-tooltip-panel .mat-mdc-tooltip .tooltip-content {
  padding: 5px 8px;
  margin: -5px -8px;
  border-radius: 8px;
  color: inherit;
  background: inherit;
  box-shadow: 0 1px 4px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .mat-mdc-tooltip-panel .mat-mdc-tooltip .tooltip-content > * {
  position: relative;
}
.zef-visual .mat-mdc-tooltip-panel .mat-mdc-tooltip::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 16px;
  height: 16px;
  pointer-events: none;
  background: inherit;
  box-shadow: -1px -1px 2px -1px rgba(17, 37, 57, 0.2);
  inset: initial;
}
.zef-visual .mat-mdc-tooltip-panel .mat-mdc-tooltip::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
}
.zef-visual .mat-mdc-tooltip-panel .mdc-tooltip__surface {
  min-height: fit-content;
  padding: 0;
}
.zef-visual .mat-mdc-tooltip-panel-below .mat-mdc-tooltip::before,
.zef-visual .mat-mdc-tooltip-panel-above .mat-mdc-tooltip::before {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.zef-visual .mat-mdc-tooltip-panel-right .mat-mdc-tooltip::before,
.zef-visual .mat-mdc-tooltip-panel-left .mat-mdc-tooltip::before {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.zef-visual .mat-mdc-tooltip-panel-right .mat-mdc-tooltip::before {
  left: -4px;
}
.zef-visual .mat-mdc-tooltip-panel-right .mat-mdc-tooltip::after {
  left: -16px;
}
.zef-visual .mat-mdc-tooltip-panel-left .mat-mdc-tooltip::before {
  right: -4px;
}
.zef-visual .mat-mdc-tooltip-panel-left .mat-mdc-tooltip::after {
  right: -16px;
}
.zef-visual .mat-mdc-tooltip-panel-above .mat-mdc-tooltip::before {
  bottom: -4px;
}
.zef-visual .mat-mdc-tooltip-panel-above .mat-mdc-tooltip::after {
  bottom: -16px;
}
.zef-visual .mat-mdc-tooltip-panel-below .mat-mdc-tooltip::before {
  top: -4px;
}
.zef-visual .mat-mdc-tooltip-panel-below .mat-mdc-tooltip::after {
  top: -16px;
}
.zef-visual .mat-mdc-tooltip-panel .mat-mdc-tooltip.zef-tooltip-primary {
  color: #fff;
  background: #ff8900;
}
.zef-visual .mat-mdc-tooltip-panel-right .mat-mdc-tooltip.zef-tooltip-primary::before {
  border-right-color: #ff8900;
}
.zef-visual .mat-mdc-tooltip-panel-left .mat-mdc-tooltip.zef-tooltip-primary::before {
  border-left-color: #ff8900;
}
.zef-visual .mat-mdc-tooltip-panel-above .mat-mdc-tooltip.zef-tooltip-primary::before {
  border-top-color: #ff8900;
}
.zef-visual .mat-mdc-tooltip-panel-below .mat-mdc-tooltip.zef-tooltip-primary::before {
  border-bottom-color: #ff8900;
}
.zef-visual .mat-mdc-tooltip-panel .mat-mdc-tooltip.zef-tooltip-success {
  color: #fff;
  background: #18b56c;
}
.zef-visual .mat-mdc-tooltip-panel-right .mat-mdc-tooltip.zef-tooltip-success::before {
  border-right-color: #18b56c;
}
.zef-visual .mat-mdc-tooltip-panel-left .mat-mdc-tooltip.zef-tooltip-success::before {
  border-left-color: #18b56c;
}
.zef-visual .mat-mdc-tooltip-panel-above .mat-mdc-tooltip.zef-tooltip-success::before {
  border-top-color: #18b56c;
}
.zef-visual .mat-mdc-tooltip-panel-below .mat-mdc-tooltip.zef-tooltip-success::before {
  border-bottom-color: #18b56c;
}
.zef-visual .mat-mdc-tooltip-panel .mat-mdc-tooltip.zef-tooltip-warning {
  color: #fff;
  background: #e5c800;
}
.zef-visual .mat-mdc-tooltip-panel-right .mat-mdc-tooltip.zef-tooltip-warning::before {
  border-right-color: #e5c800;
}
.zef-visual .mat-mdc-tooltip-panel-left .mat-mdc-tooltip.zef-tooltip-warning::before {
  border-left-color: #e5c800;
}
.zef-visual .mat-mdc-tooltip-panel-above .mat-mdc-tooltip.zef-tooltip-warning::before {
  border-top-color: #e5c800;
}
.zef-visual .mat-mdc-tooltip-panel-below .mat-mdc-tooltip.zef-tooltip-warning::before {
  border-bottom-color: #e5c800;
}
.zef-visual .mat-mdc-tooltip-panel .mat-mdc-tooltip.zef-tooltip-smart {
  color: #fff;
  background: #ef5d65;
}
.zef-visual .mat-mdc-tooltip-panel-right .mat-mdc-tooltip.zef-tooltip-smart::before {
  border-right-color: #ef5d65;
}
.zef-visual .mat-mdc-tooltip-panel-left .mat-mdc-tooltip.zef-tooltip-smart::before {
  border-left-color: #ef5d65;
}
.zef-visual .mat-mdc-tooltip-panel-above .mat-mdc-tooltip.zef-tooltip-smart::before {
  border-top-color: #ef5d65;
}
.zef-visual .mat-mdc-tooltip-panel-below .mat-mdc-tooltip.zef-tooltip-smart::before {
  border-bottom-color: #ef5d65;
}
.zef-visual .mat-mdc-tooltip-panel .mat-mdc-tooltip.zef-tooltip-ink {
  color: #fff;
  background: #112539;
}
.zef-visual .mat-mdc-tooltip-panel-right .mat-mdc-tooltip.zef-tooltip-ink::before {
  border-right-color: #112539;
}
.zef-visual .mat-mdc-tooltip-panel-left .mat-mdc-tooltip.zef-tooltip-ink::before {
  border-left-color: #112539;
}
.zef-visual .mat-mdc-tooltip-panel-above .mat-mdc-tooltip.zef-tooltip-ink::before {
  border-top-color: #112539;
}
.zef-visual .mat-mdc-tooltip-panel-below .mat-mdc-tooltip.zef-tooltip-ink::before {
  border-bottom-color: #112539;
}
.zef-visual .mat-mdc-tooltip-panel .mat-mdc-tooltip.zef-tooltip-ink-lighter {
  color: #fff;
  background: #60717f;
}
.zef-visual .mat-mdc-tooltip-panel-right .mat-mdc-tooltip.zef-tooltip-ink-lighter::before {
  border-right-color: #60717f;
}
.zef-visual .mat-mdc-tooltip-panel-left .mat-mdc-tooltip.zef-tooltip-ink-lighter::before {
  border-left-color: #60717f;
}
.zef-visual .mat-mdc-tooltip-panel-above .mat-mdc-tooltip.zef-tooltip-ink-lighter::before {
  border-top-color: #60717f;
}
.zef-visual .mat-mdc-tooltip-panel-below .mat-mdc-tooltip.zef-tooltip-ink-lighter::before {
  border-bottom-color: #60717f;
}
.zef-visual .mat-mdc-tooltip-panel .mat-mdc-tooltip.zef-tooltip-space {
  color: #112539;
  background: #f9fafb;
}
.zef-visual .mat-mdc-tooltip-panel-right .mat-mdc-tooltip.zef-tooltip-space::before {
  border-right-color: #f9fafb;
}
.zef-visual .mat-mdc-tooltip-panel-left .mat-mdc-tooltip.zef-tooltip-space::before {
  border-left-color: #f9fafb;
}
.zef-visual .mat-mdc-tooltip-panel-above .mat-mdc-tooltip.zef-tooltip-space::before {
  border-top-color: #f9fafb;
}
.zef-visual .mat-mdc-tooltip-panel-below .mat-mdc-tooltip.zef-tooltip-space::before {
  border-bottom-color: #f9fafb;
}
.zef-visual .mat-mdc-tooltip-panel .mat-mdc-tooltip.zef-tooltip-white {
  color: #112539;
  background: white;
}
.zef-visual .mat-mdc-tooltip-panel-right .mat-mdc-tooltip.zef-tooltip-white::before {
  border-right-color: white;
}
.zef-visual .mat-mdc-tooltip-panel-left .mat-mdc-tooltip.zef-tooltip-white::before {
  border-left-color: white;
}
.zef-visual .mat-mdc-tooltip-panel-above .mat-mdc-tooltip.zef-tooltip-white::before {
  border-top-color: white;
}
.zef-visual .mat-mdc-tooltip-panel-below .mat-mdc-tooltip.zef-tooltip-white::before {
  border-bottom-color: white;
}
.zef-visual .quill,
.zef-visual quill-editor {
  width: 100%;
}
.zef-visual .quill .ql-editor,
.zef-visual quill-editor .ql-editor {
  outline: none !important;
  overflow-y: initial;
}
.zef-visual .quill.big .ql-editor,
.zef-visual quill-editor.big .ql-editor {
  font-size: 18px;
  line-height: 28px;
}
.zef-visual .quill.small .ql-editor,
.zef-visual quill-editor.small .ql-editor {
  font-size: 14px;
  line-height: 22px;
}
.zef-visual quill-editor.zef-quill {
  box-shadow: inset 0 1px 2px 0 rgba(17, 37, 57, 0.2);
  border: 1px solid #dae2e5;
  border-radius: 5px;
  background-color: #fff;
}
.zef-visual quill-editor.zef-quill.space {
  background-color: #f9fafb;
}
.zef-visual quill-editor.zef-quill:hover {
  border: 1px solid #93a0ab;
}
.zef-visual quill-editor.zef-quill:active {
  border: 1px solid #ff8900;
}
.zef-visual quill-editor.zef-quill .ql-editor {
  font-size: 14px;
}
.zef-visual quill-editor.zef-quill .ql-snow.ql-toolbar {
  box-shadow: 0 4px 8px 0 rgba(17, 37, 57, 0.2);
  margin: 8px;
  border: 0;
  border-radius: 5px;
  background-color: #fff;
}
.zef-visual quill-editor.zef-quill .ql-snow.ql-toolbar .ql-formats + .ql-formats {
  position: relative;
}
.zef-visual quill-editor.zef-quill .ql-snow.ql-toolbar .ql-formats + .ql-formats::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -4px;
  width: 1px;
  height: 16px;
  background-color: #dae2e5;
}
.zef-visual quill-editor.zef-quill .ql-snow.ql-toolbar button.ql-active,
.zef-visual quill-editor.zef-quill .ql-snow.ql-toolbar button:hover {
  color: #ff8900;
}
.zef-visual quill-editor.zef-quill .ql-snow.ql-container {
  min-height: 200px;
  border: 0;
}
.zef-visual quill-editor.zef-quill .ql-snow .ql-editor {
  min-height: 200px;
  padding: 16px;
}
.zef-visual quill-editor.zef-quill .ql-snow .ql-editor .ql-video {
  height: 386px;
}
.zef-visual quill-editor.zef-quill .ql-snow .ql-tooltip {
  box-shadow: 0 4px 8px 0 rgba(17, 37, 57, 0.2);
  left: 8px !important;
  border: 0;
  border-radius: 5px;
}
.zef-visual quill-editor.zef-quill .ql-snow .ql-picker.ql-size {
  width: 60px;
}
.zef-visual quill-editor.zef-quill .ql-snow .ql-picker.ql-size .ql-picker-label ::before,
.zef-visual quill-editor.zef-quill .ql-snow .ql-picker.ql-size .ql-picker-item ::before {
  content: "14px";
}
.zef-visual quill-editor.zef-quill .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before,
.zef-visual quill-editor.zef-quill .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
  content: "12px";
}
.zef-visual quill-editor.zef-quill .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before,
.zef-visual quill-editor.zef-quill .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
  content: "14px";
}
.zef-visual quill-editor.zef-quill .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before,
.zef-visual quill-editor.zef-quill .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
  content: "18px";
}
.zef-visual quill-editor.zef-quill .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before,
.zef-visual quill-editor.zef-quill .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
  content: "24px";
}
.zef-visual .shepherd-modal-overlay-container {
  position: absolute;
  z-index: 1001;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  fill: rgba(0, 0, 0, 0.3);
}
.zef-visual .shepherd-modal-overlay-container + dialog {
  margin: 0;
  border: none;
}
.zef-visual .shepherd-cancel-icon {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 8px;
  border: none;
  cursor: pointer;
  font-size: 40px;
  color: #93a0ab;
  background: transparent;
}
.zef-visual .shepherd-title {
  max-width: calc(100% - 32px);
  margin-top: 8px;
  font-size: 18px;
  font-weight: 500;
  font-family: Inter, sans-serif;
  line-height: 24px;
}
.zef-visual .shepherd-text {
  font-size: 14px;
  font-weight: 400;
  font-family: Inter, sans-serif;
  line-height: 22px;
}
.zef-visual .shepherd-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.zef-visual .shepherd-footer .shepherd-button + .shepherd-button {
  margin-left: 8px;
}
.zef-visual .tour-container {
  z-index: 1001;
  width: 400px;
  padding: 16px;
  outline: none;
  background-color: #f9fafb;
}
.zef-visual .tour-highlight {
  z-index: 1001;
  padding: 4px;
  margin: -4px;
}
.zef-visual .tour-dialog-top {
  transform: translateY(-8px);
}
.zef-visual .tour-dialog-right {
  transform: translateX(8px);
}
.zef-visual .tour-dialog-bottom {
  transform: translateY(8px);
}
.zef-visual .tour-dialog-left {
  transform: translateY(-8px);
}
@-webkit-keyframes zef-animation-fade {
  0% {
    background-color: #ff8900;
  }
  50% {
    background-color: rgba(255, 137, 0, 0.75);
  }
  70% {
    background-color: rgba(255, 137, 0, 0.55);
  }
  90% {
    background-color: rgba(255, 137, 0, 0.25);
  }
  100% {
    background-color: rgba(255, 137, 0, 0.25);
  }
}
@keyframes zef-animation-fade {
  0% {
    background-color: #ff8900;
  }
  50% {
    background-color: rgba(255, 137, 0, 0.75);
  }
  70% {
    background-color: rgba(255, 137, 0, 0.55);
  }
  90% {
    background-color: rgba(255, 137, 0, 0.25);
  }
  100% {
    background-color: rgba(255, 137, 0, 0.25);
  }
}
@-webkit-keyframes zef-animation-spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes zef-animation-spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.zef-visual .zef-layout-card-24 {
  overflow: hidden;
  border: 1px solid #dae2e5;
  border-radius: 10px;
  background-color: #fff;
  padding: 24px;
  background-color: white;
}
.zef-visual .zef-layout-card-32 {
  overflow: hidden;
  border: 1px solid #dae2e5;
  border-radius: 10px;
  background-color: #fff;
  padding: 32px;
}
.zef-visual .zef-layout-card-header {
  display: block;
  margin-bottom: 24px;
}
.zef-visual .zef-admin-card {
  position: relative;
  overflow: hidden;
  border: 3px dashed #a08c00;
  border-radius: 10px;
  background-color: rgba(160, 140, 0, 0.2);
}
.zef-visual .zef-admin-card .mat-icon.zef-icon-ridiculous {
  position: absolute;
  z-index: 1;
  right: 41px;
  bottom: 24px;
  opacity: 0.2;
  margin: 16px;
  pointer-events: none;
  font-size: 256px;
}
.zef-visual .z-linda-container-card {
  overflow: hidden;
  border: 1px solid #dae2e5;
  border-radius: 10px;
  background-color: #fff;
}
.zef-visual .z-linda-container-area {
  overflow: hidden;
  border: 1px solid #dae2e5;
  border-radius: 10px;
  background-color: #f9fafb;
}
.zef-visual .z-linda-highlight-alert {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 10px;
  font-size: 14px;
  color: #98274c;
  background-color: #fdeff4;
}
.zef-visual .z-linda-highlight-alert::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background-color: #d9386c;
}
.zef-visual .z-linda-highlight-warn {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 10px;
  font-size: 14px;
  color: #393200;
  background-color: #fffbe3;
}
.zef-visual .z-linda-highlight-warn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background-color: #e5c800;
}
.zef-visual .z-linda-highlight-success {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 10px;
  font-size: 14px;
  color: #117f4c;
  background-color: #f4fbf8;
}
.zef-visual .z-linda-highlight-success::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background-color: #18b56c;
}
.zef-visual .z-linda-highlight-contacts {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 10px;
  font-size: 14px;
  color: #00818c;
  background-color: #e5f9fa;
}
.zef-visual .z-linda-highlight-contacts::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background-color: #0bc;
}
.zef-visual .z-linda-highlight-primary {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 10px;
  font-size: 14px;
  color: #b26000;
  background-color: #fff3e5;
}
.zef-visual .z-linda-highlight-primary::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background-color: #ff8900;
}
.zef-visual .z-linda-highlight-info {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 10px;
  font-size: 14px;
  background-color: rgb(238.9, 234.3, 249.7);
}
.zef-visual .z-linda-highlight-info::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background-color: #5e30ca;
}
.zef-visual .z-linda-highlight-emails {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 10px;
  font-size: 14px;
  color: #910c69;
  background-color: #faf0f7;
}
.zef-visual .z-linda-highlight-emails::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background-color: #cf1196;
}
.zef-visual .z-linda-highlight-sms {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 10px;
  font-size: 14px;
  color: #345f02;
  background-color: #f0f7e5;
}
.zef-visual .z-linda-highlight-sms::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background-color: #5ca600;
}
.zef-visual .zef-layout-page-1200 {
  box-sizing: border-box;
  width: 100%;
  min-width: 0 !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}
.zef-visual .zef-layout-page-960 {
  width: 100%;
  max-width: 960px;
  margin: 48px auto;
}
.zef-visual .zef-layout-planks > * {
  border-radius: 0;
}
.zef-visual .zef-layout-planks > :first-child {
  border-radius: 10px 10px 0 0;
}
.zef-visual .zef-layout-planks > :not(:last-child) {
  margin-bottom: 2px;
}
.zef-visual .zef-layout-planks > :last-child {
  border-radius: 0 0 10px 10px;
}
.zef-visual .zef-sidenav-header {
  box-sizing: border-box;
  height: 64px;
  padding: 16px 16px 16px 24px;
  border-bottom: 1px solid #dae2e5;
}
.zef-visual .cdk-overlay-container .zef-sidenav.animate-width {
  transition: 400ms ease-in-out width;
}
.zef-visual .cdk-overlay-container .zef-sidenav.left .sidenav {
  box-shadow: 8px 0 16px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .cdk-overlay-container .zef-sidenav.right .sidenav {
  box-shadow: -8px 0 16px 0 rgba(17, 37, 57, 0.2);
}
.zef-visual .cdk-overlay-pane.zef-sidenav {
  max-height: 100%;
}
.zef-visual .cdk-overlay-pane.zef-sidenav cdk-dialog-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0;
  outline: 0;
  background: transparent;
}
.zef-visual .cdk-overlay-pane.zef-sidenav cdk-dialog-container > * {
  height: 100%;
}
.zef-visual .zef-dropdown-text {
  width: 100%;
}
.zef-visual [class*=zef-dropdown-list] {
  padding: 8px 0;
}
.zef-visual [class*=zef-dropdown-list] .mat-divider {
  margin: 8px 0;
}
.zef-visual .zef-dropdown-list-combo .mat-mdc-menu-item {
  height: 32px;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
}
.zef-visual .zef-dropdown-inline.mat-mdc-select {
  width: auto !important;
  border-color: transparent;
  background-color: transparent;
}
.zef-visual .zef-dropdown-inline.mat-mdc-select .mat-select-arrow-wrapper {
  display: inline-block;
  margin-left: 4px;
}
.zef-visual .zef-highlight {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 16px 16px 16px 20px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 22px;
}
.zef-visual .zef-highlight::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
}
.zef-visual .zef-highlight.mat-primary {
  border-color: #ff8900;
  color: #b26000;
  background-color: #fff3e5;
}
.zef-visual .zef-highlight.mat-primary::after {
  background-color: #ff8900;
}
.zef-visual .zef-highlight.mat-success {
  border-color: #18b56c;
  color: #117f4c;
  background-color: #f4fbf8;
}
.zef-visual .zef-highlight.mat-success::after {
  background-color: #18b56c;
}
.zef-visual .zef-highlight.mat-warning {
  border-color: #e5c800;
  color: #393200;
  background-color: #fffdf1;
}
.zef-visual .zef-highlight.mat-warning::after {
  background-color: #e5c800;
}
.zef-visual .zef-highlight.mat-alert {
  border-color: #d9386c;
  color: #98274c;
  background-color: #fdeff4;
}
.zef-visual .zef-highlight.mat-alert::after {
  background-color: #d9386c;
}
.zef-visual .zef-highlight.zef-info {
  color: #60717f;
  background-color: #fcfdfd;
}
.zef-visual .zef-highlight.zef-info::after {
  background-color: #93a0ab;
}
.zef-visual .zef-highlight.zef-codeblock {
  padding: 16px;
  border: 1px solid #dae2e5;
  font-family: monospace;
  background-color: #f9fafb;
}
.zef-visual .zef-highlight.zef-codeblock::after {
  content: none;
}
.zef-visual .zef-thumbnails-grid {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
}
.zef-visual .mat-icon.zef-icons-full {
  overflow: visible;
  -webkit-user-select: none;
  user-select: none;
  text-decoration: none !important;
}
.zef-visual .mat-icon.zef-icons-full,
.zef-visual .mat-icon.zef-icons-full.zef-icon-medium {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}
.zef-visual .mat-icon.zef-icons-full.zef-icon-micro {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
}
.zef-visual .mat-icon.zef-icons-full.zef-icon-smaller {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
}
.zef-visual .mat-icon.zef-icons-full.zef-icon-small {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
}
.zef-visual .mat-icon.zef-icons-full.zef-icon-large {
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
}
.zef-visual .mat-icon.zef-icons-full.zef-icon-larger {
  width: 48px;
  height: 48px;
  font-size: 48px;
  line-height: 48px;
}
.zef-visual .mat-icon.zef-icons-full.zef-icon-largest {
  width: 64px;
  height: 64px;
  font-size: 64px;
  line-height: 64px;
}
.zef-visual .mat-icon.zef-icons-full.zef-icon-huge {
  width: 88px;
  height: 88px;
  font-size: 88px;
  line-height: 88px;
}
.zef-visual .mat-icon.zef-icons-full.zef-icon-button {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.zef-visual .mat-mdc-chip .mat-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  margin: 0 0 0 8px;
  vertical-align: middle;
}
.zef-visual .mat-icon.mat-sms {
  --mat-icon-color: #5ca600;
}
.zef-visual .mat-icon.mat-link {
  --mat-icon-color: #1143cf;
}
.zef-visual .mat-icon.mat-emails {
  --mat-icon-color: #cf1196;
}
.zef-visual .mat-icon.mat-responses {
  --mat-icon-color: #7d15ed;
}
.zef-visual .mat-icon.mat-contacts {
  --mat-icon-color: #0bc;
}
.zef-visual .mat-icon.mat-promo {
  --mat-icon-color: #0da9ab;
}
.zef-visual .mat-icon.mat-embed {
  --mat-icon-color: #118fcf;
}
.zef-visual .mat-icon.mat-popup {
  --mat-icon-color: #00afeb;
}
.zef-visual .mat-icon.mat-ink {
  --mat-icon-color: #112539;
}
.zef-visual .mat-icon.mat-stealth {
  --mat-icon-color: #495c6c;
}
.zef-visual .mat-icon.mat-accent {
  --mat-icon-color: #d21a85;
}
.zef-visual .mat-icon.mat-primary {
  --mat-icon-color: #ff8900;
}
.zef-visual .mat-icon.mat-secondary {
  --mat-icon-color: #fff;
}
.zef-visual .mat-icon.mat-alert {
  --mat-icon-color: #d9386c;
}
.zef-visual .mat-icon.mat-warning {
  --mat-icon-color: #a08c00;
}
.zef-visual .mat-icon.mat-success {
  --mat-icon-color: #18b56c;
}
.zef-visual .mat-icon.mat-space {
  --mat-icon-color: #f9fafb;
}
.zef-visual .mat-icon.mat-scoring {
  --mat-icon-color: #00ad65;
}
.zef-visual .mat-icon.mat-outcome {
  --mat-icon-color: #9eb549;
}
.zef-visual .mat-icon.mat-logic {
  --mat-icon-color: #9a2cde;
}
.zef-visual .mat-icon.mat-trigger {
  --mat-icon-color: #0e6ea1;
}
.zef-visual .mat-icon.mat-smart {
  --mat-icon-color: #ef5d65;
}
.zef-visual .mat-icon.mat-poll {
  --mat-icon-color: #a0f;
}
.zef-visual .mat-icon.mat-beta {
  --mat-icon-color: #f65aa5;
}
.zef-visual .mat-icon.mat-vibrant {
  --mat-icon-color: #ef5d65;
}
.zef-visual .mat-mdc-menu-item:hover .mat-icon {
  color: inherit;
}
.zef-visual .mat-icon.mat-ink {
  --mat-icon-color: #112539;
}
.zef-visual .mat-icon.mat-ink-light {
  --mat-icon-color: #495c6c;
}
.zef-visual .mat-icon.mat-ink-lighter {
  --mat-icon-color: #60717f;
}
.zef-visual .mat-icon.mat-ink-lightest {
  --mat-icon-color: #93a0ab;
}
.zef-visual .mat-icon.mat-space-darkest {
  --mat-icon-color: #dae2e5;
}
.zef-visual .mat-icon.mat-highlight-inverted {
  --mat-icon-color: #e98cc2;
}
.zef-visual .mat-mdc-icon-button.mat-ink-light {
  background-color: #495c6c;
  --mat-icon-color: #495c6c;
}
.zef-visual .mat-icon.mat-ai-gradient {
  background:
    linear-gradient(
      270deg,
      #ff8900 0%,
      #d21a85 100%);
  -webkit-background-clip: text;
  background-clip: text;
  --mat-icon-color: transparent;
}
.zef-visual .mat-icon {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
}
.zef-visual .mat-icon.mat-email {
  --mat-icon-color: #f6c563;
}
.zef-visual .mat-icon.mat-email.zef-color-keep {
  color: #f6c563 !important;
}
.zef-visual .mat-mdc-icon-button.mat-email {
  background-color: #f6c563;
}
.zef-visual .mat-mdc-icon-button.mat-email .mat-icon {
  --mat-icon-color: #fff;
}
.zef-visual .mat-icon.mat-facebook {
  --mat-icon-color: #324d8f;
}
.zef-visual .mat-icon.mat-facebook.zef-color-keep {
  color: #324d8f !important;
}
.zef-visual .mat-mdc-icon-button.mat-facebook {
  background-color: #324d8f;
}
.zef-visual .mat-mdc-icon-button.mat-facebook .mat-icon {
  --mat-icon-color: #fff;
}
.zef-visual .mat-icon.mat-twitter {
  --mat-icon-color: #00aced;
}
.zef-visual .mat-icon.mat-twitter.zef-color-keep {
  color: #00aced !important;
}
.zef-visual .mat-mdc-icon-button.mat-twitter {
  background-color: #00aced;
}
.zef-visual .mat-mdc-icon-button.mat-twitter .mat-icon {
  --mat-icon-color: #fff;
}
.zef-visual .mat-icon.mat-linkedin {
  --mat-icon-color: #0077b5;
}
.zef-visual .mat-icon.mat-linkedin.zef-color-keep {
  color: #0077b5 !important;
}
.zef-visual .mat-mdc-icon-button.mat-linkedin {
  background-color: #0077b5;
}
.zef-visual .mat-mdc-icon-button.mat-linkedin .mat-icon {
  --mat-icon-color: #fff;
}
.zef-visual .mat-icon.mat-googleplus {
  --mat-icon-color: #d34836;
}
.zef-visual .mat-icon.mat-googleplus.zef-color-keep {
  color: #d34836 !important;
}
.zef-visual .mat-mdc-icon-button.mat-googleplus {
  background-color: #d34836;
}
.zef-visual .mat-mdc-icon-button.mat-googleplus .mat-icon {
  --mat-icon-color: #fff;
}
.zef-visual .mat-icon.mat-whatsapp {
  --mat-icon-color: #25d366;
}
.zef-visual .mat-icon.mat-whatsapp.zef-color-keep {
  color: #25d366 !important;
}
.zef-visual .mat-mdc-icon-button.mat-whatsapp {
  background-color: #25d366;
}
.zef-visual .mat-mdc-icon-button.mat-whatsapp .mat-icon {
  --mat-icon-color: #fff;
}
.zef-visual .mat-icon.mat-hubspot {
  --mat-icon-color: #fa7820;
}
.zef-visual .mat-icon.mat-hubspot.zef-color-keep {
  color: #fa7820 !important;
}
.zef-visual .mat-mdc-icon-button.mat-hubspot {
  background-color: #fa7820;
}
.zef-visual .mat-mdc-icon-button.mat-hubspot .mat-icon {
  --mat-icon-color: #fff;
}
.zef-visual .mat-icon.mat-salesforce {
  --mat-icon-color: #1798c1;
}
.zef-visual .mat-icon.mat-salesforce.zef-color-keep {
  color: #1798c1 !important;
}
.zef-visual .mat-mdc-icon-button.mat-salesforce {
  background-color: #1798c1;
}
.zef-visual .mat-icon.mat-youtube {
  --mat-icon-color: #f00;
}
.zef-visual .mat-icon.mat-youtube.zef-color-keep {
  color: #f00 !important;
}
.zef-visual .mat-mdc-icon-button.mat-youtube {
  background-color: #f00;
}
.zef-visual .mat-mdc-icon-button.mat-youtube .mat-icon {
  --mat-icon-color: #fff;
}
.zef-visual .item-info-text.active,
.zef-visual .item-info-text.color {
  border-color: #5e30ca;
  background-color: rgb(238.9, 234.3, 249.7);
}
.zef-visual .item-info-text.addable {
  border-color: #5e30ca;
}
.zef-visual .item-info-text.mat-icon,
.zef-visual .item-info-text mat-icon {
  --mat-icon-color: #5e30ca;
  color: #5e30ca;
}
.zef-visual .item-free-text.active,
.zef-visual .item-free-text.color {
  border-color: #c6ab43;
  background-color: rgb(249.3, 246.6, 236.2);
}
.zef-visual .item-free-text.addable {
  border-color: #c6ab43;
}
.zef-visual .item-free-text.mat-icon,
.zef-visual .item-free-text mat-icon {
  --mat-icon-color: #c6ab43;
  color: #c6ab43;
}
.zef-visual .item-esko-why-finder.active,
.zef-visual .item-esko-why-finder.color,
.zef-visual .item-ai-interviewer.active,
.zef-visual .item-ai-interviewer.color {
  border-color: #ccc033;
  background-color: rgb(249.9, 248.7, 234.6);
}
.zef-visual .item-esko-why-finder.addable,
.zef-visual .item-ai-interviewer.addable {
  border-color: #ccc033;
}
.zef-visual .item-esko-why-finder.mat-icon,
.zef-visual .item-esko-why-finder mat-icon,
.zef-visual .item-ai-interviewer.mat-icon,
.zef-visual .item-ai-interviewer mat-icon {
  --mat-icon-color: #ccc033;
  color: #ccc033;
}
.zef-visual .item-slider-1v.active,
.zef-visual .item-slider-1v.color {
  border-color: #4d9971;
  background-color: rgb(237.2, 244.8, 240.8);
}
.zef-visual .item-slider-1v.addable {
  border-color: #4d9971;
}
.zef-visual .item-slider-1v.mat-icon,
.zef-visual .item-slider-1v mat-icon {
  --mat-icon-color: #4d9971;
  color: #4d9971;
}
.zef-visual .item-slider-nps.active,
.zef-visual .item-slider-nps.color {
  border-color: #5e9945;
  background-color: rgb(238.9, 244.8, 236.4);
}
.zef-visual .item-slider-nps.addable {
  border-color: #5e9945;
}
.zef-visual .item-slider-nps.mat-icon,
.zef-visual .item-slider-nps mat-icon {
  --mat-icon-color: #5e9945;
  color: #5e9945;
}
.zef-visual .item-slider-e-nps.active,
.zef-visual .item-slider-e-nps.color {
  border-color: #509945;
  background-color: rgb(237.5, 244.8, 236.4);
}
.zef-visual .item-slider-e-nps.addable {
  border-color: #509945;
}
.zef-visual .item-slider-e-nps.mat-icon,
.zef-visual .item-slider-e-nps mat-icon {
  --mat-icon-color: #509945;
  color: #509945;
}
.zef-visual .item-slider-1d.active,
.zef-visual .item-slider-1d.color {
  border-color: #4c9964;
  background-color: rgb(237.1, 244.8, 239.5);
}
.zef-visual .item-slider-1d.addable {
  border-color: #4c9964;
}
.zef-visual .item-slider-1d.mat-icon,
.zef-visual .item-slider-1d mat-icon {
  --mat-icon-color: #4c9964;
  color: #4c9964;
}
.zef-visual .item-slider-1r.active,
.zef-visual .item-slider-1r.color {
  border-color: #4e987f;
  background-color: rgb(237.3, 244.7, 242.2);
}
.zef-visual .item-slider-1r.addable {
  border-color: #4e987f;
}
.zef-visual .item-slider-1r.mat-icon,
.zef-visual .item-slider-1r mat-icon {
  --mat-icon-color: #4e987f;
  color: #4e987f;
}
.zef-visual .item-slider-2d.active,
.zef-visual .item-slider-2d.color {
  border-color: #4c9a57;
  background-color: rgb(237.1, 244.9, 238.2);
}
.zef-visual .item-slider-2d.addable {
  border-color: #4c9a57;
}
.zef-visual .item-slider-2d.mat-icon,
.zef-visual .item-slider-2d mat-icon {
  --mat-icon-color: #4c9a57;
  color: #4c9a57;
}
.zef-visual .item-choice-text.active,
.zef-visual .item-choice-text.color {
  border-color: #c763a7;
  background-color: rgb(249.4, 239.4, 246.2);
}
.zef-visual .item-choice-text.addable {
  border-color: #c763a7;
}
.zef-visual .item-choice-text.mat-icon,
.zef-visual .item-choice-text mat-icon {
  --mat-icon-color: #c763a7;
  color: #c763a7;
}
.zef-visual .item-choice-text.item-multi.active,
.zef-visual .item-choice-text.item-multi.color {
  border-color: #c861b8;
  background-color: rgb(249.5, 239.2, 247.9);
}
.zef-visual .item-choice-text.item-multi.addable {
  border-color: #c861b8;
}
.zef-visual .item-choice-text.item-multi.mat-icon,
.zef-visual .item-choice-text.item-multi mat-icon {
  --mat-icon-color: #c861b8;
  color: #c861b8;
}
.zef-visual .item-choice-single.active,
.zef-visual .item-choice-single.color {
  border-color: #c763a7;
  background-color: rgb(249.4, 239.4, 246.2);
}
.zef-visual .item-choice-single.addable {
  border-color: #c763a7;
}
.zef-visual .item-choice-single.mat-icon,
.zef-visual .item-choice-single mat-icon {
  --mat-icon-color: #c763a7;
  color: #c763a7;
}
.zef-visual .item-choice-multi.active,
.zef-visual .item-choice-multi.color {
  border-color: #c861b8;
  background-color: rgb(249.5, 239.2, 247.9);
}
.zef-visual .item-choice-multi.addable {
  border-color: #c861b8;
}
.zef-visual .item-choice-multi.mat-icon,
.zef-visual .item-choice-multi mat-icon {
  --mat-icon-color: #c861b8;
  color: #c861b8;
}
.zef-visual .item-choice-picture.active,
.zef-visual .item-choice-picture.color {
  border-color: #bd66cc;
  background-color: rgb(248.4, 239.7, 249.9);
}
.zef-visual .item-choice-picture.addable {
  border-color: #bd66cc;
}
.zef-visual .item-choice-picture.mat-icon,
.zef-visual .item-choice-picture mat-icon {
  --mat-icon-color: #bd66cc;
  color: #bd66cc;
}
.zef-visual .item-input-string.active,
.zef-visual .item-input-string.color {
  border-color: #c6ab43;
  background-color: rgb(249.3, 246.6, 236.2);
}
.zef-visual .item-input-string.addable {
  border-color: #c6ab43;
}
.zef-visual .item-input-string.mat-icon,
.zef-visual .item-input-string mat-icon {
  --mat-icon-color: #c6ab43;
  color: #c6ab43;
}
.zef-visual .item-input-number.active,
.zef-visual .item-input-number.color {
  border-color: #c69f5d;
  background-color: rgb(249.3, 245.4, 238.8);
}
.zef-visual .item-input-number.addable {
  border-color: #c69f5d;
}
.zef-visual .item-input-number.mat-icon,
.zef-visual .item-input-number mat-icon {
  --mat-icon-color: #c69f5d;
  color: #c69f5d;
}
.zef-visual .item-input-url.active,
.zef-visual .item-input-url.color {
  border-color: #cc8b5c;
  background-color: rgb(249.9, 243.4, 238.7);
}
.zef-visual .item-input-url.addable {
  border-color: #cc8b5c;
}
.zef-visual .item-input-url.mat-icon,
.zef-visual .item-input-url mat-icon {
  --mat-icon-color: #cc8b5c;
  color: #cc8b5c;
}
.zef-visual .item-input-email.active,
.zef-visual .item-input-email.color {
  border-color: #0eabad;
  background-color: rgb(230.9, 246.6, 246.8);
}
.zef-visual .item-input-email.addable {
  border-color: #0eabad;
}
.zef-visual .item-input-email.mat-icon,
.zef-visual .item-input-email mat-icon {
  --mat-icon-color: #0eabad;
  color: #0eabad;
}
.zef-visual .item-input-phone.active,
.zef-visual .item-input-phone.color {
  border-color: #0eabad;
  background-color: rgb(230.9, 246.6, 246.8);
}
.zef-visual .item-input-phone.addable {
  border-color: #0eabad;
}
.zef-visual .item-input-phone.mat-icon,
.zef-visual .item-input-phone mat-icon {
  --mat-icon-color: #0eabad;
  color: #0eabad;
}
.zef-visual .item-input-dropdown.active,
.zef-visual .item-input-dropdown.color {
  border-color: #c66685;
  background-color: rgb(249.3, 239.7, 242.8);
}
.zef-visual .item-input-dropdown.addable {
  border-color: #c66685;
}
.zef-visual .item-input-dropdown.mat-icon,
.zef-visual .item-input-dropdown mat-icon {
  --mat-icon-color: #c66685;
  color: #c66685;
}
.zef-visual .item-input-numeric.active,
.zef-visual .item-input-numeric.color {
  border-color: #c66775;
  background-color: rgb(249.3, 239.8, 241.2);
}
.zef-visual .item-input-numeric.addable {
  border-color: #c66775;
}
.zef-visual .item-input-numeric.mat-icon,
.zef-visual .item-input-numeric mat-icon {
  --mat-icon-color: #c66775;
  color: #c66775;
}
.zef-visual .item-input-checkbox.active,
.zef-visual .item-input-checkbox.color {
  border-color: #c76496;
  background-color: rgb(249.4, 239.5, 244.5);
}
.zef-visual .item-input-checkbox.addable {
  border-color: #c76496;
}
.zef-visual .item-input-checkbox.mat-icon,
.zef-visual .item-input-checkbox mat-icon {
  --mat-icon-color: #c76496;
  color: #c76496;
}
.zef-visual .item-file-upload.active,
.zef-visual .item-file-upload.color {
  border-color: #cc785c;
  background-color: rgb(249.9, 241.5, 238.7);
}
.zef-visual .item-file-upload.addable {
  border-color: #cc785c;
}
.zef-visual .item-file-upload.mat-icon,
.zef-visual .item-file-upload mat-icon {
  --mat-icon-color: #cc785c;
  color: #cc785c;
}
.zef-visual .item-group-list.active,
.zef-visual .item-group-list.color,
.zef-visual .item-group-cards.active,
.zef-visual .item-group-cards.color,
.zef-visual .item-group-scored.active,
.zef-visual .item-group-scored.color {
  border-color: #469;
  background-color: rgb(236.3, 239.7, 244.8);
}
.zef-visual .item-group-list.addable,
.zef-visual .item-group-cards.addable,
.zef-visual .item-group-scored.addable {
  border-color: #469;
}
.zef-visual .item-group-list.mat-icon,
.zef-visual .item-group-list mat-icon,
.zef-visual .item-group-cards.mat-icon,
.zef-visual .item-group-cards mat-icon,
.zef-visual .item-group-scored.mat-icon,
.zef-visual .item-group-scored mat-icon {
  --mat-icon-color: #469;
  color: #469;
}
.zef-visual .item-welcome.active,
.zef-visual .item-welcome.color {
  border-color: #7647cc;
  background-color: rgb(241.3, 236.6, 249.9);
}
.zef-visual .item-welcome.addable {
  border-color: #7647cc;
}
.zef-visual .item-welcome.mat-icon,
.zef-visual .item-welcome mat-icon {
  --mat-icon-color: #7647cc;
  color: #7647cc;
}
.zef-visual .item-goodbye.active,
.zef-visual .item-goodbye.color,
.zef-visual .item-thank-you.active,
.zef-visual .item-thank-you.color {
  border-color: #8fb549;
  background-color: rgb(243.8, 247.6, 236.8);
}
.zef-visual .item-goodbye.addable,
.zef-visual .item-thank-you.addable {
  border-color: #8fb549;
}
.zef-visual .item-goodbye.mat-icon,
.zef-visual .item-goodbye mat-icon,
.zef-visual .item-thank-you.mat-icon,
.zef-visual .item-thank-you mat-icon {
  --mat-icon-color: #8fb549;
  color: #8fb549;
}
.zef-visual .item-outcome.active,
.zef-visual .item-outcome.color {
  border-color: #9eb549;
  background-color: rgb(245.3, 247.6, 236.8);
}
.zef-visual .item-outcome.addable {
  border-color: #9eb549;
}
.zef-visual .item-outcome.mat-icon,
.zef-visual .item-outcome mat-icon {
  --mat-icon-color: #9eb549;
  color: #9eb549;
}
.zef-visual .item-trigger.active,
.zef-visual .item-trigger.color {
  border-color: #0e6ea1;
  background-color: rgb(230.9, 240.5, 245.6);
}
.zef-visual .item-trigger.addable {
  border-color: #0e6ea1;
}
.zef-visual .item-trigger.mat-icon,
.zef-visual .item-trigger mat-icon {
  --mat-icon-color: #0e6ea1;
  color: #0e6ea1;
}
.zef-visual .mat-mdc-form-field {
  width: 100%;
  border-radius: 5px;
  background-color: #fff;
  --mat-form-field-container-height: 24px;
  --mat-form-field-container-vertical-padding: 4px;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-outlined-focus-outline-width: 1px;
  --mat-form-field-outlined-container-shape: 5px;
  --mat-form-field-outlined-hover-outline-color: #93a0ab;
  --mat-form-field-outlined-focus-outline-color: #ff8900;
  --mat-form-field-outlined-outline-color: #dae2e5;
  --mat-form-field-outlined-disabled-outline-color: #eaeff1;
  --mat-form-field-outlined-input-text-placeholder-color: #93a0ab;
  --mat-form-field-outlined-input-text-color: #112539;
  --mat-form-field-outlined-disabled-input-text-color: #93a0ab;
}
.zef-visual .mat-mdc-form-field.zef-code {
  --mat-form-field-outlined-input-text-color: #ef5d65;
  --mat-form-field-container-text-font: Ubuntu Mono, monospace;
  --mat-form-field-container-text-size: 14px;
}
.zef-visual .mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading {
  box-shadow: inset 1px 1px 2px -1px rgba(17, 37, 57, 0.2);
}
.zef-visual .mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing {
  box-shadow: inset -1px 1px 2px -1px rgba(17, 37, 57, 0.2);
}
.zef-visual .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.zef-visual .mat-mdc-form-field .mat-mdc-form-field-infix {
  width: auto;
}
.zef-visual .mat-mdc-form-field .mat-mdc-form-field-icon-prefix,
.zef-visual .mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
  padding: 0 8px;
}
.zef-visual .mat-mdc-form-field .mat-mdc-form-field-icon-prefix > .mat-icon,
.zef-visual .mat-mdc-form-field .mat-mdc-form-field-icon-suffix > .mat-icon {
  padding: 0;
}
.zef-visual .mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
  padding-right: 0;
}
.zef-visual .mat-mdc-form-field.zef-input-small,
.zef-visual .mat-mdc-form-field.zef-input-medium,
.zef-visual .mat-mdc-form-field.zef-input-search,
.zef-visual .mat-mdc-form-field.zef-input-number,
.zef-visual .mat-mdc-form-field.zef-input-big,
.zef-visual .mat-mdc-form-field.zef-input-search-big,
.zef-visual .mat-mdc-form-field.zef-input-combo,
.zef-visual .mat-mdc-form-field.zef-input-inline,
.zef-visual .mat-mdc-form-field.zef-textarea-small,
.zef-visual .mat-mdc-form-field.zef-textarea-big {
  width: 100%;
  --mat-form-field-outlined-container-shape: 5px;
  background-color: #fff;
}
.zef-visual .mat-mdc-form-field.zef-input-small.zef-input-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-input-small.zef-textarea-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-input-medium.zef-input-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-input-medium.zef-textarea-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-input-search.zef-input-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-input-search.zef-textarea-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-input-number.zef-input-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-input-number.zef-textarea-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-input-big.zef-input-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-input-big.zef-textarea-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-input-search-big.zef-input-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-input-search-big.zef-textarea-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-input-combo.zef-input-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-input-combo.zef-textarea-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-input-inline.zef-input-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-input-inline.zef-textarea-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-textarea-small.zef-input-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-textarea-small.zef-textarea-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-textarea-big.zef-input-space:not(.zef-input-inline),
.zef-visual .mat-mdc-form-field.zef-textarea-big.zef-textarea-space:not(.zef-input-inline) {
  background-color: #f9fafb;
}
.zef-visual .mat-mdc-form-field.zef-input-small:not(.mat-form-field-disabled).zef-input-ghost,
.zef-visual .mat-mdc-form-field.zef-input-small:not(.mat-form-field-disabled).zef-textarea-ghost,
.zef-visual .mat-mdc-form-field.zef-input-medium:not(.mat-form-field-disabled).zef-input-ghost,
.zef-visual .mat-mdc-form-field.zef-input-medium:not(.mat-form-field-disabled).zef-textarea-ghost,
.zef-visual .mat-mdc-form-field.zef-input-search:not(.mat-form-field-disabled).zef-input-ghost,
.zef-visual .mat-mdc-form-field.zef-input-search:not(.mat-form-field-disabled).zef-textarea-ghost,
.zef-visual .mat-mdc-form-field.zef-input-number:not(.mat-form-field-disabled).zef-input-ghost,
.zef-visual .mat-mdc-form-field.zef-input-number:not(.mat-form-field-disabled).zef-textarea-ghost,
.zef-visual .mat-mdc-form-field.zef-input-big:not(.mat-form-field-disabled).zef-input-ghost,
.zef-visual .mat-mdc-form-field.zef-input-big:not(.mat-form-field-disabled).zef-textarea-ghost,
.zef-visual .mat-mdc-form-field.zef-input-search-big:not(.mat-form-field-disabled).zef-input-ghost,
.zef-visual .mat-mdc-form-field.zef-input-search-big:not(.mat-form-field-disabled).zef-textarea-ghost,
.zef-visual .mat-mdc-form-field.zef-input-combo:not(.mat-form-field-disabled).zef-input-ghost,
.zef-visual .mat-mdc-form-field.zef-input-combo:not(.mat-form-field-disabled).zef-textarea-ghost,
.zef-visual .mat-mdc-form-field.zef-input-inline:not(.mat-form-field-disabled).zef-input-ghost,
.zef-visual .mat-mdc-form-field.zef-input-inline:not(.mat-form-field-disabled).zef-textarea-ghost,
.zef-visual .mat-mdc-form-field.zef-textarea-small:not(.mat-form-field-disabled).zef-input-ghost,
.zef-visual .mat-mdc-form-field.zef-textarea-small:not(.mat-form-field-disabled).zef-textarea-ghost,
.zef-visual .mat-mdc-form-field.zef-textarea-big:not(.mat-form-field-disabled).zef-input-ghost,
.zef-visual .mat-mdc-form-field.zef-textarea-big:not(.mat-form-field-disabled).zef-textarea-ghost {
  --mat-form-field-outlined-outline-color: transparent;
}
.zef-visual .mat-mdc-form-field.zef-input-small:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-small:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-small:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-small:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-medium:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-medium:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-medium:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-medium:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-search:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-search:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-search:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-search:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-number:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-number:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-number:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-number:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-big:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-big:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-big:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-big:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-search-big:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-search-big:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-search-big:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-search-big:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-combo:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-combo:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-combo:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-combo:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-inline:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-inline:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-inline:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-inline:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-textarea-small:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-textarea-small:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-textarea-small:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-textarea-small:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-textarea-big:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-textarea-big:not(.mat-form-field-disabled).zef-input-ghost .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-textarea-big:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-textarea-big:not(.mat-form-field-disabled).zef-textarea-ghost .mdc-notched-outline__trailing {
  box-shadow: none;
}
.zef-visual .mat-mdc-form-field.zef-input-small:not(.mat-form-field-disabled).zef-input-elevated,
.zef-visual .mat-mdc-form-field.zef-input-medium:not(.mat-form-field-disabled).zef-input-elevated,
.zef-visual .mat-mdc-form-field.zef-input-search:not(.mat-form-field-disabled).zef-input-elevated,
.zef-visual .mat-mdc-form-field.zef-input-number:not(.mat-form-field-disabled).zef-input-elevated,
.zef-visual .mat-mdc-form-field.zef-input-big:not(.mat-form-field-disabled).zef-input-elevated,
.zef-visual .mat-mdc-form-field.zef-input-search-big:not(.mat-form-field-disabled).zef-input-elevated,
.zef-visual .mat-mdc-form-field.zef-input-combo:not(.mat-form-field-disabled).zef-input-elevated,
.zef-visual .mat-mdc-form-field.zef-input-inline:not(.mat-form-field-disabled).zef-input-elevated,
.zef-visual .mat-mdc-form-field.zef-textarea-small:not(.mat-form-field-disabled).zef-input-elevated,
.zef-visual .mat-mdc-form-field.zef-textarea-big:not(.mat-form-field-disabled).zef-input-elevated {
  box-shadow: 0 4px 8px 0 rgba(17, 37, 57, 0.1);
  border-color: transparent;
}
.zef-visual .mat-mdc-form-field.zef-input-small:not(.mat-form-field-disabled).zef-input-inline,
.zef-visual .mat-mdc-form-field.zef-input-medium:not(.mat-form-field-disabled).zef-input-inline,
.zef-visual .mat-mdc-form-field.zef-input-search:not(.mat-form-field-disabled).zef-input-inline,
.zef-visual .mat-mdc-form-field.zef-input-number:not(.mat-form-field-disabled).zef-input-inline,
.zef-visual .mat-mdc-form-field.zef-input-big:not(.mat-form-field-disabled).zef-input-inline,
.zef-visual .mat-mdc-form-field.zef-input-search-big:not(.mat-form-field-disabled).zef-input-inline,
.zef-visual .mat-mdc-form-field.zef-input-combo:not(.mat-form-field-disabled).zef-input-inline,
.zef-visual .mat-mdc-form-field.zef-input-inline:not(.mat-form-field-disabled).zef-input-inline,
.zef-visual .mat-mdc-form-field.zef-textarea-small:not(.mat-form-field-disabled).zef-input-inline,
.zef-visual .mat-mdc-form-field.zef-textarea-big:not(.mat-form-field-disabled).zef-input-inline {
  --mat-form-field-outlined-outline-color: transparent;
}
.zef-visual .mat-mdc-form-field.zef-input-small:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-small:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-medium:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-medium:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-search:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-search:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-number:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-number:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-big:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-big:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-search-big:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-search-big:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-combo:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-combo:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-inline:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-inline:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-textarea-small:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-textarea-small:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-textarea-big:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-textarea-big:not(.mat-form-field-disabled).zef-input-inline .mdc-notched-outline__trailing {
  box-shadow: none;
}
.zef-visual .mat-mdc-form-field.zef-input-small:not(.mat-form-field-disabled).zef-input-error,
.zef-visual .mat-mdc-form-field.zef-input-small:not(.mat-form-field-disabled).zef-textarea-error,
.zef-visual .mat-mdc-form-field.zef-input-medium:not(.mat-form-field-disabled).zef-input-error,
.zef-visual .mat-mdc-form-field.zef-input-medium:not(.mat-form-field-disabled).zef-textarea-error,
.zef-visual .mat-mdc-form-field.zef-input-search:not(.mat-form-field-disabled).zef-input-error,
.zef-visual .mat-mdc-form-field.zef-input-search:not(.mat-form-field-disabled).zef-textarea-error,
.zef-visual .mat-mdc-form-field.zef-input-number:not(.mat-form-field-disabled).zef-input-error,
.zef-visual .mat-mdc-form-field.zef-input-number:not(.mat-form-field-disabled).zef-textarea-error,
.zef-visual .mat-mdc-form-field.zef-input-big:not(.mat-form-field-disabled).zef-input-error,
.zef-visual .mat-mdc-form-field.zef-input-big:not(.mat-form-field-disabled).zef-textarea-error,
.zef-visual .mat-mdc-form-field.zef-input-search-big:not(.mat-form-field-disabled).zef-input-error,
.zef-visual .mat-mdc-form-field.zef-input-search-big:not(.mat-form-field-disabled).zef-textarea-error,
.zef-visual .mat-mdc-form-field.zef-input-combo:not(.mat-form-field-disabled).zef-input-error,
.zef-visual .mat-mdc-form-field.zef-input-combo:not(.mat-form-field-disabled).zef-textarea-error,
.zef-visual .mat-mdc-form-field.zef-input-inline:not(.mat-form-field-disabled).zef-input-error,
.zef-visual .mat-mdc-form-field.zef-input-inline:not(.mat-form-field-disabled).zef-textarea-error,
.zef-visual .mat-mdc-form-field.zef-textarea-small:not(.mat-form-field-disabled).zef-input-error,
.zef-visual .mat-mdc-form-field.zef-textarea-small:not(.mat-form-field-disabled).zef-textarea-error,
.zef-visual .mat-mdc-form-field.zef-textarea-big:not(.mat-form-field-disabled).zef-input-error,
.zef-visual .mat-mdc-form-field.zef-textarea-big:not(.mat-form-field-disabled).zef-textarea-error {
  --mat-form-field-outlined-outline-color: #d9386c;
}
.zef-visual .mat-mdc-form-field.zef-input-small.zef-input-no-border,
.zef-visual .mat-mdc-form-field.zef-input-medium.zef-input-no-border,
.zef-visual .mat-mdc-form-field.zef-input-search.zef-input-no-border,
.zef-visual .mat-mdc-form-field.zef-input-number.zef-input-no-border,
.zef-visual .mat-mdc-form-field.zef-input-big.zef-input-no-border,
.zef-visual .mat-mdc-form-field.zef-input-search-big.zef-input-no-border,
.zef-visual .mat-mdc-form-field.zef-input-combo.zef-input-no-border,
.zef-visual .mat-mdc-form-field.zef-input-inline.zef-input-no-border,
.zef-visual .mat-mdc-form-field.zef-textarea-small.zef-input-no-border,
.zef-visual .mat-mdc-form-field.zef-textarea-big.zef-input-no-border {
  --mat-form-field-outlined-focus-outline-color: transparent;
  --mat-form-field-outlined-hover-outline-color: transparent;
  --mat-form-field-outlined-outline-color: transparent;
  --mat-form-field-outlined-disabled-outline-color: transparent;
}
.zef-visual .mat-mdc-form-field.zef-input-small.zef-input-no-border .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-small.zef-input-no-border .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-medium.zef-input-no-border .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-medium.zef-input-no-border .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-search.zef-input-no-border .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-search.zef-input-no-border .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-number.zef-input-no-border .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-number.zef-input-no-border .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-big.zef-input-no-border .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-big.zef-input-no-border .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-search-big.zef-input-no-border .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-search-big.zef-input-no-border .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-combo.zef-input-no-border .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-combo.zef-input-no-border .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-inline.zef-input-no-border .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-inline.zef-input-no-border .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-textarea-small.zef-input-no-border .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-textarea-small.zef-input-no-border .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-textarea-big.zef-input-no-border .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-textarea-big.zef-input-no-border .mdc-notched-outline__trailing {
  box-shadow: none;
}
.zef-visual .mat-mdc-form-field.zef-input-small.zef-input-no-shadow .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-small.zef-input-no-shadow .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-medium.zef-input-no-shadow .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-medium.zef-input-no-shadow .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-search.zef-input-no-shadow .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-search.zef-input-no-shadow .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-number.zef-input-no-shadow .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-number.zef-input-no-shadow .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-big.zef-input-no-shadow .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-big.zef-input-no-shadow .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-search-big.zef-input-no-shadow .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-search-big.zef-input-no-shadow .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-combo.zef-input-no-shadow .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-combo.zef-input-no-shadow .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-input-inline.zef-input-no-shadow .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-input-inline.zef-input-no-shadow .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-textarea-small.zef-input-no-shadow .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-textarea-small.zef-input-no-shadow .mdc-notched-outline__trailing,
.zef-visual .mat-mdc-form-field.zef-textarea-big.zef-input-no-shadow .mdc-notched-outline__leading,
.zef-visual .mat-mdc-form-field.zef-textarea-big.zef-input-no-shadow .mdc-notched-outline__trailing {
  box-shadow: none;
}
.zef-visual .mat-mdc-form-field.zef-input-small.zef-input-no-padding,
.zef-visual .mat-mdc-form-field.zef-input-medium.zef-input-no-padding,
.zef-visual .mat-mdc-form-field.zef-input-search.zef-input-no-padding,
.zef-visual .mat-mdc-form-field.zef-input-number.zef-input-no-padding,
.zef-visual .mat-mdc-form-field.zef-input-big.zef-input-no-padding,
.zef-visual .mat-mdc-form-field.zef-input-search-big.zef-input-no-padding,
.zef-visual .mat-mdc-form-field.zef-input-combo.zef-input-no-padding,
.zef-visual .mat-mdc-form-field.zef-input-inline.zef-input-no-padding,
.zef-visual .mat-mdc-form-field.zef-textarea-small.zef-input-no-padding,
.zef-visual .mat-mdc-form-field.zef-textarea-big.zef-input-no-padding {
  --mat-form-field-container-vertical-padding: 0;
}
.zef-visual .mat-mdc-form-field.zef-input-small.zef-input-no-padding.zef-input-medium,
.zef-visual .mat-mdc-form-field.zef-input-medium.zef-input-no-padding.zef-input-medium,
.zef-visual .mat-mdc-form-field.zef-input-search.zef-input-no-padding.zef-input-medium,
.zef-visual .mat-mdc-form-field.zef-input-number.zef-input-no-padding.zef-input-medium,
.zef-visual .mat-mdc-form-field.zef-input-big.zef-input-no-padding.zef-input-medium,
.zef-visual .mat-mdc-form-field.zef-input-search-big.zef-input-no-padding.zef-input-medium,
.zef-visual .mat-mdc-form-field.zef-input-combo.zef-input-no-padding.zef-input-medium,
.zef-visual .mat-mdc-form-field.zef-input-inline.zef-input-no-padding.zef-input-medium,
.zef-visual .mat-mdc-form-field.zef-textarea-small.zef-input-no-padding.zef-input-medium,
.zef-visual .mat-mdc-form-field.zef-textarea-big.zef-input-no-padding.zef-input-medium {
  --mat-form-field-container-height: 24px;
  --mat-form-field-container-vertical-padding: 0;
}
.zef-visual .mat-mdc-form-field.zef-input-small.zef-input-no-padding.zef-input-big,
.zef-visual .mat-mdc-form-field.zef-input-medium.zef-input-no-padding.zef-input-big,
.zef-visual .mat-mdc-form-field.zef-input-search.zef-input-no-padding.zef-input-big,
.zef-visual .mat-mdc-form-field.zef-input-number.zef-input-no-padding.zef-input-big,
.zef-visual .mat-mdc-form-field.zef-input-big.zef-input-no-padding.zef-input-big,
.zef-visual .mat-mdc-form-field.zef-input-search-big.zef-input-no-padding.zef-input-big,
.zef-visual .mat-mdc-form-field.zef-input-combo.zef-input-no-padding.zef-input-big,
.zef-visual .mat-mdc-form-field.zef-input-inline.zef-input-no-padding.zef-input-big,
.zef-visual .mat-mdc-form-field.zef-textarea-small.zef-input-no-padding.zef-input-big,
.zef-visual .mat-mdc-form-field.zef-textarea-big.zef-input-no-padding.zef-input-big {
  --mat-form-field-container-height: 32px;
  --mat-form-field-container-vertical-padding: 4px;
}
.zef-visual .mat-mdc-form-field.zef-input-search,
.zef-visual .mat-mdc-form-field.zef-input-rounded {
  border-radius: 15px;
  --mat-form-field-outlined-container-shape: 15px;
}
.zef-visual .mat-mdc-form-field.zef-input-search.zef-input-medium,
.zef-visual .mat-mdc-form-field.zef-input-rounded.zef-input-medium {
  border-radius: 20px;
  --mat-form-field-outlined-container-shape: 20px;
}
.zef-visual .mat-mdc-form-field.zef-input-search-big {
  border-radius: 24px;
  --mat-form-field-outlined-container-shape: 24px;
}
.zef-visual .mat-mdc-form-field.zef-input-search-big,
.zef-visual .mat-mdc-form-field.zef-input-big,
.zef-visual .mat-mdc-form-field.zef-textarea-big {
  --mat-form-field-container-height: 48px;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-container-text-size: 18px;
  --mat-form-field-container-text-weight: 600;
}
.zef-visual .mat-mdc-form-field.zef-input-search-big input::placeholder,
.zef-visual .mat-mdc-form-field.zef-input-big input::placeholder,
.zef-visual .mat-mdc-form-field.zef-textarea-big input::placeholder {
  font-weight: 600;
}
.zef-visual .mat-mdc-form-field.zef-input-multiple .mat-mdc-form-field-infix {
  display: flex;
  flex-wrap: wrap;
}
.zef-visual .mat-mdc-form-field.zef-textarea-big .mat-mdc-text-field-wrapper,
.zef-visual .mat-mdc-form-field.zef-textarea-small .mat-mdc-text-field-wrapper {
  padding: 2px 12px;
}
.zef-visual .mat-mdc-form-field.zef-textarea-big .mat-mdc-text-field-wrapper textarea,
.zef-visual .mat-mdc-form-field.zef-textarea-small .mat-mdc-text-field-wrapper textarea {
  resize: none;
}
.zef-visual .mat-mdc-form-field.zef-textarea-big .mat-mdc-form-field-icon-prefix,
.zef-visual .mat-mdc-form-field.zef-textarea-small .mat-mdc-form-field-icon-prefix {
  padding-left: 0;
}
.zef-visual .mat-mdc-form-field.zef-textarea-big .mat-mdc-form-field-icon-suffix,
.zef-visual .mat-mdc-form-field.zef-textarea-small .mat-mdc-form-field-icon-suffix {
  padding-right: 0;
}
.zef-visual .mat-mdc-form-field.zef-textarea-big.zef-textarea-full-height .mat-mdc-form-field-flex,
.zef-visual .mat-mdc-form-field.zef-textarea-big.zef-textarea-full-height .mat-mdc-form-field-infix,
.zef-visual .mat-mdc-form-field.zef-textarea-big.zef-textarea-full-height textarea,
.zef-visual .mat-mdc-form-field.zef-textarea-small.zef-textarea-full-height .mat-mdc-form-field-flex,
.zef-visual .mat-mdc-form-field.zef-textarea-small.zef-textarea-full-height .mat-mdc-form-field-infix,
.zef-visual .mat-mdc-form-field.zef-textarea-small.zef-textarea-full-height textarea {
  height: 100%;
}
.zef-visual .mat-mdc-form-field.zef-textarea-extra-padding .mat-mdc-text-field-wrapper {
  padding: 12px 16px;
}
.zef-visual .mat-mdc-form-field.zef-input-medium {
  --mat-form-field-container-height: 48px;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-container-text-size: 14px;
  --mat-form-field-container-text-line-height: 22px;
}
.zef-visual .mat-mdc-form-field.zef-input-inline {
  --mat-form-field-outlined-outline-color: transparent;
  background-color: transparent;
}
.zef-visual .mat-mdc-form-field.zef-input-inline.mat-focused {
  background-color: #fff;
}
.zef-visual .mat-mdc-form-field.zef-input-inline .mat-mdc-form-field-infix {
  overflow: hidden;
}
.zef-visual textarea {
  resize: none;
}
.zef-visual .mat-mdc-menu-panel {
  min-height: auto;
  max-width: 100%;
  border-radius: 10px;
  background-color: #fff;
}
.zef-visual .mat-mdc-menu-panel.zef-menu-no-padding .mat-mdc-menu-content {
  padding: 0;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content {
  overflow: hidden;
  min-width: 200px;
  padding: 8px 0;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item {
  display: flex;
  align-items: center;
  height: 32px;
  min-height: 32px;
  line-height: 32px;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover:not([disabled]) {
  color: #fff;
  background-color: #ff8900;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover:not([disabled]) .mat-icon {
  color: #fff;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-success {
  color: #18b56c;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-success .mat-icon {
  color: #18b56c;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-success:hover:not([disabled]) {
  background-color: #18b56c;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-success:hover:not([disabled]) .mat-icon {
  color: #fff;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-logic {
  color: #9a2cde;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-logic .mat-icon {
  color: #9a2cde;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-logic:hover:not([disabled]) {
  background-color: #9a2cde;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-logic:hover:not([disabled]) .mat-icon {
  color: #fff;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-warning {
  color: #a08c00;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-warning .mat-icon {
  color: #a08c00;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-warning:hover:not([disabled]) {
  background-color: #a08c00;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-warning:hover:not([disabled]) .mat-icon {
  color: #fff;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-alert {
  color: #d9386c;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-alert .mat-icon {
  color: #d9386c;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-alert:hover:not([disabled]) {
  background-color: #d9386c;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-alert:hover:not([disabled]) .mat-icon {
  color: #fff;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-primary {
  color: #ff8900;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-primary .mat-icon {
  color: #ff8900;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-primary:hover:not([disabled]) {
  background-color: #ff8900;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-primary:hover:not([disabled]) .mat-icon {
  color: #fff;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-trigger {
  color: #0e6ea1;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-trigger .mat-icon {
  color: #0e6ea1;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-trigger:hover:not([disabled]) {
  background-color: #0e6ea1;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.zef-menu-item-trigger:hover:not([disabled]) .mat-icon {
  color: #fff;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item[disabled] {
  opacity: 0.3;
  color: #93a0ab;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-icon:not(.mat-icon-no-color),
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .zef-menu-item-prefix {
  margin-right: 8px;
  color: inherit;
}
.zef-visual .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item zef-help-icon {
  margin-right: -16px;
}
.zef-visual .mat-mdc-menu-panel .mat-divider {
  margin: 8px 0;
}
.zef-visual .mat-mdc-menu-panel.zef-menu-persistent {
  margin: 8px 0;
}
.zef-visual .mat-mdc-menu-panel.zef-menu-persistent zef-help-icon {
  margin-right: -8px;
}
.zef-visual .mat-mdc-menu-panel.zef-menu-offset-y-16 {
  position: relative;
}
.zef-visual .mat-mdc-menu-panel.zef-menu-offset-y-16.mat-menu-above {
  top: -16px;
}
.zef-visual .mat-mdc-menu-panel.zef-menu-offset-y-16.mat-menu-below {
  bottom: -16px;
}
.zef-visual .zef-pattern-archive {
  background-image:
    repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 4px,
      rgba(96, 113, 127, 0.05) 4px,
      rgba(96, 113, 127, 0.05) 6px);
}
.zef-visual .zef-pattern-warning {
  background-image:
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 6px,
      rgba(229, 200, 0, 0.2) 6px,
      rgba(229, 200, 0, 0.2) 10px);
}
.zef-visual .zef-pattern-alpha {
  background-size: 8px 8px;
  background-image:
    linear-gradient(
      45deg,
      rgba(96, 113, 127, 0.1) 25%,
      transparent 25%),
    linear-gradient(
      -45deg,
      rgba(96, 113, 127, 0.1) 25%,
      transparent 25%),
    linear-gradient(
      45deg,
      transparent 75%,
      rgba(96, 113, 127, 0.1) 75%),
    linear-gradient(
      -45deg,
      transparent 75%,
      rgba(96, 113, 127, 0.1) 75%);
  background-position:
    0 0,
    0 4px,
    4px -4px,
    -4px 0;
}
.zef-visual .z-linda-user-tile {
  overflow: hidden;
  border: 1px solid #dae2e5;
  border-radius: 10px;
  background-color: #fff;
  display: grid;
  padding: 16px 24px 16px 16px;
  grid-column-gap: 16px;
  grid-template-areas: "logo name" "logo email";
  grid-template-columns: 48px auto;
}
.zef-visual .z-linda-user-tile figure {
  width: 48px;
  height: 48px;
  margin: 0;
  border: 1px solid #dae2e5;
  border-radius: 50%;
  background-size: cover;
  background-color: #f3f6f7;
  background-position: center;
  grid-area: logo;
}
.zef-visual .z-linda-user-tile strong {
  grid-area: name;
}
.zef-visual .z-linda-user-tile span {
  grid-area: email;
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(4px);
  }
  75% {
    transform: translateX(-4px);
  }
  100% {
    transform: translateX(0);
  }
}
.zef-visual .auth-debugger {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  margin: 2rem;
  pointer-events: none;
  color: red;
}
.zef-visual .auth-content-wrapper {
  padding: 48px;
}
.zef-visual .auth-sidenav-box {
  position: relative;
  height: 100%;
}
.zef-visual .auth-sidenav-box .close-button {
  position: absolute;
  z-index: 1;
  top: 8px;
  right: 8px;
}
.zef-visual .auth-content-container {
  overflow: hidden;
  border: 1px solid #dae2e5;
  border-radius: 10px;
  background-color: #fff;
  width: 320px;
  padding: 48px;
}
.zef-visual .auth-input-field.mat-mdc-form-field {
  --mat-form-field-container-height: 40px;
  --mat-form-field-container-vertical-padding: 8px;
}
.zef-visual .auth-input-field.auth-input-error,
.zef-visual .auth-input-field.auth-error-shake {
  --mat-form-field-outlined-outline-color: #d9386c;
  --mat-form-field-outlined-focus-outline-color: #d9386c;
  --mat-form-field-outlined-hover-outline-color: #d9386c;
  --mat-form-field-outlined-caret-color: #d9386c;
}
.zef-visual .auth-error-text {
  color: #d9386c;
}
.zef-visual .auth-error-shake {
  animation: shake 250ms ease-in-out 0ms 2;
}
.zef-visual .auth-sidebar-container {
  box-sizing: border-box;
  width: 100%;
  min-height: 100vh;
  padding: 48px;
  background-color: #f3f6f7;
}
.zef-visual .auth-sidebar-content {
  width: 100%;
}
.zef-visual .auth-logo-link {
  width: 100%;
  margin-left: -16px;
  text-align: center;
}
.zef-visual .auth-or-divider {
  display: flex;
  margin: 16px 0;
}
.zef-visual .auth-or-divider span {
  flex: 0 0 auto;
  margin: 0 32px;
  text-transform: uppercase;
  color: #93a0ab;
}
.zef-visual .auth-or-divider hr {
  flex: 1 1 auto;
  border: none;
  border-bottom: 2px solid #dae2e5;
}
.zef-visual .auth-provider-button img {
  width: 24px;
  height: 24px;
}
[class*=zef-flag-],
[class*=zef-lang-] {
  display: inline-block;
  overflow: hidden;
  width: 32px;
  height: 32px;
  text-align: left;
  background: url("./media/flags-32px.png") no-repeat;
  background-position: 100% 100%;
  text-indent: -9999px;
}
figure[class*=zef-flag-],
figure[class*=zef-lang-] {
  margin: 0;
}
.zef-flag-small {
  transform: scale(0.67);
}
.zef-flag-tiny {
  transform: scale(0.564);
}
.zef-flag-micro {
  transform: scale(0.4);
}
.zef-lang-other {
  background: url("./media/other-language.png") no-repeat;
  background-size: 100%;
  background-position: center;
}
.zef-flag-ck {
  background-position: -4px 0;
}
.zef-flag-bn {
  background-position: -40px 0;
}
.zef-flag-bw,
.zef-lang-tn {
  background-position: -76px 0;
}
.zef-flag-ba,
.zef-lang-bs {
  background-position: -112px 0;
}
.zef-flag-bo,
.zef-lang-ay {
  background-position: -148px 0;
}
.zef-flag-bd,
.zef-lang-bn {
  background-position: -220px 0;
}
.zef-flag-pm {
  background-position: -256px 0;
}
.zef-flag-lt,
.zef-lang-lt {
  background-position: -292px 0;
}
.zef-flag-id,
.zef-lang-id {
  background-position: -400px 0;
}
.zef-flag-as,
.zef-lang-sm {
  background-position: -472px 0;
}
.zef-flag-gi {
  background-position: -508px 0;
}
.zef-flag-gr,
.zef-lang-el {
  background-position: -544px 0;
}
.zef-flag-gl,
.zef-lang-kl {
  background-position: -4px -36px;
}
.zef-flag-gd {
  background-position: -40px -36px;
}
.zef-flag-gu {
  background-position: -76px -36px;
}
.zef-flag-gt {
  background-position: -112px -36px;
}
.zef-flag-gg {
  background-position: -148px -36px;
}
.zef-flag-gw {
  background-position: -184px -36px;
}
.zef-flag-gn {
  background-position: -220px -36px;
}
.zef-flag-gy {
  background-position: -256px -36px;
}
.zef-flag-ad,
.zef-lang-ca {
  background-position: -292px -36px;
}
.zef-flag-ht,
.zef-lang-ht {
  background-position: -328px -36px;
}
.zef-flag-hn {
  background-position: -364px -36px;
}
.zef-flag-hk {
  background-position: -400px -36px;
}
.zef-flag-hu,
.zef-lang-hu {
  background-position: -436px -36px;
}
.zef-flag-is,
.zef-lang-is {
  background-position: -472px -36px;
}
.zef-flag-in,
.zef-lang-hi {
  background-position: -508px -36px;
}
.zef-flag-ir,
.zef-lang-fa {
  background-position: -544px -36px;
}
.zef-flag-ao {
  background-position: -4px -72px;
}
.zef-flag-iq {
  background-position: -40px -72px;
}
.zef-flag-ie,
.zef-lang-ga {
  background-position: -76px -72px;
}
.zef-flag-im,
.zef-lang-gv {
  background-position: -112px -72px;
}
.zef-flag-il,
.zef-lang-he {
  background-position: -148px -72px;
}
.zef-flag-it,
.zef-lang-it {
  background-position: -184px -72px;
}
.zef-flag-jm {
  background-position: -220px -72px;
}
.zef-flag-jp,
.zef-lang-ja {
  background-position: -256px -72px;
}
.zef-flag-je {
  background-position: -292px -72px;
}
.zef-flag-jo {
  background-position: -328px -72px;
}
.zef-flag-ai {
  background-position: -364px -72px;
}
.zef-flag-kz,
.zef-lang-kk {
  background-position: -436px -72px;
}
.zef-flag-ke {
  background-position: -472px -72px;
}
.zef-flag-ki {
  background-position: -508px -72px;
}
.zef-flag-kp {
  background-position: -4px -108px;
}
.zef-flag-kr,
.zef-lang-ko {
  background-position: -40px -108px;
}
.zef-flag-xk {
  background-position: -76px -108px;
}
.zef-flag-kw {
  background-position: -112px -108px;
}
.zef-flag-kg,
.zef-lang-ky {
  background-position: -148px -108px;
}
.zef-flag-la,
.zef-lang-lo {
  background-position: -184px -108px;
}
.zef-flag-lv,
.zef-lang-lv {
  background-position: -220px -108px;
}
.zef-flag-lb {
  background-position: -256px -108px;
}
.zef-flag-ls,
.zef-lang-st {
  background-position: -292px -108px;
}
.zef-flag-ag {
  background-position: -328px -108px;
}
.zef-flag-lr {
  background-position: -364px -108px;
}
.zef-flag-ly {
  background-position: -400px -108px;
}
.zef-flag-li {
  background-position: -436px -108px;
}
.zef-flag-lu,
.zef-lang-lb {
  background-position: -472px -108px;
}
.zef-flag-mo {
  background-position: -508px -108px;
}
.zef-flag-mk,
.zef-lang-mk {
  background-position: -544px -108px;
}
.zef-flag-mg,
.zef-lang-mg {
  background-position: -4px -144px;
}
.zef-flag-mw,
.zef-lang-ny {
  background-position: -40px -144px;
}
.zef-flag-ar {
  background-position: -76px -144px;
}
.zef-flag-my,
.zef-lang-ms {
  background-position: -112px -144px;
}
.zef-flag-mv,
.zef-lang-dv {
  background-position: -148px -144px;
}
.zef-flag-ml {
  background-position: -184px -144px;
}
.zef-flag-mt,
.zef-lang-mt {
  background-position: -220px -144px;
}
.zef-flag-mh,
.zef-lang-mh {
  background-position: -256px -144px;
}
.zef-flag-mr {
  background-position: -292px -144px;
}
.zef-flag-mu {
  background-position: -328px -144px;
}
.zef-flag-mx {
  background-position: -364px -144px;
}
.zef-flag-fm {
  background-position: -400px -144px;
}
.zef-flag-am,
.zef-lang-hy {
  background-position: -436px -144px;
}
.zef-flag-md {
  background-position: -472px -144px;
}
.zef-flag-mc {
  background-position: -508px -144px;
}
.zef-flag-me {
  background-position: -544px -144px;
}
.zef-flag-ms {
  background-position: -4px -180px;
}
.zef-flag-ma {
  background-position: -40px -180px;
}
.zef-flag-mz {
  background-position: -76px -180px;
}
.zef-flag-mm,
.zef-lang-my {
  background-position: -112px -180px;
}
.zef-flag-aw {
  background-position: -184px -180px;
}
.zef-flag-na,
.zef-lang-af {
  background-position: -220px -180px;
}
.zef-flag-nr,
.zef-lang-na {
  background-position: -256px -180px;
}
.zef-flag-np,
.zef-lang-ne {
  background-position: -292px -180px;
}
.zef-flag-bq {
  background-position: -328px -180px;
}
.zef-flag-nz,
.zef-lang-mi {
  background-position: -364px -180px;
}
.zef-flag-ni {
  background-position: -400px -180px;
}
.zef-flag-ne,
.zef-lang-ff {
  background-position: -436px -180px;
}
.zef-flag-ng {
  background-position: -472px -180px;
}
.zef-flag-nu {
  background-position: -508px -180px;
}
.zef-flag-au {
  background-position: -544px -180px;
}
.zef-flag-nf {
  background-position: -4px -216px;
}
.zef-flag-mp {
  background-position: -40px -216px;
}
.zef-flag-no,
.zef-lang-no {
  background-position: -76px -216px;
}
.zef-flag-om {
  background-position: -112px -216px;
}
.zef-flag-pk,
.zef-lang-ur {
  background-position: -148px -216px;
}
.zef-flag-pw {
  background-position: -184px -216px;
}
.zef-flag-ps {
  background-position: -220px -216px;
}
.zef-flag-pa {
  background-position: -256px -216px;
}
.zef-flag-pg {
  background-position: -292px -216px;
}
.zef-flag-at {
  background-position: -328px -216px;
}
.zef-flag-py,
.zef-lang-gn {
  background-position: -364px -216px;
}
.zef-flag-pe {
  background-position: -400px -216px;
}
.zef-flag-ph {
  background-position: -436px -216px;
}
.zef-flag-pn {
  background-position: -472px -216px;
}
.zef-flag-pl,
.zef-lang-pl {
  background-position: -508px -216px;
}
.zef-flag-pt,
.zef-lang-pt {
  background-position: -544px -216px;
}
.zef-flag-pr {
  background-position: -4px -252px;
}
.zef-flag-qa {
  background-position: -40px -252px;
}
.zef-flag-ro,
.zef-lang-ro {
  background-position: -76px -252px;
}
.zef-flag-az,
.zef-lang-az {
  background-position: -112px -252px;
}
.zef-flag-ru,
.zef-lang-ru {
  background-position: -148px -252px;
}
.zef-flag-rw,
.zef-lang-rw {
  background-position: -184px -252px;
}
.zef-flag-bl {
  background-position: -220px -252px;
}
.zef-flag-sh {
  background-position: -256px -252px;
}
.zef-flag-kn {
  background-position: -292px -252px;
}
.zef-flag-lc {
  background-position: -328px -252px;
}
.zef-flag-vc {
  background-position: -364px -252px;
}
.zef-flag-bs {
  background-position: -400px -252px;
}
.zef-flag-ws {
  background-position: -436px -252px;
}
.zef-flag-sm {
  background-position: -472px -252px;
}
.zef-flag-st {
  background-position: -508px -252px;
}
.zef-flag-sa,
.zef-lang-ar {
  background-position: -544px -252px;
}
.zef-flag-sn {
  background-position: -4px -288px;
}
.zef-flag-rs,
.zef-lang-sr {
  background-position: -40px -288px;
}
.zef-flag-sc {
  background-position: -76px -288px;
}
.zef-flag-bh {
  background-position: -112px -288px;
}
.zef-flag-sl {
  background-position: -148px -288px;
}
.zef-flag-sg,
.zef-lang-ta {
  background-position: -184px -288px;
}
.zef-flag-sk,
.zef-lang-sk {
  background-position: -220px -288px;
}
.zef-flag-si,
.zef-lang-sl {
  background-position: -256px -288px;
}
.zef-flag-sb {
  background-position: -292px -288px;
}
.zef-flag-so,
.zef-lang-so {
  background-position: -328px -288px;
}
.zef-flag-za,
.zef-lang-zu {
  background-position: -400px -288px;
}
.zef-flag-es,
.zef-lang-es {
  background-position: -472px -288px;
}
.zef-flag-lk,
.zef-lang-si {
  background-position: -508px -288px;
}
.zef-flag-sd {
  background-position: -544px -288px;
}
.zef-flag-sr {
  background-position: -4px -324px;
}
.zef-flag-sz,
.zef-lang-ss {
  background-position: -40px -324px;
}
.zef-flag-se,
.zef-lang-sv {
  background-position: -76px -324px;
}
.zef-flag-ch {
  background-position: -112px -324px;
}
.zef-flag-sy,
.zef-lang-ku {
  background-position: -148px -324px;
}
.zef-flag-bb {
  background-position: -184px -324px;
}
.zef-flag-tw {
  background-position: -220px -324px;
}
.zef-flag-tj,
.zef-lang-tg {
  background-position: -256px -324px;
}
.zef-flag-tz {
  background-position: -292px -324px;
}
.zef-flag-th,
.zef-lang-th {
  background-position: -328px -324px;
}
.zef-flag-tg {
  background-position: -364px -324px;
}
.zef-flag-to,
.zef-lang-to {
  background-position: -400px -324px;
}
.zef-flag-tt {
  background-position: -436px -324px;
}
.zef-flag-tn {
  background-position: -472px -324px;
}
.zef-flag-tr,
.zef-lang-tr {
  background-position: -508px -324px;
}
.zef-flag-tm,
.zef-lang-tk {
  background-position: -544px -324px;
}
.zef-flag-tc {
  background-position: -4px -360px;
}
.zef-flag-tv {
  background-position: -76px -360px;
}
.zef-flag-by,
.zef-lang-be {
  background-position: -148px -360px;
}
.zef-flag-ug {
  background-position: -184px -360px;
}
.zef-flag-ua,
.zef-lang-uk {
  background-position: -220px -360px;
}
.zef-flag-ae {
  background-position: -256px -360px;
}
.zef-flag-gb,
.zef-lang-en {
  background-position: -292px -360px;
}
.zef-flag-us,
.zef-lang-us {
  background-position: -328px -360px;
}
.zef-flag-uy {
  background-position: -364px -360px;
}
.zef-flag-uz,
.zef-lang-uz {
  background-position: -400px -360px;
}
.zef-flag-vu,
.zef-lang-bi {
  background-position: -436px -360px;
}
.zef-flag-va {
  background-position: -472px -360px;
}
.zef-flag-ve {
  background-position: -508px -360px;
}
.zef-flag-be {
  background-position: -544px -360px;
}
.zef-flag-vn,
.zef-lang-vi {
  background-position: -4px -396px;
}
.zef-flag-vg {
  background-position: -40px -396px;
}
.zef-flag-vi {
  background-position: -76px -396px;
}
.zef-lang-cy {
  background-position: -112px -396px;
}
.zef-flag-eh {
  background-position: -148px -396px;
}
.zef-flag-ye {
  background-position: -184px -396px;
}
.zef-flag-zm {
  background-position: -220px -396px;
}
.zef-flag-zw,
.zef-lang-nd {
  background-position: -256px -396px;
}
.zef-flag-bz {
  background-position: -292px -396px;
}
.zef-flag-af {
  background-position: -328px -396px;
}
.zef-flag-bj {
  background-position: -364px -396px;
}
.zef-flag-bm {
  background-position: -400px -396px;
}
.zef-flag-bt,
.zef-lang-dz {
  background-position: -436px -396px;
}
.zef-flag-br {
  background-position: -472px -396px;
}
.zef-flag-io {
  background-position: -544px -396px;
}
.zef-flag-bg,
.zef-lang-bg {
  background-position: -40px -432px;
}
.zef-flag-bf {
  background-position: -76px -432px;
}
.zef-flag-bi,
.zef-lang-rn {
  background-position: -112px -432px;
}
.zef-flag-kh,
.zef-lang-km {
  background-position: -148px -432px;
}
.zef-flag-cm {
  background-position: -184px -432px;
}
.zef-flag-ca {
  background-position: -220px -432px;
}
.zef-flag-ax {
  background-position: -256px -432px;
}
.zef-flag-cv {
  background-position: -292px -432px;
}
.zef-flag-ky {
  background-position: -328px -432px;
}
.zef-flag-cf,
.zef-lang-ln {
  background-position: -364px -432px;
}
.zef-flag-td {
  background-position: -400px -432px;
}
.zef-flag-cl {
  background-position: -436px -432px;
}
.zef-flag-cn,
.zef-lang-zh {
  background-position: -472px -432px;
}
.zef-flag-al,
.zef-lang-sq {
  background-position: -508px -432px;
}
.zef-flag-co {
  background-position: -544px -432px;
}
.zef-flag-km {
  background-position: -4px -468px;
}
.zef-flag-cd,
.zef-lang-lu {
  background-position: -40px -468px;
}
.zef-flag-cg,
.zef-lang-kg {
  background-position: -76px -468px;
}
.zef-flag-cr {
  background-position: -112px -468px;
}
.zef-flag-ci {
  background-position: -148px -468px;
}
.zef-flag-hr,
.zef-lang-hr {
  background-position: -220px -468px;
}
.zef-flag-cu {
  background-position: -256px -468px;
}
.zef-flag-cy {
  background-position: -292px -468px;
}
.zef-flag-cz,
.zef-lang-cs {
  background-position: -328px -468px;
}
.zef-flag-dk,
.zef-lang-da {
  background-position: -364px -468px;
}
.zef-flag-dj {
  background-position: -400px -468px;
}
.zef-flag-dm {
  background-position: -436px -468px;
}
.zef-flag-do {
  background-position: -472px -468px;
}
.zef-flag-tl {
  background-position: -508px -468px;
}
.zef-flag-ec,
.zef-lang-qu {
  background-position: -544px -468px;
}
.zef-flag-dz {
  background-position: -4px -504px;
}
.zef-flag-eg {
  background-position: -40px -504px;
}
.zef-flag-fk {
  background-position: -76px -504px;
}
.zef-flag-eu {
  background-position: -112px -504px;
}
.zef-flag-et,
.zef-lang-am {
  background-position: -148px -504px;
}
.zef-flag-ee,
.zef-lang-et {
  background-position: -184px -504px;
}
.zef-flag-er,
.zef-lang-ti {
  background-position: -220px -504px;
}
.zef-flag-gq {
  background-position: -256px -504px;
}
.zef-flag-sv {
  background-position: -328px -504px;
}
.zef-flag-fo,
.zef-lang-fo {
  background-position: -364px -504px;
}
.zef-flag-fj,
.zef-lang-fj {
  background-position: -400px -504px;
}
.zef-flag-fi,
.zef-lang-fi {
  background-position: -436px -504px;
}
.zef-flag-fr,
.zef-lang-fr {
  background-position: -472px -504px;
}
.zef-flag-pf {
  background-position: -508px -504px;
}
.zef-flag-ga {
  background-position: -544px -504px;
}
.zef-flag-gm {
  background-position: -4px -540px;
}
.zef-flag-ge,
.zef-lang-ka {
  background-position: -40px -540px;
}
.zef-flag-gh {
  background-position: -76px -540px;
}
.zef-flag-mn,
.zef-lang-mn {
  background-position: -184px -540px;
}
.zef-flag-nl,
.zef-lang-nl {
  background-position: -148px -540px;
}
.zef-flag-de,
.zef-lang-de {
  background-position: -112px -540px;
}
@font-face {
  font-style: normal;
  font-weight: normal;
  font-family: "zef-icons-free";
  font-display: block;
  src:
    url("./media/zef-icons-free.woff2?5wahi") format("woff2"),
    url("./media/zef-icons-free.ttf?5wahi") format("truetype"),
    url("./media/zef-icons-free.woff?5wahi") format("woff"),
    url("./media/zef-icons-free.svg?5wahi#zef-icons") format("svg");
}
.zef-icons-free {
  speak: none;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-family: "zef-icons-free" !important;
  line-height: 1;
  text-transform: none;
  font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-variant-ligatures: discretionary-ligatures;
}
@font-face {
  font-style: normal;
  font-weight: normal;
  font-family: "zef-icons-full";
  font-display: block;
  src:
    url("./media/zef-icons-full.woff2?oiu12h") format("woff2"),
    url("./media/zef-icons-full.ttf?oiu12h") format("truetype"),
    url("./media/zef-icons-full.woff?oiu12h") format("woff"),
    url("./media/zef-icons-full.svg?oiu12h#zef-icons-full") format("svg");
}
.zef-icons-full {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-family: "zef-icons-full" !important;
  line-height: 1;
  text-transform: none;
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
}
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com*/
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set: none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set: none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: 0.3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-ease: initial;
    }
  }
}

/* angular:styles/global:styles */