.remote-widget-placeholder {
    position: relative;
    min-height: 120px;
    width: 100%;
}

.remote-widget-skeleton {
    position: relative;
    overflow: hidden;
    min-height: 120px;
    width: 100%;
    border-radius: 0.25rem;
    background-color: #e3e6e8;
}

.remote-widget-skeleton::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.65) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: remoteWidgetShimmer 1.2s ease-in-out infinite;
}

@keyframes remoteWidgetShimmer {
    100% { transform: translateX(100%); }
}

.remote-widget-placeholder.remote-widget-sm {
    min-height: 64px;
}

.remote-widget-placeholder.remote-widget-sm .remote-widget-skeleton {
    min-height: 64px;
}