.card-component{background:var(--bg-elevated);border-radius:var(--radius-m);border:1px solid var(--blue-lowest);transition:all .2s ease;display:flex;flex-direction:column}.card-component[data-type=success]{border-left:4px solid var(--green-medium)}.card-component[data-type=warning]{border-left:4px solid var(--yellow-medium)}.card-component[data-type=error]{border-left:4px solid var(--red-medium)}.card-component[data-type=primary]{border-left:4px solid var(--blue-medium)}.card-component .card-header{padding:var(--space-4);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--blue-lowest)}.card-component .card-header .header-content .card-title{margin:0;font-weight:600;color:var(--color)}.card-component .card-header .header-content .card-subtitle{margin:var(--space-1) 0 0 0;font-size:.8125rem;color:var(--gray-high)}.card-component .card-header .header-extra{flex-shrink:0}.card-component .card-body{padding:var(--space-4);flex:1}.card-component[data-flush-body]>.card-body{padding:0}.card-component .card-image-wrapper{width:100%}.card-component .card-image-wrapper .card-image{width:100%;height:auto;display:block}.card-component .card-footer{padding:var(--space-4);border-top:1px solid var(--blue-lowest);background:var(--bg);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}