/* Separate reveal and hover offsets so their movements compose. */
.flat-dashboard-image{--panel-enter:0px;--panel-hover:0px;transform:translate3d(0,calc(var(--panel-enter) + var(--panel-hover)),0);transition:transform .75s cubic-bezier(.22,1,.36,1)}
.flat-dashboard-image.has-panel-motion{--panel-enter:26px}
.flat-dashboard-image.has-panel-motion.is-panel-visible{--panel-enter:0px}
@media(hover:hover) and (pointer:fine){.benefit-admin:hover .flat-dashboard-image{--panel-hover:-20px;transition-duration:.5s}}


/* The card clips the bottom; allow the image to rise above its art wrapper. */
.benefit-admin-art.real-dashboard-art{overflow:visible}