.syi-button {
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  background: var(--syi-color-primary);
  font-family: "Mont-SemiBold", sans-serif;
  font-size: 16px;
  border: none;
  line-height: initial;
}
.syi-button.syi-button-outline {
  color: var(--syi-color-grey);
  background: transparent;
  border: 1px solid var(--syi-color-grey);
}
.syi-button.syi-button-outline:hover {
  color: var(--syi-color-grey);
  background: var(--syi-color-grey-30);
  border: 1px solid var(--syi-color-grey);
}
.syi-button.syi-primary-button {
  color: #fff;
  background: var(--syi-color-primary);
}
.syi-button.syi-primary-button:hover {
  color: #fff;
  background: var(--syi-color-primary-hover-button);
}
.syi-button.syi-primary-button-outline {
  color: var(--syi-color-dark);
  background: transparent;
  border: 1px solid var(--syi-color-primary);
}
.syi-button.syi-secondary-button {
  color: #fff;
  background: var(--syi-color-secondary);
}
.syi-button.syi-secondary-button:hover {
  color: #fff;
  background: var(--syi-color-secondary-hover-button);
}
.syi-button.syi-secondary-button-outline {
  color: var(--syi-color-dark);
  background: transparent;
  border: 1px solid var(--syi-color-secondary);
}
.syi-button.syi-secondary-button-outline:hover {
  color: #fff;
  background: var(--syi-color-secondary);
}
.syi-button.syi-cta-button-outline {
  color: var(--syi-color-tertiary);
  background: transparent;
  border: 1px solid var(--syi-color-tertiary);
}
.syi-button.syi-cta-button-outline:hover {
  color: #fff;
  background: var(--syi-color-tertiary);
}
.syi-button.syi-cta-button {
  color: #fff;
  background: var(--syi-color-tertiary);
}
.syi-button.syi-cta-button:hover {
  color: #fff;
  background: var(--syi-color-tertiary-hover-button);
}
.syi-button.syi-grey-button {
  color: var(--syi-color-light);
  background: #979797;
}
.syi-button.syi-grey-button:hover {
  color: var(--syi-color-light);
  background: #979797;
}
.syi-button.syi-grey-button-outline {
  color: var(--syi-color-grey);
  background: transparent;
  border: 1px solid #DEDEDE;
}
.syi-button.syi-grey-button-outline:hover {
  color: #B7B7B7;
  border-color: #B7B7B7;
}
.syi-button.disabled, .syi-button[disabled] {
  background: var(--syi-color-grey) !important;
}

.syi-badge.bg-syi-ideal {
  background: rgba(156, 205, 224, 0.1490196078);
}

img.lazy-loading-image {
  background-image: url("/assets/images/icons/loading-eclipse.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.syi-info-tooltip {
  max-width: 300px !important;
  opacity: 1 !important;
}
.syi-info-tooltip[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: #FFFFFF !important;
}
.syi-info-tooltip[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: #FFFFFF !important;
}
.syi-info-tooltip[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: #FFFFFF !important;
}
.syi-info-tooltip[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: #FFFFFF !important;
}
.syi-info-tooltip .tooltip-inner {
  max-width: 300px !important;
  background: #FFFFFF;
  box-shadow: 0 0 10px rgba(35, 118, 150, 0.1607843137);
  border-radius: 12px;
  font-family: "Mont-Book", sans-serif;
  font-size: 15px;
  color: #707070;
  padding: 15px 30px;
  text-align: left;
}
.syi-info-tooltip .tooltip-inner p {
  margin: 5px 0;
}
.syi-info-tooltip .tooltip-inner p.tooltip-header {
  color: #000000;
}
.syi-info-tooltip .tooltip-inner p.tooltip-header:not(:first-child) {
  margin-top: 15px;
}
.syi-info-tooltip .tooltip-inner .tooltip-link {
  display: inline-block;
  margin-top: 15px;
  color: var(--syi-color-primary);
}
.syi-info-tooltip.dark .tooltip-inner {
  background: #2d2d2d;
  color: #E2E3E4;
}
.syi-info-tooltip.dark .tooltip-inner p.tooltip-header {
  color: #fff;
}

/*# sourceMappingURL=components.css.map */