/* hide icon for .ds-validation-message if empty */
.ds-validation-message:empty::before {
    content: none;
}

.ds-validation-message:empty {
    display:none;
}

/* Hide wrapper from layout only if it has no trigger button */
[data-dialog-trigger-context]:not(:has([data-dialog-trigger])) {
    width: 0;
    height: 0;
    overflow: visible;
}

/* Add details-card as a variant for the ds-details */
.ds-details.details-card {
    border-radius: var(--ds-border-radius-lg);
    border: var(--ds-border-width-default) solid var(--ds-color-border-subtle);
    overflow: hidden;
}

    .ds-details.details-card > :is(u-summary, .ds-details-content) {
        padding: var(--ds-size-6);
    }

    .ds-details.details-card + .ds-details.details-card {
        border-top: var(--ds-border-width-default) solid var(--ds-color-border-subtle);
    }