/* entity_list_widget runtime behavior outside the editable CSSClass palette. */

.entity-listitem-clickable {
    cursor: pointer;
}

.entity-listitem-clickable:focus-visible,
.entity-listitem-clickable [data-mc-action-url]:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 4px;
    border-radius: 8px;
}

.entity-list [data-mc-action-url] {
    cursor: pointer;
}

.entity-list-skeleton {
    overflow: hidden;
}

.entity-list-skeleton-line {
    height: 12px;
    width: 60%;
    background: linear-gradient(
        90deg,
        rgba(203, 213, 225, 0.5) 0%,
        rgba(226, 232, 240, 0.9) 50%,
        rgba(203, 213, 225, 0.5) 100%
    );
    background-size: 200% 100%;
    border-radius: 4px;
    animation: entity-list-skeleton-shimmer 1.4s infinite ease-in-out;
}

@keyframes entity-list-skeleton-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}