@layer molecules{.phxsg-card{--_comp-card-media-ratio: var(--comp-card-media-ratio, 1);--_comp-card-inner-spacing: var(--comp-card-inner-spacing, var(--sys-spacing-5));--_comp-card-body-inner-spacing: var(--comp-card-body-inner-spacing, var(--sys-spacing-1));display:flex;flex-direction:column;gap:var(--_comp-card-inner-spacing);position:relative;.phxsg-picture{transition:scale var(--sys-motion-duration-long-1) var(--sys-motion-easing-standard-accelerate-decelerate)}@media screen and (min-width: 768px){--comp-card-inner-spacing: var(--sys-spacing-6)}&:has(a,button){&:hover,&:focus,&:focus-within{.phxsg-picture{scale:1.05}}}}.phxsg-card__media{overflow:hidden;aspect-ratio:var(--_comp-card-media-ratio);position:relative}.phxsg-card__body{display:flex;flex-direction:column;gap:var(--_comp-card-body-inner-spacing)}.phxsg-card--fill{height:100%;min-height:0;overflow:hidden;.phxsg-card__media{flex:1 1 0;min-height:0;aspect-ratio:auto}.phxsg-card__body{flex-shrink:0}}.phxsg-card--justify-center{.phxsg-card__body{align-items:center;text-align:center;padding-inline:0}}.phxsg-card__title a{color:inherit;text-decoration:none}.phxsg-card__actions{display:flex;flex-direction:column;gap:var(--sys-spacing-1);margin-top:var(--sys-spacing-2)}}