.app-card-header {
    background-color: var(--wm-card-header-background-color);
    width: var(--wm-card-header-width);
    padding: var(--wm-card-header-padding);
}

.app-card-content {
    background-color: var(--wm-card-background);
}

.app-card-footer {
    background-color: var(--wm-card-background);
}

.card-default {
    border-width: var(--wm-card-border-width);
    border-style: var(--wm-card-border-style);
    border-color: var(--wm-card-border-color);
    border-radius: var(--wm-card-border-radius);
    background-color: var(--wm-card-background);
    box-shadow: var(--wm-card-shadow);
    padding: var(--wm-card-padding);
}

.card-filled {
    border-width: var(--wm-card-border-width);
    border-style: var(--wm-card-border-style);
    border-color: var(--wm-card-border-color);
    border-radius: var(--wm-card-border-radius);
    background-color: var(--wm-card-background);
    box-shadow: var(--wm-card-shadow);
    padding: var(--wm-card-padding);
}

.card-elevated {
    border-width: var(--wm-card-border-width);
    border-style: var(--wm-card-border-style);
    border-color: var(--wm-card-border-color);
    border-radius: var(--wm-card-border-radius);
    background-color: var(--wm-card-background);
    box-shadow: var(--wm-card-shadow);
    padding: var(--wm-card-padding);
}

.app-list-template .root {
    border-radius: var(--wm-card-border-radius);
    background-color: transparent;
}

.list-card-template .root {
    border-radius: var(--wm-card-border-radius);
    background-color: transparent;
}

@import (optional) url('../variables/cards.variant.less');
