.component-slider-alphabet .slider-container{position:relative;padding-left:30px;padding-right:30px}.component-slider-alphabet .slider-container .swiper-wrapper{justify-content:center}.component-slider-alphabet .slider-container swiper-slide{width:40px;padding:0 1px}.component-slider-alphabet .slider-container swiper-slide.is-first-element{margin-left:auto}.component-slider-alphabet .slider-container swiper-slide.is-last-element{margin-right:auto}.component-slider-alphabet .slider-container swiper-slide .letter{text-transform:uppercase;line-height:100%!important;font-weight:700}.component-slider-alphabet .slider-container swiper-slide .content-container{text-align:center;position:relative;padding:16px 0;cursor:pointer}.component-slider-alphabet .slider-container swiper-slide .content-container:before{content:"";position:absolute;left:50%;top:0;height:calc(100% - 2px);width:38px;border-radius:48px;transform:translate(-50%);background-color:#0030080d;z-index:-1;transition:opacity .35s,border-color .35s;opacity:0;border:1px solid transparent}.component-slider-alphabet .slider-container swiper-slide .content-container:hover:before{opacity:1}.component-slider-alphabet .slider-container swiper-slide .content-container.is-active:before{opacity:1;border-color:#1d1d1d}.component-slider-alphabet .slider-container .gradient{position:absolute;top:0;height:100%;width:5%;z-index:1;min-width:120px;pointer-events:none}.component-slider-alphabet .slider-container .gradient__right{background:linear-gradient(to left,white 0 20%,transparent);right:0}.component-slider-alphabet .slider-container .gradient__left{background:linear-gradient(to right,white 0 20%,transparent);left:0}.component-slider-alphabet .slider-container .arrow{position:absolute;top:6px;z-index:2}.component-slider-alphabet .slider-container .arrow__left{left:0;transform:rotate(180deg)}.component-slider-alphabet .slider-container .arrow__right{right:0}