#hero-slider {
    cursor: grab;
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
}

#hero-slider.is-dragging {
    cursor: grabbing;
}

#hero-slider.is-dragging .slider-content-wrapper {
    pointer-events: none;
}

#hero-slider.is-dragging .slider-bg-layer,
#hero-slider.is-dragging .slider-slide-item {
    will-change: transform;
}

#hero-slider .slider-bg-layer,
#hero-slider .slider-slide-item {
    backface-visibility: hidden;
}

#hero-slider .slider-bg-layer {
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: none;
}

#hero-slider:focus-visible {
    outline: 2px solid rgba(0, 180, 216, 0.9);
    outline-offset: -3px;
}

#hero-slider .hud-num-btn {
    border-radius: 8px;
    outline: none;
}

#hero-slider .hud-num-btn:focus-visible {
    box-shadow: 0 0 0 2px rgba(0, 180, 216, 0.75);
}