.hero-news-switcher{display:flex;align-items:center;gap:10px;direction:rtl;margin-bottom:22px;min-height:60px;position:relative;z-index:3}
#root .hero-news-thumb{appearance:none;display:flex;align-items:center;gap:0;width:60px;height:60px;padding:3px;border:0;border-radius:32px;background:rgba(255,255,255,.95);color:#244b57;overflow:hidden;cursor:pointer;flex-shrink:0;box-shadow:0 2px 8px rgba(36,75,87,.12);transition:width .32s cubic-bezier(.22,1,.36,1),box-shadow .25s ease;transform:none}
.hero-news-thumb .hero-thumb-photo{position:relative;width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center}
.hero-news-thumb img{width:46px;height:46px;border-radius:50%;object-fit:cover;display:block}
.hero-news-thumb svg{position:absolute;inset:0;width:54px;height:54px;transform:rotate(-90deg);pointer-events:none}
.hero-news-thumb circle{fill:none;stroke-width:3;stroke-linecap:round}
.hero-news-thumb .hero-current-ring{stroke:#438ba3;opacity:0}
.hero-news-thumb.is-current .hero-current-ring{opacity:1}
.hero-news-thumb .hero-next-ring{stroke:#ffd928;stroke-dasharray:157.08;stroke-dashoffset:157.08;opacity:0}
.hero-news-thumb.is-next .hero-next-ring{opacity:1}
.hero-thumb-caption{font-size:12px;font-weight:600;line-height:1.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px;opacity:0;transform:translateX(8px);transition:opacity .18s ease,transform .3s ease;padding-inline-end:12px}
@media(hover:hover) and (pointer:fine){
 #root .hero-news-thumb:not(.is-current):hover{width:190px;box-shadow:0 4px 14px rgba(36,75,87,.17)}
 .hero-news-thumb:not(.is-current):hover .hero-thumb-caption{opacity:1;transform:translateX(0);transition-delay:.08s}
}
#root .hero-news-thumb:not(.is-current):focus-visible{width:190px}
.hero-news-thumb:not(.is-current):focus-visible .hero-thumb-caption{opacity:1;transform:translateX(0)}
.module--1.hero-thumbs-ready .swiper-pagination{display:none}
.module--1.hero-thumbs-ready .swiper-slide:not(.swiper-slide-active){pointer-events:none}
@media(max-width:575.98px){
 .hero-news-switcher{gap:8px;margin-bottom:16px}
 #root .hero-news-thumb:not(.is-current):hover,#root .hero-news-thumb:not(.is-current):focus-visible{width:160px}
 .hero-thumb-caption{max-width:95px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){#root .hero-news-thumb,.hero-thumb-caption{transition:none;transform:none}}