.ProductLimitCard {
    width: 208px;
    flex: 0 0 auto;
    padding: 22px 0 42px 16px;
    border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);
    border-radius: 4px;
    margin-right: 8px;

    &--full-width {
        width: auto;
        padding-right: 16px;
        margin-right: 0;
    }

    &:last-child {
        margin-right: 0;
    }

    &__name {
        padding-bottom: 8px;
        font-size: 12px;
        font-weight: 600;

        i::before {
            margin-left: 0;
        }
    }

    &__status {
        padding-bottom: 8px;
        color: rgba(var(--center-channel-color-rgb), 0.75);
        font-size: 12px;

        &--exceeded {
            color: var(--dnd-indicator);
            font-weight: 600;

            .icon {
                margin-right: 8px;
                font-size: 12px;
                font-weight: 400;

                &::before {
                    margin: 0;
                }
            }
        }
    }
}
