.slider,
.slider__wrapper {
  overflow:hidden;
  position:relative
}
.slider {
  margin-left:auto;
  margin-right:auto;
}
.slider__items {
  display:flex;
  transition:transform .5s;
  margin: 0 -7px;
}
.transition-none {
  transition:none
}
.slider__item {
  flex:0 0 50%;
  max-width:100%;
  position:relative;
  padding: 0 7px;
}

@media (width <= 768px) {
  .slider__item {flex: 0 0 100%;}
}

.slider__control {
  position:absolute;
  top:50%;
  width:45px;
  height:45px;
  display:none;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:#000000a8;
  user-select:none;
  border-radius:7px;
  backdrop-filter:blur(10px);
  z-index:7;
  transform: translateY(-50%);
}
.slider__control_show {
  display:flex
}
.slider__control:focus,
.slider__control:hover {
  color:#fff;
  text-decoration:none;
  opacity:.7
}
.slider__control_prev {
  left:10px;
}
.slider__control_next {
  right:10px;
}
.slider__control::before {
  content:'';
  display:inline-block;
  width:30px;
  height:30px;
  background:center center/100% 100% no-repeat
}
.slider__control_prev::before {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='white' d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z'/%3E%3C/svg%3E");
  margin-right:3px
}
.slider__control_next::before {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='white' d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z'/%3E%3C/svg%3E");
  margin-left:3px
}
.slider__indicators {
  position:absolute;
  left:0;
  right:0;
  bottom:10px;
  display:none;
  justify-content:center;
  padding-left:0;
  margin:0 15%;
  list-style:none;
  user-select:none
}
.slider__indicator {
  flex:0 1 auto;
  width:30px;
  height:4px;
  margin-right:3px;
  margin-left:3px;
  background-color:rgba(255,255,255,.5);
  background-clip:padding-box;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  cursor:pointer
}
.slider__indicator_active {
  background-color:#fff
}