@use '../abstracts/cds-vars' as vars;
@use '../abstracts/cds-mixins' as mixins;

.cds-list{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: vars.$cds-spacing-50;
    padding: vars.$cds-spacing-50;
    &__item{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0  0   vars.$cds-spacing-50;
        border-bottom: 1px solid var(--cds-color-border-default);
        gap: vars.$cds-spacing-50;
        &:last-child{
            border-bottom: none;
        }
        &__content{
            display: flex;
            align-items: center;
            gap: vars.$cds-spacing-50;
            &__text{
                &__title{
                    @include mixins.cds-paragraph-m(bold);
                    text-wrap: nowrap;
                }
                &__subtitle{
                    @include mixins.cds-paragraph-s;
                    color: var(--cds-color-text-muted);
                }
            }
        }
    }
}