.HeroSlider{margin-top:20px}.HeroSlider-stage{border-radius:var(--r-xl);box-shadow:var(--shadow-md);background:var(--surface-2);aspect-ratio:1440/350;touch-action:pan-y;position:relative;overflow:hidden}.HeroSlide{opacity:0;transition:opacity .5s var(--ease);pointer-events:none;position:absolute;inset:0}.HeroSlide.active{opacity:1;pointer-events:auto}.HeroSlide-link{cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block}.HeroSlide-link img{width:100%;height:100%}.HeroSlide img{object-fit:cover;object-position:right center;-webkit-user-select:none;user-select:none;width:100%;height:100%}.HeroSlider-skeleton{z-index:5;border-radius:0;position:absolute;inset:0}.HeroSlider-arrow{backdrop-filter:blur(6px);width:40px;height:40px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .18s var(--ease);z-index:6;opacity:.85;background:#ffffffe0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.HeroSlider-arrow:hover{background:var(--accent-grad);color:#fff;opacity:1}.HeroSlider-arrow.prev{right:14px}.HeroSlider-arrow.next{left:14px}.HeroSlider-dots{z-index:6;justify-content:center;gap:6px;display:flex;position:absolute;bottom:14px;left:0;right:0}.HeroSlider-dots button{cursor:pointer;width:22px;height:5px;transition:all .2s var(--ease);background:#ffffff8c;border:none;border-radius:99px;padding:0}.HeroSlider-dots button.active{width:34px;box-shadow:var(--shadow-xs);background:#fff}@media (width<=768px){.HeroSlider-stage{aspect-ratio:4/3;border-radius:var(--r-lg)}.HeroSlider-arrow{width:34px;height:34px}}