[data-ds-component=AnimatedCard]{--animated-card-motion-image:transform .7s cubic-bezier(.2, .65, .3, .9);--animated-card-motion-content:color .3s ease-out;--animated-card-motion-overlay:opacity .3s ease-out;--animated-card-overlay-background:var(--animated-card-overlay-background);will-change:transform, opacity;cursor:default}[data-ds-component=AnimatedCard].hoverable{cursor:pointer}:is([data-ds-component=AnimatedCard].hoverable:hover,[data-ds-component=AnimatedCard].hoverable:focus-within) .cardImage{transform:scale(1.05)}:is([data-ds-component=AnimatedCard].hoverable:hover,[data-ds-component=AnimatedCard].hoverable:focus-within) .cardTitle{color:var(--color-brand-primary,#3b82f6)}:is([data-ds-component=AnimatedCard].hoverable:hover,[data-ds-component=AnimatedCard].hoverable:focus-within) .cardOverlay{opacity:1}[data-ds-component=AnimatedCard] .cardImageWrapper{border-radius:var(--radius-md,8px);overflow:hidden}[data-ds-component=AnimatedCard] .cardImage{transition:var(--animated-card-motion-image);will-change:transform}[data-ds-component=AnimatedCard] .cardImage img{width:100%;height:auto;display:block}[data-ds-component=AnimatedCard] .cardTitle{transition:var(--animated-card-motion-content)}[data-ds-component=AnimatedCard] .cardOverlay{opacity:0;transition:var(--animated-card-motion-overlay);background:var(--animated-card-overlay-background);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-md,8px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}