:root {
  --eph-xenyra-orb-size: 42px;
  --eph-xenyra-pill-bg: #086331;
  --eph-xenyra-pill-color: #ffffff;
  --eph-xenyra-pill-height: 34px;
  --eph-xenyra-pill-radius: 999px;
  --eph-xenyra-pill-padding-x: 18px;
  --eph-xenyra-pill-font-size: 14px;
  --eph-xenyra-pill-font-weight: 700;
  --eph-xenyra-shadow:
    0 10px 22px rgba(5, 70, 37, 0.20);
  --eph-xenyra-transition:
    220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.eph-xenyra-canonical-orb {
  width: var(--eph-xenyra-orb-size) !important;
  height: var(--eph-xenyra-orb-size) !important;
  min-width: var(--eph-xenyra-orb-size) !important;
  min-height: var(--eph-xenyra-orb-size) !important;
  max-width: var(--eph-xenyra-orb-size) !important;
  max-height: var(--eph-xenyra-orb-size) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 var(--eph-xenyra-orb-size) !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;

  border-radius: 50% !important;
  overflow: visible !important;
  transform: none !important;
  animation: none !important;
  transition:
    transform var(--eph-xenyra-transition),
    filter var(--eph-xenyra-transition) !important;
}

.eph-xenyra-canonical-orb,
.eph-xenyra-canonical-orb * {
  box-sizing: border-box !important;
}

.eph-xenyra-canonical-orb * {
  animation: none !important;
}

.eph-xenyra-canonical-mark {
  display: block !important;
  position: relative !important;
  margin: 0 !important;
  transform-origin: 50% 50% !important;
  animation: none !important;
  transition: none !important;
}

.eph-xenyra-header-orb:hover,
.eph-xenyra-header-orb:focus-visible {
  transform: scale(1.055) !important;
  filter: brightness(1.025) !important;
}

.eph-xenyra-header-orb:hover .eph-xenyra-canonical-mark,
.eph-xenyra-header-orb:focus-visible .eph-xenyra-canonical-mark {
  animation:
    eph-xenyra-spin-once
    680ms
    cubic-bezier(0.22, 1, 0.36, 1)
    1 !important;
}

.eph-xenyra-composite-cta {
  appearance: none !important;
  -webkit-appearance: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: var(--eph-xenyra-orb-size) !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;

  color: inherit !important;
  cursor: pointer !important;
  overflow: visible !important;

  transform: translateZ(0) scale(1) !important;
  transform-origin: center left !important;

  transition:
    transform var(--eph-xenyra-transition),
    filter var(--eph-xenyra-transition) !important;
}

.eph-xenyra-composite-cta > * {
  pointer-events: none !important;
}

.eph-xenyra-composite-cta:hover,
.eph-xenyra-composite-cta:focus-visible {
  transform: translateZ(0) scale(1.035) !important;
  filter: brightness(1.025) !important;
  outline: none !important;
}

.eph-xenyra-composite-cta:hover
.eph-xenyra-canonical-mark,
.eph-xenyra-composite-cta:focus-visible
.eph-xenyra-canonical-mark {
  animation:
    eph-xenyra-spin-once
    680ms
    cubic-bezier(0.22, 1, 0.36, 1)
    1 !important;
}

.eph-xenyra-composite-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: var(--eph-xenyra-pill-height) !important;

  margin: 0 !important;
  padding:
    0
    var(--eph-xenyra-pill-padding-x) !important;

  border: 0 !important;
  border-radius: var(--eph-xenyra-pill-radius) !important;

  background:
    var(--eph-xenyra-pill-bg) !important;
  color:
    var(--eph-xenyra-pill-color) !important;

  font-family: inherit !important;
  font-size:
    var(--eph-xenyra-pill-font-size) !important;
  font-weight:
    var(--eph-xenyra-pill-font-weight) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;

  box-shadow: var(--eph-xenyra-shadow) !important;
}

.eph-xenyra-loader-mark {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 42px !important;
  height: 42px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  transform: none !important;
  animation: none !important;
}

.eph-xenyra-loader-mark .eph-xenyra-canonical-mark {
  width: 72% !important;
  height: 72% !important;
  max-width: 72% !important;
  max-height: 72% !important;

  object-fit: contain !important;
  transform: none !important;
  animation: none !important;
}

@keyframes eph-xenyra-spin-once {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .eph-xenyra-canonical-orb,
  .eph-xenyra-canonical-orb *,
  .eph-xenyra-composite-cta {
    animation: none !important;
    transition: none !important;
  }
}

/* EPHARO_SINGLE_XENYRA_CTA_CSS_START */

.eph-xenyra-single-cta {
  appearance: none !important;
  -webkit-appearance: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 42px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;

  color: inherit !important;
  text-decoration: none !important;

  cursor: pointer !important;
  overflow: visible !important;

  transform:
    translateY(0)
    scale(1) !important;

  transition:
    transform 220ms
      cubic-bezier(0.22, 1, 0.36, 1),
    filter 220ms
      cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.eph-xenyra-single-cta > * {
  pointer-events: none !important;
}

.eph-xenyra-single-cta
.eph-xenyra-action-orb {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;

  flex: 0 0 42px !important;
  margin: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 0 !important;
  border-radius: 50% !important;

  overflow: hidden !important;

  background:
    radial-gradient(
      circle at 32% 22%,
      #ffffff 0%,
      #f5fff9 34%,
      #d9f4e4 66%,
      #9ac3aa 100%
    ) !important;

  box-shadow:
    0 10px 22px
      rgba(5, 70, 37, 0.20),
    inset 0 0 0 1px
      rgba(255, 255, 255, 0.90) !important;

  transform: scale(1) !important;

  transition:
    transform 220ms
      cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 220ms
      cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.eph-xenyra-single-cta
.eph-xenyra-action-orb img,
.eph-xenyra-single-cta
.eph-xenyra-canonical-mark {
  display: block !important;

  width: 68% !important;
  height: 68% !important;

  margin: 0 !important;

  object-fit: contain !important;
  transform-origin: 50% 50% !important;

  animation: none !important;
}

.eph-xenyra-single-cta
.eph-xenyra-composite-pill {
  min-height: 34px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 18px !important;

  border: 1px solid
    rgba(5, 82, 42, 0.36) !important;

  border-radius: 999px !important;

  background: #086331 !important;
  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  box-shadow:
    0 10px 22px
      rgba(5, 70, 37, 0.18) !important;

  transition:
    background 220ms
      cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 220ms
      cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.eph-xenyra-single-cta:hover,
.eph-xenyra-single-cta:focus-visible {
  transform:
    translateY(-1px)
    scale(1.035) !important;

  filter:
    brightness(1.025) !important;
}

.eph-xenyra-single-cta:hover
.eph-xenyra-action-orb,
.eph-xenyra-single-cta:focus-visible
.eph-xenyra-action-orb {
  transform: scale(1.055) !important;

  box-shadow:
    0 15px 30px
      rgba(5, 70, 37, 0.27),
    inset 0 0 0 1px
      rgba(255, 255, 255, 0.95) !important;
}

.eph-xenyra-single-cta:hover
.eph-xenyra-composite-pill,
.eph-xenyra-single-cta:focus-visible
.eph-xenyra-composite-pill {
  background: #07572b !important;

  box-shadow:
    0 14px 28px
      rgba(5, 70, 37, 0.25) !important;
}

.eph-xenyra-single-cta:hover
.eph-xenyra-canonical-mark,
.eph-xenyra-single-cta:focus-visible
.eph-xenyra-canonical-mark,
.eph-xenyra-single-cta:hover
.eph-xenyra-action-orb img,
.eph-xenyra-single-cta:focus-visible
.eph-xenyra-action-orb img {
  animation:
    eph-xenyra-spin-once
    680ms
    cubic-bezier(0.22, 1, 0.36, 1)
    1 !important;
}

.eph-xenyra-single-cta:focus-visible {
  outline:
    2px solid
    rgba(8, 99, 49, 0.42) !important;

  outline-offset: 4px !important;
}

@media (prefers-reduced-motion: reduce) {
  .eph-xenyra-single-cta,
  .eph-xenyra-single-cta *,
  .eph-xenyra-single-cta:hover *,
  .eph-xenyra-single-cta:focus-visible * {
    animation: none !important;
    transition: none !important;
  }
}

/* EPHARO_SINGLE_XENYRA_CTA_CSS_END */
