.ProgressCarouselItem{--progressCarouselItemTransitionEasing:500ms cubic-bezier(0.7,0,0,1);--progressCarouselItemBodyPadding:24px;display:grid;min-width:var(--layoutWidth)}@media (min-width:680px){.ProgressCarouselItem{--progressCarouselItemBodyPadding:32px;min-width:calc(var(--layoutWidth)/2)}}.ProgressCarouselItem__card{position:relative;display:grid;align-items:end;margin-right:24px}.ProgressCarouselItem__cardBackground,.ProgressCarouselItem__cardShadow{position:absolute;display:block;inset:0;overflow:hidden;border-radius:8px;box-shadow:var(--cardShadowMedium);transition:transform var(--progressCarouselItemTransitionEasing),opacity var(--progressCarouselItemTransitionEasing);background:var(--cardBackground);z-index:-1}@media (hover:hover) and (prefers-reduced-motion:no-preference){.ProgressCarouselItem__card:focus-visible .ProgressCarouselItem__cardBackground,.ProgressCarouselItem__card:focus-visible .ProgressCarouselItem__cardShadow,.ProgressCarouselItem__card:hover .ProgressCarouselItem__cardBackground,.ProgressCarouselItem__card:hover .ProgressCarouselItem__cardShadow{transform:scale(1.018);opacity:1}}.ProgressCarouselItem__cardShadow{opacity:0;box-shadow:var(--cardShadowHover)}.ProgressCarouselItem__content{align-self:start;display:grid;row-gap:16px;padding:var(--progressCarouselItemBodyPadding)}.ProgressCarouselItem__badge{align-self:start;justify-self:start;padding:3px 8px 4px;font:var(--fontWeightSemibold) 11px/14px var(--fontFamily);border-radius:60px}.ProgressCarouselItem__badgeNoCode{background-color:#f2fcfe;color:#02bcf5}.ProgressCarouselItem__badgeLowCode{background-color:#f2f8fe;color:#0073e6}.ProgressCarouselItem__badgeSomeCode{background-color:#faf7ff;color:#96f}.ProgressCarouselItem__badgeApi{background-color:#f7f7ff;color:#635bff}.ProgressCarouselItem__copy.Copy{--headerPaddingRight:10px;--bodyPaddingRight:36px}.ProgressCarouselItem__cta{font:var(--ctaFont)}.ProgressCarouselItem__graphic{position:relative;aspect-ratio:1.3;margin:4px;border-radius:4px;overflow:hidden;background:#f6f9fc;transition:var(--progressCarouselItemTransitionEasing);transition-property:transform,margin}@media (hover:hover) and (prefers-reduced-motion:no-preference){.ProgressCarouselItem__card:focus-visible .ProgressCarouselItem__graphic,.ProgressCarouselItem__card:hover .ProgressCarouselItem__graphic{transform:scale(1.018);margin:4px 4px 2px}}