.bg-danger-500 {
    background-color: rgb(var(--danger-100))
}
.ml-2 {
    margin-left: 0.5rem;
}

.favorite{
    color: #d97706;
}

.chart-canvas {
    width: 150px !important;
    display: block;
    box-sizing: border-box;
}

@media (max-width: 1150px) {
    .chart-canvas {
        width: 120px !important;
    }
}

@media (max-width: 950px) {
    .chart-canvas {
        width: 80px !important;
    }
}