.card {
    --card-clamp-title: unset;
    --card-clamp-desk: unset;
    --card-bg-size: 0px;
    --card-spacer-y: 28px;
    --card-spacer-x: 28px;
    --card-cap-padding-y: 13px;
    --card-cap-padding-x: 20px;
    --card-border-width: 1px;
    --card-border-color: var(--border-color-translucent);
    --card-border-radius: var(--radius-1);
    --card-box-shadow: ;
    --card-color: var(--defaultTextColor);
    --card-bg: var(--white);
    display: flex;
    flex-direction: column;
    min-width: 0;
    background-color: var(--card-bg);
    border-radius: var(--card-border-radius);
    overflow: hidden;
    box-shadow: var(--card-box-shadow);
    position: relative;
    justify-content: space-between;
    color: var(--card-color);
}



.card-bg--image,
.card-bg--image > img{
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.card-bg--image{
    overflow: hidden;
    background: var(--border-2);
    height: var(--card-bg-size);
    max-height: var(--card-bg-size);
    min-height: var(--card-bg-size);
    border-radius: var(
        --card-border-radius, 12px
    );
}

.card .heading-block{
    gap: var(--card-spacer-y);
}

.card .heading{font-weight: 600;}

.cadr-x-spasing-0 {
    --card-spacer-x: 0;
    --card-cap-padding-x: 0;
}
.cadr-y-spasing-0 {
    --card-spacer-y: 0;
    --card-cap-padding-y: 0;
}
.card-border {
    border: var(--card-border-width) solid var(--card-border-color);
}
.card-body {
    flex: 1 1 auto;
    padding: var(--card-spacer-y) var(--card-spacer-x);
    display: flex;
    flex-direction: column;
}
.card-header {
    border-bottom: var(--card-border-width) solid var(--card-border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.card-header--item{
    gap: inherit;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.card-footer {
    border-top: var(--card-border-width) solid var(--card-border-color);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.card-header, .card-footer {
    margin: var(--card-cap-padding-y) 0;
    padding-left: var(--card-cap-padding-x);
    padding-right: var(--card-cap-padding-x);
    padding-top: var(--card-cap-padding-y);
    padding-bottom: var(--card-cap-padding-y);
    gap: var(--gap--xl);
}

.card > div:first-child{
    margin-top: 0;
    margin-bottom: 0;
}
.card > div:last-child{
    padding-bottom: 0;
    padding-top: 0;
}
.card > div:only-child{
    padding-top: var(--card-cap-padding-y);
    padding-bottom: var(--card-cap-padding-y);
    border-top: none;
    border-bottom: none;
}


.card .card-header + .card-footer{
    border-top: none;
}