.stories-slider {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  transform: scale(0);
  transform: translate3d(0, 0, 0) scale(0.5);
  opacity: 0;
  background: #000;
}
@media (min-width: 415px), (min-height: 897px) {
  .stories-slider {
	background: #292831;
  }
}
.stories-slider > .swiper {
  z-index: 2;
  max-width: 414px;
  max-height: 896px;
}
.stories-slider .swiper {
	height: 100%!important;
	width: auto!important;
	aspect-ratio: 9 / 16;
}
.stories-slider:not(.stories-slider-in) {
  pointer-events: none;
}
.stories-slider:not(.stories-slider-in) * {
  pointer-events: none !important;
}
.stories-slider-in {
  animation: stories-slider-in 400ms forwards;
  pointer-events: auto;
  transform: translate3d(0, 0, 0) scale(1);
  opacity: 1;
}
.stories-slider-out {
  pointer-events: none;
  animation: stories-slider-out 400ms forwards !important;
}
@keyframes stories-slider-in {
  0% {
	transform: translate3d(0, 0, 0) scale(0.5);
	opacity: 0;
  }
  50% {
	transform: translate3d(0, 0, 0) scale(1.05);
	opacity: 1;
  }
  100% {
	transform: translate3d(0, 0, 0) scale(1);
	opacity: 1;
  }
}
@keyframes stories-slider-out {
  0% {
	transform: translate3d(0, 0, 0) scale(1);
	opacity: 1;
  }
  50% {
	transform: translate3d(0, 0, 0) scale(0.5);
	opacity: 0;
  }
  100% {
	transform: translate3d(0, 0, 0) scale(0.5);
	opacity: 0;
  }
}
.story-gallery {
	padding: 45px 0;
	border-bottom: 1px solid #F2F1F6;
	padding-bottom: 0;
}
.story-gallery h2 {
	text-align: center;
}
.story-gallery_desc {
	text-align: center;
}
.story-gallery_list {
	overflow: hidden;
	position: relative;
	padding-right: 4px!important;
	padding-left: 4px!important;
	line-height: 0;
}
.stories-avatar {
	width: 100%;
	display: inline-block;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background-position: center!important;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	position: relative;
	outline: 2px solid #E7D7C9;
	outline-offset: 2px;
	transition: all .2s ease;
}
.stories-avatar:hover {
	outline-color: #11184A;
}
.stories-name {
	display: block;
	text-align: center;
	margin-top: 15px;
	font-size: 14px;
	line-height: 1.3;
}
.story-gallery_cont .swiper-horizontal {
	padding: 0;
}
.story-gallery_list .swiper-button-prev, 
.story-gallery_list .swiper-button-next {
	top: 44%!important;
}