.dom-graphic {
  --graphic-source-width: 0;
  --graphic-source-height: 0;
  --graphic-aspect-ratio: 1/1;
  --graphic-scale: 1;
  --graphic-max-width: 100%;
  position: relative;
  width: 100%;
  max-width: var(--graphic-max-width);
  margin: 0 auto;
  -webkit-user-select: none;
  user-select: none;
  aspect-ratio: var(--graphic-aspect-ratio);
}
.dom-graphic--dynamic-height {
  aspect-ratio: auto;
}
.dom-graphic__content {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--graphic-source-width);
  height: var(--graphic-source-height);
  transform: scale(var(--graphic-scale));
  transform-origin: top left;
}
.dom-graphic__content--dynamic {
  position: static;
  width: var(--graphic-source-width);
  height: auto;
}
.dom-graphic--variant-card .dom-graphic__content {
  border-radius: var(--hds-space-core-radius-md);
  background: var(--hds-color-surface-bg-quiet);
  box-shadow: var(--hds-canary-ui-shadow);
  outline: 1px solid var(--hds-canary-ui-stroke);
}
.dom-graphic--variant-card-flat .dom-graphic__content {
  border-radius: var(--hds-space-core-radius-md);
  background: var(--hds-color-surface-bg-quiet);
  border: 1px solid var(--hds-canary-ui-mini-stroke);
}
.invoicing-graphic {
  position: relative;
  width: 100%;
  height: 100%;
  font-weight: var(--hds-font-weight-normal);
}
.invoicing-graphic__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: var(--hds-space-core-250);
}
.invoicing-graphic__logo {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--hds-color-util-neutral-0);
  border: 1px solid var(--hds-color-util-neutral-50);
}
.invoicing-graphic__logo svg {
  margin-top: 2px;
}
.invoicing-graphic__company-name {
  color: var(--hds-color-util-neutral-990);
  font-size: 14px;
  font-weight: var(--hds-font-weight-bold);
  line-height: 1;
}
.invoicing-graphic__cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.invoicing-graphic__card {
  padding: var(--hds-space-core-250) 18px;
  background-color: var(--hds-color-util-neutral-0);
  border-radius: var(--hds-space-core-radius-md);
  border: 1px solid var(--hds-canary-ui-mini-stroke);
}
.invoicing-graphic__invoice-header {
  display: flex;
  justify-content: space-between;
  margin-right: 10px;
}
.invoicing-graphic__invoice-details {
  display: flex;
  flex-direction: column;
  gap: var(--hds-space-core-25);
}
.invoicing-graphic__invoice-amount {
  color: var(--hds-color-util-neutral-990);
  font-size: 21px;
  font-weight: var(--hds-font-weight-bold);
  line-height: 1.3;
  letter-spacing: 0.004em;
}
.invoicing-graphic__invoice-date {
  color: var(--hds-color-util-neutral-500);
  font-size: 12px;
  line-height: 1.4;
}
.invoicing-graphic__invoice-icon-bg {
  position: relative;
  display: grid;
  place-items: center;
  width: 42px;
  height: 52px;
  padding: var(--hds-space-core-75);
  border-radius: var(--hds-space-core-radius-xs);
  background-color: var(--hds-color-util-neutral-0);
  box-shadow:
    0 0.683px 2.048px 0 rgba(0, 0, 0, 0.06),
    0 3.413px 10.24px 0 rgba(53, 53, 53, 0.04);
}
.invoicing-graphic__invoice-icon-arrow {
  position: absolute;
  bottom: calc(var(--hds-space-core-75) * -1);
  right: calc(var(--hds-space-core-75) * -1);
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--hds-color-util-neutral-0);
}
.invoicing-graphic__invoice-body {
  display: flex;
  flex-direction: column;
  gap: var(--hds-space-core-25);
  margin-top: var(--hds-space-core-100);
}
.invoicing-graphic__invoice-footer,
.invoicing-graphic__invoice-item {
  display: grid;
  grid-template-columns: minmax(0, 34px) auto;
  gap: var(--hds-space-core-250);
}
:lang(fr)
  :is(.invoicing-graphic__invoice-item, .invoicing-graphic__invoice-footer),
:lang(pt)
  :is(.invoicing-graphic__invoice-item, .invoicing-graphic__invoice-footer) {
  grid-template-columns: minmax(0, 60px) auto;
}
.invoicing-graphic__invoice-item-name,
.invoicing-graphic__invoice-item-name-label {
  color: var(--hds-color-util-neutral-500);
  font-size: 12px;
  line-height: 1.58;
}
.invoicing-graphic__invoice-item-name {
  color: var(--hds-color-util-neutral-990);
}
.invoicing-graphic__invoice-footer {
  margin-top: 14px;
}
.invoicing-graphic__invoice-footer-text {
  display: flex;
  align-items: center;
  gap: var(--hds-space-core-50);
  grid-column-start: 2;
  padding-top: 14px;
  color: var(--hds-color-util-neutral-500);
  font-size: 12px;
  line-height: 1;
  border-top: 1px solid var(--hds-color-util-neutral-50);
}
.invoicing-graphic__card-heading {
  color: var(--hds-color-util-neutral-990);
  font-size: 12px;
  font-weight: var(--hds-font-weight-bold);
  line-height: 1.4;
  margin-bottom: 10px;
}
.invoicing-graphic__payment-methods {
  display: grid;
  grid-template-columns: repeat(2, 1fr) 28px;
  gap: var(--hds-space-core-50);
}
.invoicing-graphic__payment-method {
  padding: 8px;
  color: var(--hds-color-util-neutral-500);
  font-size: 10px;
  line-height: 1.43;
  border: 1px solid var(--hds-color-util-neutral-50);
  border-radius: var(--hds-space-core-radius-md);
}
.invoicing-graphic__payment-method:first-child {
  color: var(--hds-color-util-neutral-950);
  border-color: var(--hds-color-util-neutral-950);
}
.invoicing-graphic__payment-method:nth-child(3) {
  display: flex;
  justify-content: center;
  padding-top: 12px;
}
.invoicing-graphic__payment-method:nth-child(3) svg {
  width: 100%;
  height: auto;
}
.invoicing-graphic__payment-method-icon {
  width: 12px;
  height: 12px;
}
.tax-graphic {
  position: relative;
  width: 100%;
  height: 100%;
  font-weight: var(--hds-font-weight-normal);
}
.tax-graphic__card {
  position: relative;
  width: 312px;
  height: 100%;
  border-radius: var(--hds-space-core-radius-md);
  background-color: var(--hds-color-core-neutral-0);
  border: 1px solid var(--hds-canary-ui-mini-stroke);
}
.tax-graphic__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--hds-space-core-250);
  border-bottom: 1px solid var(--hds-color-util-neutral-50);
}
.tax-graphic__logo {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1.194px solid var(--hds-color-util-neutral-50);
  border-radius: var(--hds-space-core-radius-md);
}
.tax-graphic__company-name {
  color: var(--hds-color-util-neutral-800);
  font-size: 14px;
  font-weight: var(--hds-font-weight-bold);
}
.tax-graphic__content {
  padding: var(--hds-space-core-300) var(--hds-space-core-250)
    var(--hds-space-core-250);
}
.tax-graphic__main {
  display: flex;
  flex-direction: column;
  gap: var(--hds-space-core-50);
}
.tax-graphic__main-item-label {
  color: var(--hds-color-util-neutral-990);
  font-size: 13px;
  font-weight: var(--hds-font-weight-bold);
}
.tax-graphic__main-item-value {
  color: var(--hds-color-util-neutral-800);
  font-size: 26px;
  font-weight: var(--hds-font-weight-bold);
}
html:not(:lang(en)) .tax-graphic__main-item-value {
  font-size: 24px;
}
.tax-graphic__body {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: var(--hds-space-core-50);
}
:lang(ja) .tax-graphic__body {
  gap: 12px;
}
.tax-graphic__body-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
  border-top: 1px solid var(--hds-color-util-neutral-50);
  color: var(--hds-color-util-neutral-990);
}
:lang(ja) .tax-graphic__body-item {
  padding-top: 12px;
}
.tax-graphic__body-item:first-child {
  border-top: none;
}
.tax-graphic__body-item:nth-child(2) {
  color: #6d2bf0;
}
.tax-graphic__body-item:nth-child(2),
.tax-graphic__body-item:nth-child(3) {
  font-weight: var(--hds-font-weight-bold);
}
.tax-graphic__body-item-label,
.tax-graphic__body-item-value {
  font-size: 13px;
}
.tax-graphic__overlay {
  position: absolute;
  right: 0;
  top: 60px;
  display: flex;
  flex-direction: column;
  gap: var(--hds-space-core-75);
  width: 182px;
  padding: 14px;
  background-color: var(--hds-color-util-neutral-0);
  border-radius: var(--hds-space-core-radius-md);
  border: 1px solid var(--hds-canary-ui-mini-stroke);
  box-shadow:
    0 0 32.239px -14.806px rgba(50, 50, 93, 0.25),
    0 4.776px 19.343px -9.672px rgba(0, 0, 0, 0.1);
}
.tax-graphic__overlay-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  gap: var(--hds-space-core-50);
}
.tax-graphic__overlay-item-label {
  color: var(--hds-color-util-neutral-990);
  font-weight: var(--hds-font-weight-bold);
}
.tax-graphic__overlay-item-value {
  color: var(--hds-color-util-neutral-500);
}
.usage-based-billing-graphic {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 18px 22px;
  border: 1px solid var(--hds-canary-ui-mini-stroke);
  border-radius: var(--hds-space-core-radius-md);
  background-color: var(--hds-color-core-neutral-0);
  font-weight: var(--hds-font-weight-normal);
}
.usage-based-billing-graphic__heading {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: var(--hds-font-weight-bold);
  line-height: 1.2;
}
.usage-based-billing-graphic__stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.usage-based-billing-graphic__stat {
  display: flex;
  flex-direction: column;
  gap: var(--hds-space-core-50);
}
.usage-based-billing-graphic__stat:nth-child(2) {
  padding-left: 14px;
  border-left: 1px solid var(--hds-color-core-neutral-50);
}
.usage-based-billing-graphic__stat-label {
  color: var(--hds-color-util-neutral-500);
  font-size: 10px;
  line-height: 1.15;
}
.usage-based-billing-graphic__stat-value {
  color: var(--hds-color-util-neutral-990);
  font-size: 14px;
  font-weight: var(--hds-font-weight-bold);
  line-height: 1.31;
}
.usage-based-billing-graphic__chart {
  position: relative;
  margin-top: 18px;
}
.usage-based-billing-graphic__chart-bars {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 140px;
  padding-left: 18px;
  gap: 14px;
  z-index: 1;
}
.usage-based-billing-graphic__chart-bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--hds-space-core-50);
  width: 38px;
  flex-shrink: 0;
}
.usage-based-billing-graphic__chart-bar-inner {
  width: 10px;
  background-color: var(--hds-color-util-brand-600);
  border-top-left-radius: var(--hds-space-core-radius-xs);
  border-top-right-radius: var(--hds-space-core-radius-xs);
}
.usage-based-billing-graphic__chart-bar-date {
  font-size: 10px;
  line-height: 1;
  color: var(--hds-color-util-neutral-500);
}
.usage-based-billing-graphic__chart-lines {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 126px;
  width: 100%;
}
.usage-based-billing-graphic__chart-line {
  height: 1px;
  width: 100%;
  background-color: var(--hds-color-core-neutral-50);
}
.connect-graphic {
  position: relative;
  width: 100%;
  height: 100%;
  padding: var(--hds-space-core-300);
  font-weight: var(--hds-font-weight-normal);
}
.connect-graphic__heading {
  color: var(--hds-color-util-neutral-990);
  font-size: 18px;
  font-weight: var(--hds-font-weight-bold);
  line-height: 1.12;
}
.connect-graphic__table {
  margin-top: 20px;
}
.connect-graphic__table-row {
  display: grid;
  grid-template-columns: minmax(0, 90px) repeat(2, minmax(0, 1fr));
  gap: var(--hds-space-core-350);
  padding-block: 10px;
  color: var(--hds-color-util-neutral-800);
  font-size: 12px;
  font-weight: var(--hds-font-weight-bold);
  line-height: 1.2;
  border-bottom: 1px solid var(--hds-color-util-neutral-50);
}
:lang(fr) .connect-graphic__table-row {
  grid-template-columns: minmax(0, 90px) minmax(0, 128px) minmax(0, 1fr);
}
.connect-graphic__table-row--header {
  color: var(--hds-color-util-neutral-600);
  font-size: 11px;
}
.connect-graphic__status {
  display: inline-flex;
  align-items: center;
  height: 16px;
  color: #217005;
  padding-inline: 4px;
  font-size: 11px;
  font-weight: var(--hds-font-weight-bold);
  line-height: 1.26;
  border-radius: 4px;
  border: 1px solid #a8f170;
  background: #d1fab3;
  white-space: nowrap;
}
.connect-graphic__status--in-review {
  color: #045ad0;
  background: #cbf5fd;
  border-color: #a7e7fc;
}
.connect-graphic__status--rejected {
  color: #c0123c;
  background: #fbd3dc;
  border-color: #fbd3dc;
}
.connect-graphic__balance {
  padding-right: 18px;
  color: var(--hds-color-util-neutral-500);
  font-weight: var(--hds-font-weight-normal);
}
.terminal-graphic {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: var(--hds-font-weight-normal);
}
.terminal-graphic__container {
  position: relative;
  width: 286px;
}
.terminal-graphic__image {
  position: absolute;
  top: 0;
  width: 100%;
}
.terminal-graphic__screen {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 48px;
  left: 50px;
  width: 182px;
  height: 346px;
  padding: 0 14px;
  overflow: hidden;
  text-align: center;
}
.terminal-graphic__screen-icon {
  display: grid;
  place-items: center;
  width: 82px;
  height: 82px;
  margin-top: 78px;
  border-radius: 50%;
  background-color: var(--hds-color-core-neutral-25);
}
.terminal-graphic__screen-total-label {
  color: var(--hds-color-core-neutral-700);
  font-size: 12px;
  line-height: 1.14;
}
.terminal-graphic__screen-total {
  margin-top: var(--hds-space-core-600);
}
.terminal-graphic__screen-total-amount {
  margin-top: var(--hds-space-core-25);
  color: var(--hds-color-core-neutral-990);
  font-size: 24px;
  font-weight: var(--hds-font-weight-bold);
  line-height: 28px;
  letter-spacing: 0.0125em;
}
.terminal-graphic__screen-message {
  margin-top: var(--hds-space-core-300);
  color: var(--hds-color-core-neutral-500);
  font-size: 12px;
  line-height: 1.14;
}
.terminal-graphic__card {
  position: absolute;
  top: 135px;
  right: 16px;
  width: 254px;
  height: 156px;
  border-radius: var(--hds-space-core-radius-md);
  z-index: 1;
  transform: rotate(16deg);
}
.terminal-graphic__card img {
  width: 100%;
  border-radius: var(--hds-space-core-radius-md);
}
.terminal-graphic__card-chip {
  position: absolute;
  top: 52px;
  left: 28px;
  width: 34px;
  height: 26px;
}
.customer-logo--flat {
  --customerLogoColor: var(--hds-color-action-icon-disabled);
  --customerLogoBackgroundColor: var(--hds-color-core-neutral-0);
  --customerLogoColorAltShadeDarker: color-mix(
    in srgb,
    var(--customerLogoColor) 85%,
    #000
  );
  --customerLogoColorAltShadeLighter: color-mix(
    in srgb,
    var(--customerLogoColor) 75%,
    #fff
  );
  --customerLogoColorAltNoTransparency: var(--customerLogoBackgroundColor);
  --customerLogoColorAlt: var(--customerLogoBackgroundColor);
}
.customer-logo--flat.customer-logo--dark {
  --customerLogoBackgroundColor: var(--hds-color-surface-bg-quiet);
  --customerLogoColor: var(--hds-color-core-neutral-0);
  --customerLogoColorAltShadeLighter: var(--customerLogoColorAltShadeDarker);
}
.case-study-carousel {
  --carousel-gap: var(--hds-space-core-200);
  --carousel-gutter: var(--hds-space-layout-content-margin);
  --carousel-transition-hover-duration: 800ms;
  --carousel-transition-hover-easing: cubic-bezier(0.165, 0.84, 0.44, 1);
  --carousel-card-w: clamp(
    240px,
    var(--carousel-card-fluid, 29.63cqi),
    var(--carousel-card-max-w, 384px)
  );
  width: 100%;
}
@media (max-width: 639px) {
  .case-study-carousel {
    --carousel-card-w: 100%;
  }
}
.case-study-carousel[data-hover-disabled] {
  --carousel-transition-hover-duration: 0s;
}
.case-study-carousel_container {
  overflow: hidden;
  margin-inline: var(--section-container-margin-inline-bleed);
  container-type: inline-size;
}
.case-study-carousel__scroller {
  --carousel-edge-offset: 0px;
  position: relative;
  display: flex;
  gap: var(--carousel-gap);
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  touch-action: pan-x pan-y;
  padding-inline-start: var(--carousel-gutter);
  padding-inline-end: var(--carousel-gutter);
  scroll-padding-inline-start: var(--carousel-gutter);
  scroll-padding-inline-end: var(--carousel-gutter);
}
@media (max-width: 639px) {
  .case-study-carousel__scroller {
    margin-inline-start: 0;
    margin-inline-end: 0;
    scroll-padding-inline: 0;
    padding-inline: var(--carousel-gutter);
    will-change: scroll-position;
  }
}
.case-study-carousel__scroller::-webkit-scrollbar {
  display: none;
}
.case-study-carousel__item {
  --carousel-item-progress: clamp(
    -1,
    var(--carousel-item-index, 0) - var(--carousel-scroll-progress, 0),
    1
  );
  flex: 0 0 var(--carousel-card-w);
  width: var(--carousel-card-w);
  position: relative;
  pointer-events: none;
  contain: layout style;
  scroll-snap-align: start;
}
@media (min-width: 640px) {
  .case-study-carousel__item:last-child {
    scroll-snap-align: end;
  }
}
.case-study-carousel__inner {
  pointer-events: auto;
  transform-origin: left center;
  -webkit-user-select: none;
  user-select: none;
}
@media (min-width: 640px) {
  .case-study-carousel__inner {
    transform: translate3d(var(--carousel-edge-offset, 0), 0, 0);
  }
}
.case-study-carousel__scroller[data-dragging="true"] {
  scroll-snap-type: none;
  scroll-behavior: auto;
  touch-action: none;
}
@media (max-width: 639px) {
  .case-study-carousel__scroller {
    scroll-snap-type: x mandatory;
  }
  .case-study-carousel__item {
    scroll-snap-align: center;
    width: 100%;
    flex: 0 0 100%;
  }
  .case-study-carousel__inner {
    transform: none;
  }
}
.fake-link {
  font-weight: var(--hds-font-weight-bold);
  color: var(--hds-color-action-text-solid);
  cursor: pointer;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: inherit;
  width: fit-content;
}
@media (prefers-reduced-motion: no-preference) {
  .fake-link {
    transition: color 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  }
}
:where(:lang(ja)) .fake-link {
  font-weight: 600;
  font-variation-settings: "wght" 400;
}
.case-study-card {
  --card-mobile-scale-factor: 0.05;
  --card-mobile-gap-inset: 7px;
  --carousel-card-scale: calc(
    1 -
      max(
        (var(--carousel-item-progress, 0)),
        -1 * (var(--carousel-item-progress, 0))
      ) *
      var(--card-mobile-scale-factor)
  );
  --scale-shrinkage: calc((1 - var(--carousel-card-scale)) * 50%);
  --gap-offset: calc(
    (
        var(--scale-shrinkage) + var(--card-mobile-gap-inset) /
          var(--carousel-card-scale)
      ) *
      var(--carousel-item-progress, 0) * -1
  );
  display: flex;
  flex-direction: column;
  gap: var(--hds-space-core-200);
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  container-type: inline-size;
}
@media (prefers-reduced-motion: no-preference) {
  .case-study-card:focus-visible,
  .case-study-card:hover {
    --hds-hover-active: 1;
  }
}
:is(.case-study-card:hover, .case-study-card:focus-visible)
  .case-study-card__link {
  color: var(--hds-color-action-text-solidHover);
}
.case-study-card:focus-visible {
  outline: none;
}
.case-study-card:focus-visible .case-study-card__link {
  outline: 2px solid var(--hds-color-action-border-solid);
  outline-offset: 3px;
  border-radius: var(--hds-space-core-radius-sm);
}
@media (max-width: 639px) {
  .case-study-card {
    transform: translate3d(var(--gap-offset), 0, 0)
      scale(var(--carousel-card-scale));
    transform-origin: center center;
    will-change: transform;
    backface-visibility: hidden;
  }
}
.case-study-card__media {
  position: relative;
  aspect-ratio: var(--card-aspect-ratio, 332/448);
  overflow: hidden;
  background-color: var(--hds-color-core-neutral-50);
  border-radius: calc(var(--hds-space-core-radius-md) / var(--carousel-scale)) /
    var(--hds-space-core-radius-md);
  transform-origin: left center;
  transform: translate3d(var(--carousel-shift, 0), 0, 0)
    scaleX(var(--carousel-scale, 1));
  backface-visibility: hidden;
}
@media (prefers-reduced-motion: no-preference) {
  .case-study-card__media {
    transition: transform var(--carousel-transition-hover-duration)
      var(--carousel-transition-hover-easing);
    will-change: transform;
  }
}
@media (max-width: 639px) {
  .case-study-card__media {
    transform: none;
    transition: none;
    aspect-ratio: var(--card-aspect-ratio-mobile, 336/350);
  }
}
.case-study-card__image {
  width: auto;
  height: 100%;
  max-width: max-content;
  left: 50%;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  transform-origin: center;
  transform: translate3d(-50%, 0, 0) scaleX(calc(1 / var(--carousel-scale, 1)));
  backface-visibility: hidden;
}
@media (prefers-reduced-motion: no-preference) {
  .case-study-card__image {
    transition: transform var(--carousel-transition-hover-duration)
      var(--carousel-transition-hover-easing);
    will-change: transform;
  }
}
@media (max-width: 639px) {
  .case-study-card__image {
    transform: translate3d(-50%, 0, 0);
  }
}
@media (max-width: 639px) and (prefers-reduced-motion: no-preference) {
  .case-study-card__image {
    --parallax-offset: calc(-32px * var(--carousel-item-progress, 0));
    transition: none;
    transform: translate3d(calc(-50% + var(--parallax-offset)), 0, 0);
  }
}
.case-study-card__mediaLogo {
  position: absolute;
  width: 100%;
  aspect-ratio: var(--card-aspect-ratio, 332/448);
  overflow: hidden;
  z-index: 2;
  pointer-events: none;
  transform: translate3d(var(--carousel-shift, 0), 0, 0);
  backface-visibility: hidden;
}
@media (prefers-reduced-motion: no-preference) {
  .case-study-card__mediaLogo {
    transition: transform var(--carousel-transition-hover-duration)
      var(--carousel-transition-hover-easing);
    will-change: transform;
  }
}
@media (max-width: 639px) {
  .case-study-card__mediaLogo {
    transition: none;
    aspect-ratio: var(--card-aspect-ratio-mobile, 336/350);
    transform: none;
  }
}
.case-study-card__title {
  padding-inline-end: var(--hds-space-core-400);
  text-wrap: pretty;
}
@media (min-width: 640px) {
  .case-study-card__title {
    padding-inline-end: var(--hds-space-core-200);
    text-wrap: balance;
  }
}
@media (max-width: 639px) and (prefers-reduced-motion: no-preference) {
  .case-study-card__title {
    transform: translate3d(calc(40px * var(--carousel-item-progress, 0)), 0, 0);
    opacity: calc(
      1 -
        max(
          (var(--carousel-item-progress)),
          -1 * (var(--carousel-item-progress))
        )
    );
  }
}
.case-study-card__logo {
  position: absolute;
  bottom: 12px;
  left: 20px;
  line-height: 0;
  height: 60px;
  height: min(60px, 20cqi);
  width: auto;
}
.case-study-card__link {
  margin-top: auto;
  margin-bottom: var(--hds-space-core-75);
}
@media (max-width: 639px) and (prefers-reduced-motion: no-preference) {
  .case-study-card__link {
    transform: translate3d(calc(60px * var(--carousel-item-progress, 0)), 0, 0);
    opacity: calc(
      1 -
        max(
          (var(--carousel-item-progress)),
          -1 * (var(--carousel-item-progress))
        )
    );
  }
}
.carousel-nav {
  display: flex;
  align-items: center;
  align-self: end;
  gap: var(--hds-space-core-100);
}
@media (max-width: 639px) {
  .carousel-nav {
    display: none;
  }
}
@supports (-webkit-touch-callout: none) {
  .mobile-safari-solid-bars {
    position: fixed;
    inset: 0;
    background: var(--hds-color-surface-bg-quiet);
    pointer-events: none;
  }
}