.evia-motion-page-enter,
  .fi {
    animation: fi var(--evia-motion-screen-enter, 360ms) var(--evia-motion-spring, cubic-bezier(0.22, 1, 0.36, 1)) both;
  }

  .evia-motion-page-enter-strong,
  .su {
    animation: su var(--evia-motion-normal, 220ms) var(--evia-motion-spring, cubic-bezier(0.22, 1, 0.36, 1)) both;
  }

  .evia-motion-sheet-enter,
  .slideUp {
    animation: slideUp var(--evia-motion-normal, 220ms) var(--evia-motion-spring, cubic-bezier(0.22, 1, 0.36, 1)) both;
  }

  .evia-motion-dropdown-enter,
  .slideDown {
    animation: slideDown var(--evia-motion-normal, 220ms) var(--evia-motion-spring, cubic-bezier(0.22, 1, 0.36, 1)) both;
  }

  .evia-motion-side-panel-enter,
  .chatSlideIn {
    animation: chatSlideIn var(--evia-motion-screen-enter, 360ms) var(--evia-motion-spring, cubic-bezier(0.22, 1, 0.36, 1)) both;
  }

  .evia-motion-message-enter,
  .msgIn {
    animation: msgIn var(--evia-motion-fast, 120ms) var(--evia-motion-spring, cubic-bezier(0.22, 1, 0.36, 1)) both;
  }

  .evia-motion-typing-dot,
  .blink {
    animation: blink 1.1s ease infinite;
  }

  .evia-motion-shimmer,
  .shimmer {
    animation: shimmer var(--evia-motion-shimmer, 2200ms) linear infinite;
  }

  .evia-motion-progress-shimmer,
  .progressShimmer {
    animation: progressShimmer calc(var(--evia-motion-shimmer, 2200ms) + 800ms) linear infinite;
  }

  .evia-motion-success-pop,
  .popIn {
    animation: popIn var(--evia-motion-screen-enter, 360ms) var(--evia-motion-spring, cubic-bezier(0.22, 1, 0.36, 1)) both;
  }

  .evia-motion-gradient-emphasis,
  .gradient-rotate {
    background-size: 200% 200%;
    animation: gradient-rotate 8s linear infinite;
  }

  .evia-toast-slot {
    will-change: transform;
  }

  .evia-toast-item {
    transform-origin: top center;
    will-change: opacity, transform;
  }

  .evia-toast-item[data-phase="entering"] {
    animation: evia-toast-enter var(--evia-motion-normal, 220ms) var(--evia-motion-spring, cubic-bezier(0.22, 1, 0.36, 1)) both;
  }

  .evia-toast-item[data-phase="exiting"] {
    animation: evia-toast-exit var(--evia-motion-screen-exit, 240ms) var(--evia-motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)) both;
  }

  @keyframes fi {
    from { opacity: 0; transform: translateY(var(--evia-motion-amplitude-fade-up, 18px)); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes su {
    from { opacity: 0; transform: translateY(var(--evia-motion-amplitude-fade-up-strong, 24px)); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes slideUp {
    from { opacity: 0; transform: translateY(var(--evia-motion-amplitude-sheet-lift, 24px)); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes slideDown {
    from { opacity: 0; transform: translateY(calc(-1 * var(--evia-motion-amplitude-sheet-lift, 24px))); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes chatSlideIn {
    from { opacity: 0; transform: translateX(var(--evia-motion-amplitude-side-panel-slide, 16px)); }
    to { opacity: 1; transform: translateX(0); }
  }

  @keyframes msgIn {
    from { opacity: 0; transform: translateY(var(--evia-motion-amplitude-message-lift, 8px)); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes blink {
    0%, 80%, 100% { opacity: var(--evia-motion-opacity-dim, 0.32); }
    40% { opacity: var(--evia-motion-opacity-emphasis, 1); }
  }

  @keyframes popIn {
    0% { opacity: 0; transform: scale(calc(1 - 0.22)); }
    80% { opacity: 1; transform: scale(calc(1 + 0.0594)); }
    100% { opacity: 1; transform: scale(1); }
  }

  @keyframes shimmer {
    0% { background-position: 0 0; }
    100% { background-position: 200% 0; }
  }

  @keyframes progressShimmer {
    0% { background-position: 200% 0; }
    100% { background-position: 0 0; }
  }

  @keyframes gradient-rotate {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }

  @keyframes evia-toast-enter {
    from {
      opacity: 0;
      transform: translateY(var(--evia-motion-amplitude-message-lift, 8px));
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes evia-toast-exit {
    from {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
    to {
      opacity: 0;
      transform: translateY(var(--evia-motion-amplitude-message-lift, 8px)) scale(0.98);
    }
  }

  @keyframes evia-ambient-drift-primary {
    0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.9; }
    25% { transform: translate3d(8%, -4%, 0) scale(1.06); opacity: 0.82; }
    50% { transform: translate3d(18%, 4%, 0) scale(0.98); opacity: 0.76; }
    75% { transform: translate3d(10%, 10%, 0) scale(1.03); opacity: 0.84; }
    100% { transform: translate3d(4%, 14%, 0) scale(1.01); opacity: 0.8; }
  }

  @keyframes evia-ambient-drift-base {
    0% {
      background-position: 14% 18%, 82% 82%, 50% 50%;
      background-size: 132% 132%, 138% 138%, 100% 100%;
    }
    25% {
      background-position: 22% 10%, 74% 70%, 50% 50%;
      background-size: 140% 140%, 146% 146%, 100% 100%;
    }
    50% {
      background-position: 28% 22%, 66% 78%, 50% 50%;
      background-size: 148% 148%, 154% 154%, 100% 100%;
    }
    75% {
      background-position: 18% 30%, 78% 92%, 50% 50%;
      background-size: 138% 138%, 148% 148%, 100% 100%;
    }
    100% {
      background-position: 10% 14%, 90% 86%, 50% 50%;
      background-size: 130% 130%, 140% 140%, 100% 100%;
    }
  }

  @keyframes evia-ambient-drift-secondary {
    0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.82; }
    25% { transform: translate3d(-16%, 2%, 0) scale(0.98); opacity: 0.72; }
    50% { transform: translate3d(-40%, 8%, 0) scale(1.04); opacity: 0.68; }
    75% { transform: translate3d(-62%, 4%, 0) scale(0.96); opacity: 0.74; }
    100% { transform: translate3d(-78%, -2%, 0) scale(1); opacity: 0.8; }
  }

  @media (prefers-reduced-motion: reduce) {
    .evia-motion-page-enter,
    .evia-motion-page-enter-strong,
    .evia-motion-sheet-enter,
    .evia-motion-dropdown-enter,
    .evia-motion-side-panel-enter,
    .evia-motion-message-enter,
    .evia-motion-typing-dot,
    .evia-motion-shimmer,
    .evia-motion-progress-shimmer,
    .evia-motion-success-pop,
    .evia-motion-gradient-emphasis,
    .fi,
    .su,
    .blink,
    .shimmer,
    .progressShimmer,
    .popIn,
    .gradient-rotate,
    .evia-toast-item,
    .evia-toast-slot,
    .evia-ambient-background__base,
    .evia-button__loading-dot,
    .evia-ambient-background__glow {
      animation: none !important;
      transition-duration: 1ms !important;
    }
  }


  .evia-ambient-background {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(180deg, rgba(18, 7, 12, 0.98), rgba(10, 6, 8, 1));
  }

  .evia-ambient-background__base,
  .evia-ambient-background__grid,
  .evia-ambient-background__glow {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }

  .evia-ambient-background__base {
    background:
      radial-gradient(circle at 14% 18%, var(--evia-surface-background-spotlight-primary, rgba(253, 68, 170, 0.18)), transparent 30%),
      radial-gradient(circle at 82% 82%, var(--evia-surface-background-spotlight-secondary, rgba(226, 52, 148, 0.18)), transparent 28%),
      linear-gradient(180deg, rgba(18, 7, 12, 0.98), rgba(10, 6, 8, 1));
    background-position: 14% 18%, 82% 82%, 50% 50%;
    background-repeat: no-repeat;
    background-size: 132% 132%, 138% 138%, 100% 100%;
  }

  .evia-ambient-background.is-cycle.is-ambient .evia-ambient-background__base {
    animation: evia-ambient-drift-base 26s var(--evia-motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)) infinite alternate;
  }

  .evia-ambient-background__grid {
    background:
      linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
    background-size: 56px 56px;
    opacity: 0.18;
    mask-image: radial-gradient(circle at center, black 34%, transparent 92%);
  }

  .evia-ambient-background__glow {
    inset: auto;
    width: var(--evia-ambient-glow-size, 42vw);
    height: var(--evia-ambient-glow-size, 42vw);
    max-width: 520px;
    max-height: 520px;
    border-radius: 999px;
    filter: blur(var(--evia-motion-blur-ambient, 44px));
    mix-blend-mode: screen;
    opacity: 0.86;
    will-change: transform, opacity;
  }

  .evia-ambient-background__glow--primary {
    width: var(--evia-ambient-primary-size, 46vw);
    height: var(--evia-ambient-primary-size, 46vw);
    max-width: 620px;
    max-height: 620px;
    left: var(--evia-ambient-primary-left, 10%);
    top: var(--evia-ambient-primary-top, 8%);
    background: radial-gradient(circle, rgba(255, 119, 167, 0.56), rgba(255, 51, 102, 0.18) 52%, transparent 74%);
  }

  .evia-ambient-background__glow--secondary {
    width: var(--evia-ambient-secondary-size, 26vw);
    height: var(--evia-ambient-secondary-size, 26vw);
    max-width: 360px;
    max-height: 360px;
    right: var(--evia-ambient-secondary-right, 8%);
    bottom: var(--evia-ambient-secondary-bottom, 10%);
    background: radial-gradient(circle, rgba(255, 93, 148, 0.42), rgba(204, 34, 85, 0.14) 56%, transparent 76%);
  }

  .evia-ambient-background.is-cycle.is-ambient .evia-ambient-background__glow--primary {
    animation: evia-ambient-drift-primary 16s var(--evia-motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)) infinite alternate;
  }

  .evia-ambient-background.is-cycle.is-ambient .evia-ambient-background__glow--secondary {
    animation: evia-ambient-drift-secondary 18s var(--evia-motion-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)) infinite alternate;
  }

  .evia-ambient-background:not(.is-cycle).is-ambient .evia-ambient-background__glow--primary,
  .evia-ambient-background:not(.is-cycle).is-ambient .evia-ambient-background__glow--secondary {
    animation: blink 10s ease-in-out infinite;
  }

  .evia-ambient-background.is-subtle .evia-ambient-background__glow {
    opacity: 0.72;
  }

  .evia-ambient-background.is-st1 {
    --evia-ambient-primary-left: 28%;
    --evia-ambient-primary-top: 4%;
    --evia-ambient-secondary-right: 10%;
    --evia-ambient-secondary-bottom: 10%;
  }

  .evia-ambient-background.is-st2 {
    --evia-ambient-primary-left: 36%;
    --evia-ambient-primary-top: 6%;
    --evia-ambient-secondary-right: 20%;
    --evia-ambient-secondary-bottom: 12%;
  }

  .evia-ambient-background.is-st3 {
    --evia-ambient-primary-left: 44%;
    --evia-ambient-primary-top: 12%;
    --evia-ambient-secondary-right: 36%;
    --evia-ambient-secondary-bottom: 14%;
  }

  .evia-ambient-background.is-st4 {
    --evia-ambient-primary-left: 52%;
    --evia-ambient-primary-top: 16%;
    --evia-ambient-secondary-right: 52%;
    --evia-ambient-secondary-bottom: 18%;
  }

  .evia-ambient-background__content {
    position: relative;
    z-index: 1;
    min-height: inherit;
    height: 100%;
  }

  .evia-button__loading-dot {
    display: inline-flex;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: currentColor;
    animation: blink 1s ease infinite;
  }

  .evia-tooltip {
    position: relative;
    display: inline-flex;
    align-items: center;
  }

  .evia-tooltip__bubble {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);
    transform: translateX(-50%) translateY(4px);
    min-width: 160px;
    max-width: 240px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(18, 12, 16, 0.96);
    color: #FFFFFF;
    font-size: 0.75rem;
    line-height: 1.5;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.38);
    opacity: 0;
    pointer-events: none;
    transition:
      opacity var(--evia-motion-fast, 120ms) ease,
      transform var(--evia-motion-fast, 120ms) ease;
  }

  .evia-tooltip__bubble::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 10px;
    height: 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(18, 12, 16, 0.96);
    transform: translate(-50%, -55%) rotate(45deg);
  }

  .evia-tooltip:hover .evia-tooltip__bubble,
  .evia-tooltip:focus-within .evia-tooltip__bubble {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }


  .evia-surface-card,
  .evia-dialog,
  .evia-bottom-sheet,
  .evia-notification-card,
  .evia-menu,
  .evia-menu-item,
  .evia-button,
  .evia-icon-button,
  .evia-tag,
  .evia-tag__dismiss,
  .evia-field,
  .evia-textarea-field,
  .evia-tab-button {
    box-sizing: border-box;
  }

  .evia-button,
  .evia-icon-button,
  .evia-tag,
  .evia-tag__dismiss,
  .evia-menu-item,
  .evia-field,
  .evia-textarea-field,
  .evia-tab-button {
    transition:
      background-color 200ms linear,
      border-color 200ms linear,
      box-shadow 200ms linear,
      color 200ms linear,
      opacity 200ms linear;
  }

  @media (hover: hover) and (pointer: fine) {
    .evia-button--primary:not(:disabled):hover,
    .evia-button--auth-primary:not(:disabled):hover,
    .evia-icon-button--brand:not(:disabled):hover {
      box-shadow: 0 0 20px rgba(253, 68, 170, 0.7) !important;
    }

    .evia-button--secondary:not(:disabled):hover,
    .evia-button--secondary-color:not(:disabled):hover,
    .evia-button--secondary-white:not(:disabled):hover,
    .evia-button--auth-secondary:not(:disabled):hover,
    .evia-button--ghost:not(:disabled):hover,
    .evia-icon-button--default:not(:disabled):hover,
    .evia-icon-button--ghost:not(:disabled):hover,
    .evia-icon-button--danger:not(:disabled):hover {
      border-color: rgba(255, 93, 148, 0.62) !important;
      box-shadow: 0 0 0 1px rgba(255, 93, 148, 0.14) !important;
      background-color: rgba(255, 93, 148, 0.12) !important;
    }

    .evia-button--secondary-gray:not(:disabled):hover {
      border-color: #2d282b !important;
      box-shadow: none !important;
      background-color: #231e21 !important;
    }

    .evia-button--link-color:not(:disabled):hover {
      color: #FFA5D7 !important;
    }

    .evia-button--link-gray:not(:disabled):hover {
      color: #FFFFFF !important;
    }
  }

  .evia-button:focus-visible,
  .evia-icon-button:focus-visible,
  .evia-tag:focus-visible,
  .evia-tag__dismiss:focus-visible,
  .evia-menu-item:focus-visible,
  .evia-tab-button:focus-visible,
  .evia-field:focus-within,
  .evia-textarea-field:focus-within {
    outline: 2px solid rgba(255, 165, 215, 0.94);
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(253, 68, 170, 0.18);
  }


  .evia-arrow-stepper,
  .evia-arrow-stepper *,
  .evia-arrow-stepper-atom,
  .evia-arrow-stepper-atom * {
    box-sizing: border-box;
  }

  .evia-arrow-stepper,
  .evia-arrow-stepper-atom {
    --evia-arrow-stepper-dark: #1A1618;
    --evia-arrow-stepper-border: #2D282B;
    --evia-arrow-stepper-muted: #DEB7C5;
    --evia-arrow-stepper-help-muted: #584F54;
    --evia-arrow-stepper-pink: #FD44AA;
    --evia-arrow-stepper-gradient: linear-gradient(171.79deg, #FD44AA 0%, #E23494 100%);
    --evia-arrow-stepper-duration: var(--cc-motion-duration, var(--evia-motion-normal, 220ms));
    --evia-arrow-stepper-easing: var(--cc-motion-easing, var(--evia-motion-spring, cubic-bezier(0.22, 1, 0.36, 1)));
    display: block;
    width: min(863px, 100%);
    color: var(--evia-arrow-stepper-muted);
    font-family: var(--font-nunito), "Nunito Sans", ui-sans-serif, system-ui, sans-serif;
  }

  .evia-arrow-stepper__track {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    height: 56px;
  }

  .evia-arrow-stepper__step {
    --evia-arrow-stepper-arrow: 14px;
    --evia-arrow-stepper-shape: polygon(0 0, calc(100% - var(--evia-arrow-stepper-arrow)) 0, 100% 50%, calc(100% - var(--evia-arrow-stepper-arrow)) 100%, 0 100%, var(--evia-arrow-stepper-arrow) 50%);
    position: relative;
    isolation: isolate;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    min-width: 0;
    height: 56px;
    padding: 10px 16px 10px 32px;
    overflow: hidden;
    color: var(--evia-arrow-stepper-muted);
    transition:
      flex-basis var(--evia-arrow-stepper-duration) var(--evia-arrow-stepper-easing),
      flex-grow var(--evia-arrow-stepper-duration) var(--evia-arrow-stepper-easing),
      color var(--evia-arrow-stepper-duration) var(--evia-arrow-stepper-easing);
  }

  .evia-arrow-stepper__step.is-initial {
    --evia-arrow-stepper-shape: polygon(0 0, calc(100% - var(--evia-arrow-stepper-arrow)) 0, 100% 50%, calc(100% - var(--evia-arrow-stepper-arrow)) 100%, 0 100%);
    padding-left: 24px;
  }

  .evia-arrow-stepper__step.is-end {
    --evia-arrow-stepper-shape: polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--evia-arrow-stepper-arrow) 50%);
  }

  .evia-arrow-stepper__step::before,
  .evia-arrow-stepper__step::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    clip-path: var(--evia-arrow-stepper-shape);
    transition:
      background var(--evia-arrow-stepper-duration) var(--evia-arrow-stepper-easing),
      opacity var(--evia-arrow-stepper-duration) var(--evia-arrow-stepper-easing);
  }

  .evia-arrow-stepper__step::before {
    background: var(--evia-arrow-stepper-border);
  }

  .evia-arrow-stepper__step::after {
    inset: 1px;
    z-index: -1;
    background: var(--evia-arrow-stepper-dark);
  }

  .evia-arrow-stepper__step.is-active {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 260px;
    color: var(--evia-arrow-stepper-pink);
  }

  .evia-arrow-stepper__step.is-active::before {
    background: var(--evia-arrow-stepper-pink);
  }

  .evia-arrow-stepper__step.is-completed {
    color: #FFFFFF;
  }

  .evia-arrow-stepper__step.is-completed::before,
  .evia-arrow-stepper__step.is-completed::after {
    inset: 0;
    background: var(--evia-arrow-stepper-gradient);
  }

  .evia-arrow-stepper__copy {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
  }

  .evia-arrow-stepper__label,
  .evia-arrow-stepper__help {
    min-width: 0;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    letter-spacing: 0;
    transition:
      color var(--evia-arrow-stepper-duration) var(--evia-arrow-stepper-easing),
      opacity var(--evia-arrow-stepper-duration) var(--evia-arrow-stepper-easing);
  }

  .evia-arrow-stepper__label {
    color: currentColor;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
  }

  .evia-arrow-stepper__help {
    color: var(--evia-arrow-stepper-muted);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
  }

  .evia-arrow-stepper__step.is-inactive .evia-arrow-stepper__help {
    color: var(--evia-arrow-stepper-help-muted);
  }

  .evia-arrow-stepper__step.is-completed .evia-arrow-stepper__help {
    color: #FFFFFF;
  }

  .evia-arrow-stepper__copy.is-outgoing {
    position: absolute;
    inset: 10px 16px 10px 32px;
    z-index: 2;
    visibility: hidden;
    pointer-events: none;
  }

  .evia-arrow-stepper__step.is-initial .evia-arrow-stepper__copy.is-outgoing {
    left: 24px;
  }

  .evia-arrow-stepper__copy.is-outgoing .evia-arrow-stepper__label {
    color: var(--evia-arrow-stepper-pink);
  }

  .evia-arrow-stepper__copy.is-outgoing .evia-arrow-stepper__help {
    color: var(--evia-arrow-stepper-muted);
  }

  .evia-arrow-stepper[data-transition-direction="forward"] {
    --evia-arrow-stepper-copy-enter-x: 12px;
    --evia-arrow-stepper-copy-exit-x: -12px;
  }

  .evia-arrow-stepper[data-transition-direction="backward"] {
    --evia-arrow-stepper-copy-enter-x: -12px;
    --evia-arrow-stepper-copy-exit-x: 12px;
  }

  @keyframes evia-arrow-stepper-copy-enter {
    0% {
      opacity: 0;
      transform: translateX(var(--evia-arrow-stepper-copy-enter-x, 0));
      filter: blur(2px);
    }
    46% {
      opacity: .36;
      filter: blur(1px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
      filter: blur(0);
    }
  }

  @keyframes evia-arrow-stepper-copy-exit {
    0% {
      visibility: visible;
      opacity: 1;
      transform: translateX(0);
      filter: blur(0);
    }
    54% {
      opacity: .28;
      visibility: visible;
      filter: blur(.8px);
    }
    100% {
      visibility: hidden;
      opacity: 0;
      transform: translateX(var(--evia-arrow-stepper-copy-exit-x, 0));
      filter: blur(2px);
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .evia-arrow-stepper__copy.is-entering {
      animation: evia-arrow-stepper-copy-enter var(--evia-arrow-stepper-duration) var(--evia-arrow-stepper-easing) both;
    }

    .evia-arrow-stepper__copy.is-outgoing {
      animation: evia-arrow-stepper-copy-exit var(--evia-arrow-stepper-duration) var(--evia-arrow-stepper-easing) both;
    }
  }

  .evia-arrow-stepper-atom {
    display: block;
    width: 256px;
    height: 56px;
    font-family: var(--font-nunito), "Nunito Sans", ui-sans-serif, system-ui, sans-serif;
  }

  .evia-arrow-stepper-atom .evia-arrow-stepper__step {
    width: 100%;
    height: 100%;
    flex: none;
  }

  .evia-arrow-stepper-atom.is-mobile {
    width: 124px;
    height: 45px;
  }

  .evia-arrow-stepper.is-mobile {
    width: min(345px, 100%);
  }

  .evia-arrow-stepper.is-mobile .evia-arrow-stepper__track {
    gap: 4px;
    height: 45px;
  }

  .evia-arrow-stepper.is-mobile .evia-arrow-stepper__step,
  .evia-arrow-stepper-atom.is-mobile .evia-arrow-stepper__step {
    --evia-arrow-stepper-arrow: 10px;
    height: 45px;
    padding: 7px 8px 6px 18px;
  }

  .evia-arrow-stepper.is-mobile .evia-arrow-stepper__step.is-initial,
  .evia-arrow-stepper-atom.is-mobile .evia-arrow-stepper__step.is-initial {
    padding-left: 12px;
  }

  .evia-arrow-stepper.is-mobile .evia-arrow-stepper__step.is-active {
    flex-basis: 124px;
    padding-right: 4px;
    padding-left: 12px;
  }

  .evia-arrow-stepper.is-mobile .evia-arrow-stepper__step.is-initial:not(.is-active) {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 36.2px;
  }

  .evia-arrow-stepper.is-mobile .evia-arrow-stepper__step:not(.is-active) {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0;
    padding-left: 0;
  }

  .evia-arrow-stepper.is-mobile .evia-arrow-stepper__step.is-active .evia-arrow-stepper__copy {
    align-items: flex-start;
  }

  .evia-arrow-stepper.is-mobile .evia-arrow-stepper__copy.is-outgoing {
    inset: 7px 4px 6px 12px;
    align-items: flex-start;
  }

  .evia-arrow-stepper.is-mobile .evia-arrow-stepper__step:not(.is-active) .evia-arrow-stepper__copy {
    align-items: center;
  }

  .evia-arrow-stepper.is-mobile .evia-arrow-stepper__step .evia-arrow-stepper__copy.is-outgoing {
    align-items: flex-start;
  }

  .evia-arrow-stepper.is-mobile .evia-arrow-stepper__label,
  .evia-arrow-stepper.is-mobile .evia-arrow-stepper__help,
  .evia-arrow-stepper-atom.is-mobile .evia-arrow-stepper__label,
  .evia-arrow-stepper-atom.is-mobile .evia-arrow-stepper__help {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  @media (max-width: 959px) {
    .evia-arrow-stepper:not(.is-legacy) {
      width: min(345px, 100%);
    }

    .evia-arrow-stepper:not(.is-legacy) .evia-arrow-stepper__track {
      gap: 4px;
      height: 45px;
    }

    .evia-arrow-stepper:not(.is-legacy) .evia-arrow-stepper__step {
      --evia-arrow-stepper-arrow: 10px;
      height: 45px;
      padding: 7px 8px 6px 18px;
    }

    .evia-arrow-stepper:not(.is-legacy) .evia-arrow-stepper__step.is-initial {
      padding-left: 12px;
    }

    .evia-arrow-stepper:not(.is-legacy) .evia-arrow-stepper__step.is-active {
      flex-basis: 124px;
      padding-right: 4px;
      padding-left: 12px;
    }

    .evia-arrow-stepper:not(.is-legacy) .evia-arrow-stepper__step.is-initial:not(.is-active) {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 36.2px;
    }

    .evia-arrow-stepper:not(.is-legacy) .evia-arrow-stepper__step:not(.is-active) {
      display: flex;
      align-items: center;
      justify-content: center;
      padding-right: 0;
      padding-left: 0;
    }

    .evia-arrow-stepper:not(.is-legacy) .evia-arrow-stepper__step:not(.is-active) .evia-arrow-stepper__copy {
      align-items: center;
    }

    .evia-arrow-stepper:not(.is-legacy) .evia-arrow-stepper__copy.is-outgoing {
      inset: 7px 4px 6px 12px;
      align-items: flex-start;
    }

    .evia-arrow-stepper:not(.is-legacy) .evia-arrow-stepper__step .evia-arrow-stepper__copy.is-outgoing {
      align-items: flex-start;
    }

    .evia-arrow-stepper:not(.is-legacy) .evia-arrow-stepper__label,
    .evia-arrow-stepper:not(.is-legacy) .evia-arrow-stepper__help {
      font-size: 0.75rem;
      line-height: 1rem;
    }
  }


  .evia-field.is-error:focus-within,
  .evia-textarea-field.is-error:focus-within {
    outline-color: rgba(255, 154, 183, 0.96);
    box-shadow: 0 0 0 3px rgba(123, 28, 58, 0.26);
  }

  .evia-checkbox__indicator,
  .evia-radio__indicator {
    transition:
      border-color var(--evia-motion-fast, 120ms) ease,
      background-color var(--evia-motion-fast, 120ms) ease,
      box-shadow var(--evia-motion-fast, 120ms) ease,
      opacity var(--evia-motion-fast, 120ms) ease;
  }

  .evia-checkbox__mark,
  .evia-radio__dot {
    transform: scale(0.72);
    opacity: 0;
    transition:
      transform var(--evia-motion-fast, 120ms) ease,
      opacity var(--evia-motion-fast, 120ms) ease,
      background-color var(--evia-motion-fast, 120ms) ease;
  }

  .evia-checkbox__input:checked + .evia-checkbox__indicator {
    background: linear-gradient(135deg, #FD44AA, #FFA5D7);
    border-color: transparent;
  }

  .evia-checkbox__input:checked + .evia-checkbox__indicator .evia-checkbox__mark {
    opacity: 1;
    transform: scale(1);
  }

  .evia-radio__input:checked + .evia-radio__indicator {
    border-color: #FD44AA;
  }

  .evia-radio__input:checked + .evia-radio__indicator .evia-radio__dot {
    background: #FD44AA;
    opacity: 1;
    transform: scale(1);
  }

  .evia-checkbox__input:focus-visible + .evia-checkbox__indicator,
  .evia-radio__input:focus-visible + .evia-radio__indicator {
    outline: 2px solid rgba(255, 165, 215, 0.94);
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(253, 68, 170, 0.18);
  }

  .evia-checkbox__input:disabled + .evia-checkbox__indicator,
  .evia-radio__input:disabled + .evia-radio__indicator {
    opacity: 0.62;
  }

  .evia-field input::placeholder,
  .evia-textarea-field textarea::placeholder {
    color: #987086;
  }


  .evia-selection-card,
  .evia-selection-chip {
    box-sizing: border-box;
  }

  .evia-selection-card,
  .evia-selection-card__check,
  .evia-selection-card__lock,
  .evia-selection-card__unlock-cta,
  .evia-selection-card__unlock-pill,
  .evia-selection-chip,
  .evia-selection-chip__unlock-cta,
  .evia-selection-chip__unlock-pill {
    transition:
      border-color var(--cc-motion-card-duration, 400ms) var(--cc-motion-card-easing, cubic-bezier(0.4, 0, 0.2, 1)),
      background-color var(--cc-motion-card-duration, 400ms) var(--cc-motion-card-easing, cubic-bezier(0.4, 0, 0.2, 1)),
      box-shadow var(--cc-motion-card-duration, 400ms) var(--cc-motion-card-easing, cubic-bezier(0.4, 0, 0.2, 1)),
      color var(--cc-motion-card-duration, 400ms) var(--cc-motion-card-easing, cubic-bezier(0.4, 0, 0.2, 1)),
      opacity var(--cc-motion-card-duration, 400ms) var(--cc-motion-card-easing, cubic-bezier(0.4, 0, 0.2, 1)),
      transform var(--cc-motion-card-duration, 400ms) var(--cc-motion-card-easing, cubic-bezier(0.4, 0, 0.2, 1));
  }

  .evia-selection-card {
    position: relative;
    display: grid;
    width: 100%;
    min-height: 92px;
    padding: 20px;
    border: 1px solid #2d282b;
    border-radius: 12px;
    background: #130d10;
    color: #ffecf7;
    cursor: pointer;
    text-align: left;
    outline: none;
  }

  .evia-selection-card.is-align-center {
    text-align: center;
  }

  .evia-selection-card.is-layout-inline:not(.evia-selection-card--preference) {
    grid-template-columns: 24px minmax(0, 1fr);
    grid-template-rows: 20px auto;
    column-gap: 8px;
    row-gap: 12px;
    align-content: center;
  }

  .evia-selection-card.is-layout-stacked,
  .evia-selection-card.evia-selection-card--preference,
  .evia-selection-card .evia-selection-card__custom-content {
    justify-items: center;
    align-content: center;
    gap: 12px;
    text-align: center;
  }

  .evia-selection-card .evia-selection-card__custom-content {
    display: flex;
    width: 100%;
    min-height: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .evia-selection-card.is-align-start .evia-selection-card__custom-content {
    align-items: flex-start;
    text-align: left;
  }

  .evia-selection-card__icon {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    margin: 0;
    color: #ffecf7;
  }

  .evia-selection-card.is-layout-stacked .evia-selection-card__icon,
  .evia-selection-card.evia-selection-card--preference .evia-selection-card__icon {
    margin: 0 auto 12px;
  }

  .evia-selection-card.is-layout-inline:not(.evia-selection-card--preference) .evia-selection-card__icon {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
  }

  .evia-selection-card__title {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #ffecf7;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
  }

  .evia-selection-inline-lock-content {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }

  .evia-selection-inline-lock {
    display: inline-flex;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: currentColor;
    line-height: 1;
  }

  .evia-selection-inline-lock > svg {
    display: block;
    width: 100%;
    height: 100%;
  }

  .evia-selection-card.evia-selection-card--lg .evia-selection-card__title {
    font-size: 1rem;
    font-weight: 700;
  }

  .evia-selection-card.is-layout-stacked .evia-selection-card__title,
  .evia-selection-card.evia-selection-card--preference .evia-selection-card__title {
    justify-content: center;
  }

  .evia-selection-card.is-layout-inline:not(.evia-selection-card--preference) .evia-selection-card__title {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
  }

  .evia-selection-card__summary {
    color: #987086;
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .evia-selection-card.is-layout-inline:not(.evia-selection-card--preference) .evia-selection-card__summary {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .evia-selection-card__check {
    position: absolute;
    top: 14px;
    right: 14px;
    display: none;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #fd44aa, #ffa5d7);
    color: #0a0608;
    opacity: 0;
    transform: scale(0.8);
  }

  .evia-selection-card.evia-selection-card--lg .evia-selection-card__check {
    display: flex;
  }

  .evia-selection-card.is-selected .evia-selection-card__check {
    opacity: 1;
    transform: scale(1);
  }

  .evia-selection-card__lock {
    position: absolute;
    top: 16px;
    right: 16px;
    color: #ffecf7;
    opacity: 0;
  }

  .evia-selection-card.is-layout-inline:not(.evia-selection-card--preference) .evia-selection-card__lock {
    top: auto;
    right: 20px;
    bottom: 18px;
    z-index: 1;
  }

  .evia-selection-card__unlock-cta {
    position: absolute;
    inset: 0;
    z-index: 2;
    overflow: hidden;
    border-radius: inherit;
    opacity: 0;
    pointer-events: none;
  }

  .evia-selection-card__unlock-surface {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
    background: linear-gradient(154deg, #fd44aa 0%, #e23494 100%);
    padding: 20px;
  }

  .evia-selection-card__unlock-pill {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 12px;
    background: #ffffff;
    color: #fd44aa;
    box-shadow: 0 1px 2px rgba(253, 68, 170, 0.2);
  }

  .evia-selection-card__unlock-pill-icon {
    display: inline-flex;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
  }

  .evia-selection-card__unlock-pill-label {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.04em;
  }

  .evia-selection-card.is-selected {
    border-color: #fd44aa;
    outline: 1px solid #fd44aa;
    outline-offset: -1px;
    background:
      linear-gradient(0deg, rgba(253, 68, 170, 0.2) 0%, rgba(253, 68, 170, 0) 100%),
      #0a0608;
    box-shadow: 0 1px 2px rgba(253, 68, 170, 0.05), 0 0 0 4px rgba(253, 68, 170, 0.24);
  }

  .evia-selection-card.is-selected .evia-selection-card__icon {
    color: #fd44aa;
  }

  .evia-selection-card.is-disabled {
    opacity: 0.48;
    box-shadow: none;
    pointer-events: none;
  }

  .evia-selection-card.is-locked {
    opacity: 1;
    box-shadow: none;
  }

  .evia-selection-card.is-locked-display .evia-selection-card__icon,
  .evia-selection-card.is-locked-display .evia-selection-card__title,
  .evia-selection-card.is-locked-display .evia-selection-card__summary,
  .evia-selection-card.is-locked-display .evia-selection-card__custom-content {
    opacity: 0.22;
  }

  .evia-selection-card.is-locked-display .evia-selection-card__lock {
    opacity: 0.72;
  }

  .evia-selection-card.is-locked-cta .evia-selection-card__icon,
  .evia-selection-card.is-locked-cta .evia-selection-card__title,
  .evia-selection-card.is-locked-cta .evia-selection-card__summary,
  .evia-selection-card.is-locked-cta .evia-selection-card__custom-content,
  .evia-selection-card.is-locked-cta .evia-selection-card__lock {
    opacity: 0.2;
  }

  .evia-selection-card.is-locked.is-revealed .evia-selection-card__unlock-cta,
  .evia-selection-card.is-locked:focus-visible .evia-selection-card__unlock-cta {
    opacity: 1;
    pointer-events: auto;
  }

  .evia-selection-card.is-locked.is-revealed .evia-selection-card__lock {
    opacity: 0;
  }

  .evia-selection-chip.is-locked-cta.is-revealed .evia-selection-chip__unlock-cta,
  .evia-selection-chip.is-locked-cta:focus-visible .evia-selection-chip__unlock-cta {
    opacity: 1;
    pointer-events: auto;
  }

  .evia-selection-chip.is-locked-cta.is-revealed .evia-selection-chip__trailing {
    opacity: 0;
  }

  .evia-selection-card:focus-visible,
  .evia-selection-chip:focus-visible {
    outline: 2px solid rgba(255, 165, 215, 0.94);
    outline-offset: 2px;
  }

  .evia-selection-card__unlock-pill:hover {
    background: #ffffff;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.92),
      0 0 16px rgba(255, 255, 255, 0.62),
      0 2px 10px rgba(253, 68, 170, 0.24);
  }

  .evia-selection-chip__unlock-pill:hover {
    background: linear-gradient(180deg, #ffffff 0%, #fff6fb 100%);
    border-color: rgba(255, 255, 255, 1);
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.98),
      0 0 16px rgba(255, 255, 255, 0.66),
      0 2px 10px rgba(253, 68, 170, 0.28);
  }

  .evia-selection-chip {
    position: relative;
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    gap: 6px;
    padding: 0 12px;
    border: 1px solid #2d282b;
    border-radius: 14px;
    background: #130d10;
    color: #ffecf7;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    text-align: center;
  }

  .evia-selection-chip.is-align-start {
    justify-content: flex-start;
    text-align: left;
  }

  .evia-selection-chip__icon,
  .evia-selection-chip__trailing {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .evia-selection-chip__label {
    min-width: 0;
    overflow: visible;
    white-space: nowrap;
    text-overflow: clip;
  }

  .evia-selection-chip__unlock-cta {
    position: absolute;
    inset: 0;
    z-index: 2;
    overflow: hidden;
    border-radius: inherit;
    opacity: 0;
    pointer-events: none;
  }

  .evia-selection-chip__unlock-surface {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
    background: linear-gradient(154deg, #fd44aa 0%, #e23494 100%);
    padding: 8px;
  }

  .evia-selection-chip__unlock-pill {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, 0.94);
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #fff6fb 100%);
    color: #fd44aa;
    cursor: pointer;
    opacity: 1;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.3),
      0 0 14px rgba(255, 255, 255, 0.32),
      0 2px 10px rgba(253, 68, 170, 0.22);
  }

  .evia-selection-chip__unlock-pill-icon {
    display: inline-flex;
    width: 12px;
    height: 12px;
    align-items: center;
    justify-content: center;
  }

  .evia-selection-chip__unlock-pill-label {
    font-size: 0.6875rem;
    line-height: 1rem;
    font-weight: 600;
    letter-spacing: 0.04em;
  }

  .evia-selection-chip--sm {
    min-height: 36px;
    padding: 0 12px;
    border-radius: 12px;
  }

  .evia-selection-chip--lg,
  .evia-selection-chip--preference {
    min-height: 96px;
    padding: 16px 18px;
    border-radius: 16px;
    flex-direction: column;
    gap: 12px;
  }

  .evia-selection-chip--preference .evia-selection-chip__label,
  .evia-selection-chip--lg .evia-selection-chip__label {
    white-space: normal;
  }

  .evia-selection-chip.is-selected {
    border-color: #fd44aa;
    background:
      linear-gradient(to top, rgba(253, 68, 170, 0.2) 0%, rgba(253, 68, 170, 0) 100%),
      #0a0608;
    box-shadow: 0 1px 2px rgba(253, 68, 170, 0.05), 0 0 0 4px rgba(253, 68, 170, 0.24);
  }

  .evia-selection-chip.is-disabled {
    opacity: 0.48;
    pointer-events: none;
  }

  .evia-selection-chip.is-locked-display,
  .evia-selection-chip.is-locked-cta {
    opacity: 1;
  }

  .evia-selection-chip.is-locked-display .evia-selection-chip__icon,
  .evia-selection-chip.is-locked-display .evia-selection-chip__label {
    opacity: 0.22;
  }

  .evia-selection-chip.is-locked-display .evia-selection-chip__trailing {
    opacity: 0.72;
  }

  .evia-selection-chip.is-locked-cta {
    border-color: #2d282b;
    background: #130d10;
    box-shadow: none;
  }

  .evia-selection-chip.is-locked-cta .evia-selection-chip__icon,
  .evia-selection-chip.is-locked-cta .evia-selection-chip__label,
  .evia-selection-chip.is-locked-cta .evia-selection-chip__trailing {
    opacity: 0.2;
  }

  .evia-selection-chip.is-locked-display {
    cursor: not-allowed;
  }

  .evia-selection-chip.is-locked-cta {
    cursor: pointer;
  }

  @media (hover: hover) and (pointer: fine) {
    .evia-selection-card.is-layout-inline:not(.evia-selection-card--preference):not(.is-disabled):not(.is-selected):hover,
    .evia-selection-card.is-layout-inline:not(.evia-selection-card--preference).is-hover:not(.is-disabled):not(.is-selected) {
      border-color: #fd44aa;
      background:
        linear-gradient(270deg, rgba(253, 68, 170, 0.2) 0%, rgba(253, 68, 170, 0) 100%),
        #0a0608;
      box-shadow: none;
    }

    .evia-selection-card.is-layout-stacked:not(.is-disabled):not(.is-selected):hover,
    .evia-selection-card.is-layout-stacked.is-hover:not(.is-disabled):not(.is-selected),
    .evia-selection-card.evia-selection-card--preference:not(.is-disabled):not(.is-selected):hover,
    .evia-selection-card.evia-selection-card--preference.is-hover:not(.is-disabled):not(.is-selected) {
      border-color: #fd44aa;
      background:
        linear-gradient(0deg, rgba(253, 68, 170, 0.24) 0%, rgba(253, 68, 170, 0) 100%),
        #0a0608;
      box-shadow: 0 0 0 1px rgba(253, 68, 170, 0.18);
    }

    .evia-selection-card:not(.is-disabled):not(.is-selected):hover .evia-selection-card__icon,
    .evia-selection-card.is-hover:not(.is-disabled):not(.is-selected) .evia-selection-card__icon {
      color: #fd44aa;
    }

    .evia-selection-card.is-locked-cta:hover .evia-selection-card__unlock-cta,
    .evia-selection-card.is-locked-cta.is-hover .evia-selection-card__unlock-cta {
      opacity: 1;
      pointer-events: auto;
    }

    .evia-selection-card.is-locked-cta:hover .evia-selection-card__lock,
    .evia-selection-card.is-locked-cta.is-hover .evia-selection-card__lock {
      opacity: 0;
    }

    .evia-selection-chip.is-locked-cta:hover .evia-selection-chip__unlock-cta,
    .evia-selection-chip.is-locked-cta.is-hover .evia-selection-chip__unlock-cta {
      opacity: 1;
      pointer-events: auto;
    }

    .evia-selection-chip.is-locked-cta:hover .evia-selection-chip__trailing,
    .evia-selection-chip.is-locked-cta.is-hover .evia-selection-chip__trailing {
      opacity: 0;
    }

    .evia-selection-chip:not(.is-disabled):not(.is-selected):not(.is-locked-display):hover,
    .evia-selection-chip.is-hover:not(.is-disabled):not(.is-selected):not(.is-locked-display) {
      border-color: rgba(253, 68, 170, 0.4);
      background:
        linear-gradient(to top, rgba(253, 68, 170, 0.16) 0%, rgba(253, 68, 170, 0) 100%),
        #0a0608;
      box-shadow: 0 0 0 1px rgba(253, 68, 170, 0.14);
    }
  }