@import "dxHelpers/card";

.badge {
    --badge-size: var(--dx-g-spacing-5xl);
    --badge-position: calc(50% - (var(--badge-size) / 2));

    position: absolute;
    top: var(--badge-position);
    left: var(--badge-position);
    height: var(--badge-size);
    width: var(--badge-size);
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .badge {
        --badge-size: 56px;
    }

    dx-card-content::part(body) {
        display: none;
        margin: 0 !important;
    }
}