@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@keyframes scrollDown {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(200%); }
}

.active-day {
    background: #e3051f !important;
    border-color: #e3051f !important;
    color: white !important;
}

.gallery-panel {
    background-size: 135%;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 4/3;
    flex-shrink: 0;
    width: 24rem;
    border-radius: 1rem;
    transition: background-size 0.3s ease;
}

.gallery-panel:hover {
    background-size: 150%;
}

.gallery-track {
    display: flex;
    gap: 1rem;
    height: 100%;
    align-items: center;
    width: max-content;
    will-change: transform;
}