.dui-card {
    display: flex;
    flex-direction: var(--dui-card-direction, column);
    min-height: var(--dui-card-min-height);
    box-shadow: var(--dui-card-box-shadow);
    margin: var(--dui-card-margin);
    border-radius: var(--dui-card-border-radius);
    background-color: var(--dui-card-background);
}

.dui-card-header-bottom {
    --dui-card-direction: column-reverse;
    --dui-card-head-border-width: var(--dui-card-header-border-reversed-width);
}

.dui-card-main-title,
.dui-card-description,
.dui-card-header .dui.mdi:not(:hover) {
    color: var(--dui-fg-clr, inherit);
}

.dui-card-header {
    display: flex;
    flex-direction: var(--dui-card-direction, column);
    padding: var(--dui-card-header-padding);
    position: relative;
    border-width: var(--dui-card-head-border-width, var(--dui-card-header-border-width));
    border-style: var(--dui-card-header-border-style);
    border-color: var(--dui-bg-d-1, var(--dui-card-header-border-color));
}

.dui-card-header-filler {
    flex-grow: 1;
    order: 50;
}

.dui-card:not(.dui-card-header-bottom) .dui-card-header {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.dui-card.dui-card-header-bottom .dui-card-header {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}
.dui-card.dui-collapsed .dui-card-header {
    border-radius: inherit;
}

.dui-card-main-header {
    display: flex;
    align-items: center;
    gap: var(--dui-card-header-gap);
}

.dui-card-title {
    flex-grow: 1;
    align-self: center;
    overflow: hidden;
    order: 40;
}

.dui-card-main-title {
    margin: var(--dui-card-header-title-margin);
    font: var(--dui-card-header-title-font);
    color: var(--dui-fg-d-4);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dui-card-description {
    display: block;
    font: var(--dui-card-description-font);
    margin: var(--dui-card-description-margin);
    line-height: var(--dui-card-description-line-height);
}

.dui-card-description:empty {
    display: none;
}

.dui-card-header {
    order: 10;
}

.dui-card-logo {
    order: 10;
}

.dui-card-header .dui-prefix-addon:not(.dui-order-first) {
    order: 20;
}

.dui-card-icon {
    order: 30;
    margin: var(--dui-card-icon-margins);
}

.dui-card-header .dui-postfix-addon:not(.dui-order-last) {
    order: 60;
}

.dui-card-subheader {
    padding: var(--dui-cardsubheader-padding);
    display: flex;
    align-items: center;
}

.dui-card-subheader:empty {
    display: none;
}

.dui-card-body {
    order: 20;
    font: var(--dui-card-body-font);
    padding: var(--dui-card-body-padding);
    background-color: inherit;
}

.dui-card:not(.dui-card-header-bottom) .dui-card-body {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.dui-card.dui-card-header-bottom .dui-card-body {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

