body {
    background-color: #eddce0;
}

.accordion-button::after {
    background-size: 2rem !important;
    width: 2rem !important;
    height: 2rem !important;
    box-shadow: 0px 0px 15px #7723971a;
    border-radius: 8px;
}

.glass-bg {
    background-color: #f1e1e4;
    box-shadow: 0px 0px 30px #0000001a;
}

.radius-12px {
    border-radius: 12px !important;
}
.text-dark-gray {
    color: var(--text-dark-gray);
}

.menu-vertical .menu-item .menu-link {
    color: var(--text-dark-gray) !important;
}

.countdown-pulse.live {
    width: 16px;
    height: 16px;
    background-color: rgb(235, 0, 0);
    display: inline-block;
    border-radius: 50%;
    margin-right: 8px;
    animation: pulseOuter 1.5s ease-out infinite;
}

.countdown-timer {
    font-weight: normal;
    z-index: 2;
}

.live-effect {
    font-weight: bold;
}

@keyframes pulseOuter {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}