@capgeminiuk/dcx-react-library/dist/design-system/card.css

[](https://circleci.com/gh/Capgemini/dcx-react-library)

.dcx-card{background:var(--dcx-color-background-card_box-default,transparent);border:var(--dcx-border-width-card_box,1px) var(--dcx-border-style-card_box,solid) var(--dcx-border-color-card_box-default,transparent);border-radius:var(--dcx-border-radius-card_box,6px);box-shadow:var(--dcx-box-shadow-card_box,0 8px 15px rgba(0,0,0,.1));box-sizing:border-box;height:100%;padding:var(--dcx-spacing-x-card_box,15px) var(--dcx-spacing-y-card_box,15px)}.dcx-card.dcx-card-interact.dcx-card--selected{background:var(--dcx-color-background-card_box-selected,transparent);border-color:var(--dcx-border-color-card_box-selected,#3f51b0)}.dcx-card.dcx-card-interact:hover{background:var(--dcx-color-background-card_box-hover,#cfd1d0);border-color:var(--dcx-border-color-card_box-hover,#3f51c9)}.dcx-card .dcx-card-actions{display:flex}.dcx-card .dcx-card-image{max-height:100%;max-width:100%}.dcx-card.dcx-card-horizontal{column-gap:var(--dcx-spacing-y-card_box,15px);display:grid}.dcx-card.dcx-card-horizontal:has(.dcx-card-image):has(.dcx-card-header):has(.dcx-card-content):has(.dcx-card-actions):has(.dcx-card-footer){grid-template-areas:"card-image card-header" "card-image card-content" "card-image card-actions" "card-image card-footer"}.dcx-card.dcx-card-horizontal:has(.dcx-card-image):has(.dcx-card-header):has(.dcx-card-content):has(.dcx-card-footer){grid-template-areas:"card-image card-header" "card-image card-content" "card-image card-footer"}.dcx-card.dcx-card-horizontal:has(.dcx-card-image):has(.dcx-card-header):has(.dcx-card-content):has(.dcx-card-actions){grid-template-areas:"card-image card-header" "card-image card-content" "card-image card-actions"}.dcx-card.dcx-card-horizontal:has(.dcx-card-image):has(.dcx-card-header):has(.dcx-card-content){grid-template-areas:"card-image card-header" "card-image card-content"}.dcx-card.dcx-card-horizontal:has(.dcx-card-image):has(.dcx-card-content){grid-template-areas:"card-image card-content"}.dcx-card.dcx-card-horizontal:has(.dcx-card-image):has(.dcx-card-content):has(.dcx-card-actions):has(.dcx-card-footer){grid-template-areas:"card-image card-content" "card-image card-actions" "card-image card-footer"}.dcx-card.dcx-card-horizontal:has(.dcx-card-image):has(.dcx-card-content):has(.dcx-card-footer){grid-template-areas:"card-image card-content" "card-image card-footer"}.dcx-card.dcx-card-horizontal:has(.dcx-card-image):has(.dcx-card-content):has(.dcx-card-actions){grid-template-areas:"card-image card-content" "card-image card-actions"}.dcx-card.dcx-card-horizontal:not(:has(.dcx-card-image)){display:flex;flex-direction:column}.dcx-card.dcx-card-horizontal .dcx-card-header{grid-area:card-header}.dcx-card.dcx-card-horizontal .dcx-card-image{grid-area:card-image}.dcx-card.dcx-card-horizontal .dcx-card-content{grid-area:card-content}.dcx-card.dcx-card-horizontal .dcx-card-actions{grid-area:card-actions}.dcx-card.dcx-card-horizontal .dcx-card-footer{grid-area:card-footer}