@layer claria.foundation, claria.components, claria.utilities;@layer claria.components{.DynamicCard{position:relative;width:100%;height:100%;overflow:visible;content-visibility:visible;contain:style;backface-visibility:hidden;transition:transform .4s ease-out}.DynamicCard.is-visible{transform:scale(.8)}.DynamicCard.is-visible.is-animating{transform:scale(1)}@media(prefers-reduced-motion:reduce){.DynamicCard{transition:none}}.DynamicCard__hover{position:relative;width:100%;height:100%;overflow:clip;contain:paint;backface-visibility:hidden;transition:transform .22s ease-out}.DynamicCard__hover>*{display:block;height:100%;width:100%}@media(hover:hover)and (pointer:fine){.DynamicCard:hover{z-index:var(--z-sticky)}.DynamicCard:hover .DynamicCard__hover{will-change:transform;transform:scale(var(--card-scale-multiplier,1.015))}.DynamicCard:active .DynamicCard__hover{transform:scale(1.0025);transition:transform .1s ease-out}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:reduce){.DynamicCard:hover .DynamicCard__hover{transform:none;will-change:auto}}@media(hover:none){.DynamicCard:active .DynamicCard__hover{transform:scale(.995);transition:transform .1s ease-out}}.DynamicCard .media-image-wrapper,.DynamicCard .media-video-wrapper{position:absolute;inset:0;width:100%;height:100%;display:block}.DynamicCard .media-image-wrapper .media-image,.DynamicCard .media-image-wrapper .media-video,.DynamicCard .media-video-wrapper .media-image,.DynamicCard .media-video-wrapper .media-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}}