/* Experiences — expense tracking split (Figma Horizontal_Section 304:6703) */

.experiences-tracking.split-section {
  background: var(--color-bg);
}

.experiences-tracking .split-section__wrap {
  padding-inline: var(--padding);
  box-sizing: border-box;
}

.experiences-tracking__media.media-frame {
  height: 759px;
  max-height: min(759px, 85vh);
  border-radius: var(--radius-dropdown-card);
  background: var(--color-light-grey);
}

@supports (color: color-mix(in srgb, red, blue)) {
  .experiences-tracking__media.media-frame {
    background: color-mix(in srgb, var(--color-green) 38%, var(--color-light-grey));
  }
}

.experiences-tracking__media .media-frame__surface {
  isolation: isolate;
}

.experiences-tracking__media .media-frame__img {
  object-position: 48% 42%;
}

.experiences-tracking .split-section__actions .hero__cta-primary .hero__action-icon {
  filter: brightness(0) invert(1);
}

.experiences-tracking__cta {
  direction: ltr;
}

@media (max-width: 1024px) {
  .experiences-tracking__media.media-frame {
    height: min(640px, 88vw);
    max-height: none;
  }
}

@media (max-width: 480px) {
  .experiences-tracking__media.media-frame {
    height: min(420px, 92vw);
  }
}