/*карта задачи*/

/*@import url('variables_v1.1.css');*/

.card-container {
    display: flex;
    flex-wrap: wrap; /* Переносит карточки на новую строку, если не помещаются */
    justify-content: center; /* Центрирует карточки по горизонтали */
    gap: 1rem; /* Добавляет промежуток между карточками */
}

.card {
    flex: 1 1 18rem; /* Устанавливает базовый размер карточки и позволяет им расти и сжиматься */
    max-width: 18rem;
    background-color: transparent !important;
    color: var(--white)!important;
}
.my-card-ul li{
    background-color: transparent !important;
    color: var(--white)!important;
    font-size: small;
    border: var(--bs-list-group-border-width) solid var(--border-black);
}

.my-card-ul li:hover{
    box-shadow: none !important;
    color: var(--green)!important;
    background-color: var(--grey)!important;
}
.card-footer {
    border-top: none;
}

.list-group-item {
    display: flex;
    align-items: center;
}

.icon-container {
    align-items: center;
    margin-right: 10px;
    width: 16px;
}

.icon {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.icon img {
    width: 100%;
    height: 100%;
    fill: currentColor;
}