
#events-view-menu .sk-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
 
#events-view-menu .sk-pill {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 7px !important;
    height: 36px !important;
    padding: 0 14px !important;
    border-radius: 50px !important;
    border: 1.5px solid #e3e3e3 !important;
    background: #fff !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
}
 
@keyframes sk-shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
 
#events-view-menu .sk-icon {
    display: block !important;
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    border-radius: 3px !important;
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%) !important;
    background-size: 400% 100% !important;
    animation: sk-shimmer 1.5s infinite linear !important;
}
 
#events-view-menu .sk-label {
    display: block !important;
    height: 11px !important;
    border-radius: 6px !important;
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%) !important;
    background-size: 400% 100% !important;
    animation: sk-shimmer 1.5s infinite linear !important;
    min-width: 0 !important;
}
 
#events-view-menu .sk-caret {
    display: block !important;
    width: 8px !important;
    min-width: 8px !important;
    height: 8px !important;
    border-radius: 2px !important;
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%) !important;
    background-size: 400% 100% !important;
    animation: sk-shimmer 1.5s infinite linear !important;
}
 
/* Mobile */
@media (max-width: 768px) {
    #events-view-menu .sk-row {
        gap: 8px !important;
    }
    #events-view-menu .sk-pill {
        flex: 1 1 calc(50% - 4px) !important;
        justify-content: center !important;
    }
    #events-view-menu .sk-pill:last-child {
        flex: 0 0 auto !important;
        margin: 0 auto !important;
    }
}