.iduid-subscriptions-info-container {
    gap: var(--iduid--spacer--4xl);
}

.iduid-subscriptions-info-section {
    display: grid;
    gap: var(--iduid--spacer--md);
}

/** subscription card **/

.iduid-subscription-card {
    background: var(--iduid--color--white);
    border-radius: var(--iduid--BorderRadius--sm);
    box-shadow: 0 1px 1px 0 var(--iduid--color--box-shadow);
    color: var(--iduid--color--light-gray2);
    font-family: var(--iduid--FontFamily--sans-serif);
    font-size: var(--iduid--FontSize--xs);
    font-weight: var(--iduid--FontWeight--normal);
}

.iduid-subscription-card-headline  {
    color: var(--iduid--color--black);
    font-size: var(--iduid--FontSize--md);
    font-weight: var(--iduid--FontWeight--semi-bold);
}

.iduid-subscription-card_content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--iduid--spacer--2xs) / 2);
    padding: var(--iduid--spacer--md);
}

.iduid-subscriptions-empty-image {
    text-align: center;
}

.iduid-subscription-data-value {
    font-weight: var(--iduid--FontWeight--semi-bold);
    padding-left: calc(var(--iduid--spacer--2xs) / 2);
}

.iduid-subscription-status-icon {
    margin-left: var(--iduid--spacer--2xs);
}

.iduid-unsubscribe-link {
    color: var(--iduid--color--black);
    text-decoration: var(--iduid--link--TextDecoration_underline);
}

/** small, 'unsubscribed' card **/

.iduid-subscription-small-card-content {
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    gap: calc(var(--iduid--spacer--2xs) / 2);
}

.iduid-subscription-card-small {
    align-items: center;
    column-gap: var(--iduid--spacer--xl);
    display: flex;
    justify-content: flex-start;
    padding: var(--iduid--spacer--md) var(--iduid--spacer--md) var(--iduid--spacer--md) var(--iduid--spacer--xl);
}

/** common for all cards **/
.iduid-subscription-status {
    align-items: center;
    display: inline-flex;
}

.iduid-card-two-items-column {
    align-items: center;
    display: flex;
    justify-content: space-between;

    span {
        display: flex;
    }
}

.iduid-subscriptions-ul-list {
    gap: var(--iduid--spacer--md);
}

/** unsubscribe dialog **/

.iduid-dialog-subscription-container {
    gap: var(--iduid--spacer--4xl);
}

.iduid-subscription-card.dialog {
    box-shadow: none;
    font-size: var(--iduid--FontSize--sm);
}

.iduid-subscription-benefits-list {
    list-style: disc;
    padding: var(--iduid--spacer--md);

    li {
        font-weight: var(--iduid--FontWeight--semi-bold);
    }
}

.iduid-subscription-card_content.dialog {
    padding: 0;
    gap: var(--iduid--spacer--xs);
}

.iduid-dialog-subscription-links {
    > a:first-child {
        font-weight: var(--iduid--FontWeight--semi-bold);
    }
}

.iduid-subscription-status-dialog-small-devices {
    display: none;
}

.iduid-subscription-status-dialog {
    display: inline-flex;
}

/** View for screens smaller than 20.313em (= 325px) **/
@media screen and (max-width: 20.313em) {
    .iduid-dialog-subscription-links {
        > a:first-child {
            text-align: left;
        }
    }
}

/** View for screens smaller than 23.438em (= 375px) **/
@media screen and (max-width: 23.438em) {
    .iduid-subscription-status-dialog {
        display: none;
    }

    .iduid-subscription-status-dialog-small-devices {
        display: inline-flex;
    }
}