/* === Shortcode === */
html .cppo-or-tabs button {
  transition: all 0.15s ease-in-out;
}

html .cppo-icon-buttons button, html .cppo-or-tabs .cppo--action--waver, html .cppo-or-tabs button {
  max-width: 100%;
  background: var(--cppo-button-bg-color);
  color: var(--cppo-button-color);
  border: 1px solid var(--cppo-button-color);
}
html .cppo-icon-buttons button:hover, html .cppo-or-tabs .cppo--action--waver:hover, html .cppo-or-tabs button:hover, html .cppo-icon-buttons button:focus, html .cppo-or-tabs .cppo--action--waver:focus, html .cppo-or-tabs button:focus, html .cppo-icon-buttons button.cppo--state--active, html .cppo-or-tabs .cppo--state--active.cppo--action--waver, html .cppo-or-tabs button.cppo--state--active {
  background-color: var(--cppo-button-color);
  border-color: var(--cppo-button-color);
  color: #fff;
}

html .cppo-container {
  --cppo-button-color: var(--e-global-color-primary);
  --cppo-button-bg-color: #fff;
}
html .cppo-container button:disabled {
  background: #818181;
}
html .cppo-hide {
  display: none;
}
html .cppo-or-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 50px 0;
  text-align: center;
}
html .cppo-or-tabs button {
  width: 300px;
  padding: 1.5em;
}
html .cppo-or-tabs .cppo--action--install {
  --cppo-button-bg-color: rgba(0, 156, 170, 0.08);
}
html .cppo-or-tabs .cppo-or {
  display: inline-block;
}
html .cppo-or-tabs .cppo--action--waver {
  --cppo-button-color: #355d98;
}
html .cppo-or-tabs-inner {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  column-gap: 50px;
  row-gap: 20px;
  justify-content: center;
  align-items: center;
}
html .cppo-install-steps {
  padding: 2em;
  background-color: #fafafa;
  border: 1px solid #ededed;
  margin-bottom: 2em;
}
html .cppo-install-steps ol {
  margin: 0;
  list-style: none;
  counter-reset: item;
}
html .cppo-install-steps ol li {
  counter-increment: item;
  position: relative;
  min-height: 30px;
  padding-left: 40px;
}
html .cppo-install-steps ol li:not(:last-child) {
  margin-bottom: 16px;
}
html .cppo-install-steps ol li:before {
  position: absolute;
  left: 0;
  top: 0;
  content: counter(item);
  background: #add8e6;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 0.8em;
}
html .cppo-show-if-install,
html .cppo-show-if-waver {
  display: none;
}
html .cppo-icon-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  gap: 30px;
}
html .cppo-icon-buttons button {
  width: 400px;
  --cppo-button-color: #5b7fb5;
}
html .cppo-wavers {
  display: none;
  margin-top: 60px;
}
html .cppo-wavers-submit {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}
html .cppo-wavers-submit-checkbox {
  flex: 1;
  min-width: 300px;
}
html .cppo-waver-text h1, html .cppo-waver-text h2, html .cppo-waver-text h3, html .cppo-waver-text h4, html .cppo-waver-text h5, html .cppo-waver-text h6, html .cppo-waver-text ol, html .cppo-waver-text ul {
  margin-top: 30px;
  margin-bottom: 30px;
}
html .cppo-waver-terms {
  font-weight: 500;
}

@media (max-width: 768px) {
  .cppo-or-tabs .cppo-or {
    width: 100%;
  }
}

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