#heroBannersOutlet {
    width: 100%;
}
.hero-banner-link {
    display: block;
    width: 100%;
    height: 100%;
}

.hero-banner-loading .hero-swiper-wrapper,
.hero-banner-empty .hero-swiper-wrapper {
    transform: none !important;
}

.hero-banner-skeleton,
.hero-banner-empty-state {
    width: 100%;
    min-height: inherit;
}

.hero-banner-skeleton {
    background: linear-gradient(90deg, #111827 25%, #1e293b 45%, #111827 65%);
    background-size: 300% 100%;
    animation: hero-banner-shimmer 1.4s ease-in-out infinite;
}

.hero-banner-empty-state {
    display: grid;
    place-items: center;
    color: #8492aa;
    background: #0b1424;
    font-size: 0.78rem;
    font-weight: 600;
}

.swiper-dot {
    border: 0;
    padding: 0;
    cursor: pointer;
}

@keyframes hero-banner-shimmer {
    0% { background-position: 100% 0; }
    100% { background-position: 0 0; }
}