.ob-slider{position:relative;width:100%;overflow:hidden;background:#000}.ob-slides{display:grid;width:100%}.ob-slide{grid-area:1 / 1;width:100%;opacity:0;z-index:1;pointer-events:none;transition:opacity 1.6s ease-in-out;will-change:opacity}.ob-slide.is-active{opacity:1;z-index:2;pointer-events:auto}.ob-slide img{display:block;width:100%;height:auto}.ob-arrow{position:absolute;top:50%;z-index:10;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgb(0 0 0 / .35);color:#fff;font-size:22px;line-height:44px;text-align:center;cursor:pointer;transform:translateY(-50%);transition:background 0.25s ease}.ob-arrow:hover,.ob-arrow:focus-visible{background:rgb(0 0 0 / .65)}.ob-prev{left:20px}.ob-next{right:20px}.ob-dots{position:absolute;left:50%;bottom:20px;z-index:10;display:flex;align-items:center;gap:8px;transform:translateX(-50%);gap:15px}.ob-dot{width:9px;height:9px;padding:0;border:1px solid #fff;border-radius:20px;background:rgb(255 255 255 / .35);cursor:pointer;transition:width 0.3s ease,background 0.3s ease;width:15px;height:15px}.ob-dot.is-active{width:28px;background:#fff;width:31px}@media (max-width:767px){.ob-arrow{width:36px;height:36px;font-size:17px;line-height:36px}.ob-prev{left:10px}.ob-next{right:10px}.ob-dots{bottom:12px}}@media (prefers-reduced-motion:reduce){.ob-slide,.ob-dot{transition:none}}