:root {
	--stories-slider-z-shadows: 999;
	--stories-slider-z-pagination: 50;
	--stories-slider-z-navigation: 200;
	--stories-slider-z-user: 300;
	--stories-slider-z-actions: 300;
	--stories-slider-z-content: 100;
	--stories-slider-slide-bg-color: #000
}

.stories-slider {
	padding-top: 44px;
	padding-bottom: 44px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center
}
.stories-slider>.swiper>.swiper-wrapper>.swiper-slide {
	transition: .2s all linear;
}
.stories-slider:not(.stories-slider-in)>.swiper>.swiper-wrapper>.swiper-slide {
	transition: .4s all linear;
	transform: scale(.8);
	position: relative;
	/*opacity: .6;*/
}
.stories-slider>.swiper>.swiper-wrapper>.swiper-slide > .swiper .swiper-slide:before {
	content: '';
	position: absolute;
	z-index: calc(var(--stories-slider-z-user) - 1);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000000b3;
	opacity: .6;
	visibility: visible;
	transition: .4s all linear;
}
.stories-slider>.swiper>.swiper-wrapper>.swiper-slide.swiper-slide-active > .swiper .swiper-slide:before {
	opacity: 0;
	visibility: hidden;
}

.stories-slider>.swiper>.swiper-wrapper>.swiper-slide:not(.swiper-slide-visible, .swiper-slide-active) {
	/*opacity: 0*/
	/*opacity: .6;*/
	transform: scale(.8);
}
.stories-slider>.swiper>.swiper-wrapper>.swiper-slide.swiper-slide-active {
	transform: scale(1);
	opacity: 1;
}
.stories-slider>.swiper>.swiper-wrapper>.swiper-slide .stories-slider-button,
.stories-slider>.swiper>.swiper-wrapper>.swiper-slide .stories-slider-pagination,
.stories-slider>.swiper>.swiper-wrapper>.swiper-slide .stories-slider-pagination .stories-slider-pagination-bullet,
.stories-slider>.swiper>.swiper-wrapper>.swiper-slide .stories-slider-actions,
.stories-slider>.swiper>.swiper-wrapper>.swiper-slide .link_bottom
{
	visibility: visible;
	opacity: 1;
	transition: .4s all linear;
}
.stories-slider>.swiper>.swiper-wrapper>.swiper-slide:not(.swiper-slide-visible, .swiper-slide-active) .stories-slider-button,
.stories-slider>.swiper>.swiper-wrapper>.swiper-slide:not(.swiper-slide-visible, .swiper-slide-active) .stories-slider-pagination,
.stories-slider>.swiper>.swiper-wrapper>.swiper-slide:not(.swiper-slide-visible, .swiper-slide-active) .stories-slider-pagination .stories-slider-pagination-bullet,
.stories-slider>.swiper>.swiper-wrapper>.swiper-slide:not(.swiper-slide-visible, .swiper-slide-active) .stories-slider-actions,
.stories-slider>.swiper>.swiper-wrapper>.swiper-slide:not(.swiper-slide-visible, .swiper-slide-active) .link_bottom
{
	visibility: hidden;
	opacity: 0;
}

.stories-slider.stories-slider-animating>.swiper>.swiper-wrapper>.swiper-slide-prev,
.stories-slider.stories-slider-animating>.swiper>.swiper-wrapper>.swiper-slide-next,
.stories-slider.stories-slider-animating>.swiper>.swiper-wrapper>.swiper-slide-active {
	opacity: 1
}

.stories-slider .swiper {
	height: 100%;
	width: 100%
}

.stories-slider .swiper .swiper .swiper-slide {
	border-radius: 0px;
	overflow: hidden;
	background: rgba(0,0,0,0.1);
	
}

.stories-slider .swiper .swiper-slide-shadow-left,
.stories-slider .swiper .swiper-slide-shadow-right {
	z-index: var(--stories-slider-z-shadows) !important
}

.stories-slider .swiper .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgb(0, 0, 0), rgba(0, 0, 0, .5))
}

.stories-slider .swiper .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgb(0, 0, 0), rgba(0, 0, 0, .5))
}

.stories-slider.stories-slider-perspective .swiper .swiper,
.stories-slider.stories-slider-perspective .swiper-slide-shadow-left,
.stories-slider.stories-slider-perspective .swiper-slide-shadow-right {
	transform: translateZ(calc(-1 * var(--swiper-cube-translate-z)));
	transform-origin: 0% 0% calc(-1 * var(--swiper-cube-translate-z))
}

.stories-slider-button {
	position: absolute;
	z-index: var(--stories-slider-z-navigation);
	top: 0;
	height: 100%;
	user-select: none;
	-webkit-user-select: none
}

.stories-slider-button:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition-duration: .2s
}

.stories-slider-button:active:before {
	opacity: .25
}

.stories-slider-button-prev {
	left: 0;
	width: 50%
}

.stories-slider-button-prev:before {
	background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0))
}

.stories-slider-button-next {
	right: 0;
	width: 50%
}

.stories-slider-button-next:before {
	background-image: linear-gradient(to left, #000, rgba(0, 0, 0, 0))
}



@media (max-width: 990px) {

	.stories-slider-button-next:before {
		background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3E%3Cpath d='M21.247 25.842a.575.575 0 0 1-.91-.161.503.503 0 0 1 .113-.574l5.211-5.03-5.499-5.18a.516.516 0 0 1-.163-.372.501.501 0 0 1 .163-.371.577.577 0 0 1 .787 0l5.888 5.546a.516.516 0 0 1 .163.368.5.5 0 0 1-.159.37l-5.594 5.404Zm-7 0a.575.575 0 0 1-.91-.161.503.503 0 0 1 .114-.574l5.21-5.03-5.498-5.18a.516.516 0 0 1-.163-.372.501.501 0 0 1 .163-.371.577.577 0 0 1 .787 0l5.887 5.546a.517.517 0 0 1 .163.368.5.5 0 0 1-.159.37l-5.594 5.404Z'/%3E%3C/svg%3E");
		opacity: 1;
		background-position: center right;
		background-repeat: no-repeat;
		height: 60px;
		right:5px;
		left: unset;
		bottom: 0;
		top: unset;
		z-index: 2;
		background-size: contain;
		width: 25%;

	}
	.stories-slider-button-prev:before {
		background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3E%3Cpath d='M18.753 14.158a.575.575 0 0 1 .91.161.503.503 0 0 1-.113.574l-5.211 5.03 5.499 5.18a.516.516 0 0 1 .163.372.501.501 0 0 1-.163.371.577.577 0 0 1-.787 0L13.163 20.3a.516.516 0 0 1-.163-.368.5.5 0 0 1 .159-.37l5.594-5.404Zm7 0a.575.575 0 0 1 .91.161.503.503 0 0 1-.114.574l-5.21 5.03 5.498 5.18a.516.516 0 0 1 .163.372.501.501 0 0 1-.163.371.577.577 0 0 1-.787 0L20.163 20.3a.517.517 0 0 1-.163-.368.5.5 0 0 1 .159-.37l5.594-5.404Z'/%3E%3C/svg%3E");
		opacity: 1;
		background-position: center left;
		background-repeat: no-repeat;
		height: 60px;
		left:5px;
		bottom: 0;
		top: unset;
		z-index: 2;
		background-size: contain;
		width: 25%;

	}
	.stories-slider-button-next:after, .stories-slider-button-prev:after {
		content: '';
		position: absolute;
		width: 100%;
		bottom: -1px;
		height: 60px;
		background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	}
	.slide_main:first-child .stories-slider-button-prev:before {
		opacity: 0;
	}
	.slide_main:last-child .stories-slider-button-next:before {
		opacity: 0;
	}
}
.stories-slider-pagination {
	position: absolute;
	left: 8px;
	right: 8px;
	top: 8px;
	display: flex;
	justify-content: space-between;
	z-index: var(--stories-slider-z-pagination);
	pointer-events: none;
	transform: translateZ(0)
}

.stories-slider-pagination-bullet {
	width: 100%;
	flex-shrink: 10;
	border-radius: 999px;
	height: 2px;
	background: rgba(255, 255, 255, .48);
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 1px #00000059
}

.stories-slider-pagination-bullet span {
	position: absolute;
	background: rgba(255, 255, 255, .88);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 999px;
	transform: translate(-100%);
	transition-timing-function: linear
}

.stories-slider-pagination-bullet-viewed span {
	transform: translate(0);
	transition-duration: 0ms !important
}

.stories-slider-pagination-bullet+.stories-slider-pagination-bullet {
	margin-left: 2px
}

a.stories-slider-preview,
.stories-slider-preview a {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	transition-duration: .2s;
	border: 0;
}

a.stories-slider-preview:active,
.stories-slider-preview a:active {
	opacity: .55
}

.stories-slider-preview {
	display: flex;
	align-items: center;
	position: absolute;
	top: 18px;
	left: 12px;
	height: 32px;
	z-index: var(--stories-slider-z-user);
	color: #fff;
	text-decoration: none;
	user-select: none;
	-webkit-user-select: none
}

.stories-slider-preview-avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-right: 12px
}

.stories-slider-preview-avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	object-position: center
}

.stories-slider-preview-name {
	font-size: 14px;
	font-weight: 700;
	margin-right: 12px;
	/*text-shadow: 0px 0px 2px rgba(0, 0, 0, .35)*/
}

.stories-slider-preview-date {
	font-size: 14px;
	font-weight: 400;
	opacity: .55;
	/*text-shadow: 0px 0px 2px rgba(0, 0, 0, .35)*/
}

.stories-slider-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	right: 10px;
	top: 18px;
	height: 32px;
	z-index: var(--stories-slider-z-actions);
	transition-duration: .2s;
	user-select: none;
	-webkit-user-select: none
}

.stories-slider-close-button {
	margin-left: 18px;
	width: 22px;
	height: 22px;
	appearance: none;
	border: none;
	outline: none;
	box-shadow: none;
	display: block;
	position: relative;
	cursor: pointer;
	padding: 0;
	background: transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	user-select: none;
	-webkit-user-select: none
}

.stories-slider-close-button:before,
.stories-slider-close-button:after {
	content: "";
	width: 125%;
	height: 2px;
	background: rgba(255, 255, 255, .88);
	border-radius: 999px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	box-shadow: 0 0 1px #00000059
}

.stories-slider-close-button:before {
	transform: translate(-50%, -50%) rotate(45deg)
}

.stories-slider-close-button:after {
	transform: translate(-50%, -50%) rotate(-45deg)
}

.stories-slider-close-button:active {
	opacity: .55
}

.stories-slider-content {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: var(--stories-slider-z-content);
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
	-webkit-user-select: none
}

.stories-slider-content>img,
.stories-slider-content>video {
	width: 100%;
	height: 100%;
	object-position: center;
	display: block;
	border: none;
	outline: none;
	background: none;
	background-color: transparent
}

.stories-slider-content>img {
	object-fit: cover
}

.stories-slider-content>video {
	/*object-fit: contain;*/
	object-fit: cover
}
.stories-slider-content:after,
.stories-slider-content:before {
	content: "";
	height: 60px;
	position: absolute;
	width: 100%;
	z-index: 100;
}
.stories-slider-content:after {
	bottom: 0;
	background: linear-gradient(0deg,#00000080,#0000);
}
.stories-slider-content:before {
	top: 0;
	background: linear-gradient(0deg,#0000,#00000080);
}
.stories-slider .swiper-slide .link_bottom {
	position: absolute;
	width: 100%;
	bottom: 0px;
	padding: 10px 0;
	z-index: 2001;
	font-weight: bold;
	border: 0;
	color: #fff;
	display: flex;
	gap: 15px;
	align-items: center;
	justify-content: center;
	transition: .4s all linear;
	opacity: 1;
}

.stories-slider .swiper-slide .link_bottom:after,
.stories-slider .swiper-slide .link_bottom:before {
	content: "";
	width: 12px;
	height: 14px;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.75278 0.158182C5.8572 0.0581746 5.99799 0.00142736 6.14516 2.65606e-05C6.29233 -0.00137424 6.43425 0.0526821 6.54069 0.150682C6.59281 0.198309 6.63449 0.255536 6.66326 0.318976C6.69203 0.382415 6.7073 0.450775 6.70817 0.520008C6.70904 0.589241 6.69549 0.657938 6.66833 0.722031C6.64116 0.786124 6.60093 0.844309 6.55003 0.89314L1.33878 5.9231L6.83781 11.1038C6.88932 11.152 6.93027 11.2097 6.95823 11.2735C6.98619 11.3373 7.0006 11.4058 7.0006 11.475C7.0006 11.5443 6.98619 11.6128 6.95823 11.6766C6.93027 11.7403 6.88932 11.798 6.83781 11.8463C6.73232 11.9449 6.59117 12 6.44425 12C6.29733 12 6.15617 11.9449 6.05068 11.8463L0.162753 6.30033C0.111584 6.25241 0.070836 6.19513 0.0428921 6.13185C0.0149482 6.06856 0.000369012 6.00054 6.91485e-06 5.93176C-0.000355182 5.86298 0.0135071 5.79483 0.0407832 5.73127C0.0680594 5.66772 0.108202 5.61004 0.158864 5.56162L5.75278 0.158182ZM12.753 0.158182C12.8573 0.0583979 12.998 0.00179172 13.1449 0.00039132C13.2919 -0.00100908 13.4337 0.0529066 13.5401 0.150682C13.5922 0.198309 13.6339 0.255536 13.6627 0.318976C13.6914 0.382415 13.7067 0.450775 13.7076 0.520008C13.7084 0.589241 13.6949 0.657938 13.6677 0.722031C13.6406 0.786124 13.6003 0.844309 13.5494 0.89314L8.33818 5.9231L13.8372 11.1038C13.8887 11.152 13.9297 11.2097 13.9576 11.2735C13.9856 11.3373 14 11.4058 14 11.475C14 11.5443 13.9856 11.6128 13.9576 11.6766C13.9297 11.7403 13.8887 11.798 13.8372 11.8463C13.7317 11.9449 13.5906 12 13.4436 12C13.2967 12 13.1556 11.9449 13.0501 11.8463L7.16293 6.30033C7.11176 6.25241 7.07101 6.19513 7.04307 6.13185C7.01513 6.06856 7.00055 6.00054 7.00018 5.93176C6.99982 5.86298 7.01368 5.79483 7.04096 5.73127C7.06824 5.66772 7.10838 5.61004 7.15904 5.56162L12.753 0.158182Z' fill='%23fff'/%3E%3C/svg%3E%0A");
	transform: rotate(90deg);
	background-repeat: no-repeat;
	background-size: contain;
	transition: .4s all linear;
	animation: moveUpDown 2s infinite; /* Длительность анимации 2 секунды, повторяется бесконечно */
}

@media (min-width: 990px) {
	.stories-slider .swiper-slide .link_bottom {
		padding: 20px 0;
	}
	.stories-slider .swiper-slide .link_bottom:before {
		display: none;
	}
	.stories-slider .swiper-slide .link_bottom:hover {
		color: #f0d5a8;
	}
	.stories-slider .swiper-slide .link_bottom:hover:after {
	}
	@keyframes moveUpDown {
		0% {
			transform: rotate(-180deg);
		}
		50% {
			transform: rotate(-180deg) translateX(30%); /* Подвиньте элемент вверх на 20% */
		}
		100% {
			transform: rotate(-180deg);
		}
	}
}
@media (max-width: 990px) {
	@keyframes moveUpDown {
		0% {
			transform: rotate(90deg);
		}
		50% {
			transform: rotate(90deg) translateX(-30%); /* Подвиньте элемент вверх на 20% */
		}
		100% {
			transform: rotate(90deg);
		}
	}
}

:root {
	--swiper-theme-color: #007aff
}

:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	display: block
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-horizontal {
	touch-action: pan-y
}

.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d {
	perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
	transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
	scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
	content: "";
	flex-shrink: 0;
	order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.swiper-cube {
	overflow: visible
}

.swiper-cube .swiper-slide {
	pointer-events: none;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
	content: "";
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	-webkit-filter: blur(50px);
	filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
	z-index: 0;
	backface-visibility: hidden
}
.stories-block {
	display: flex;
	justify-content: center;
}
.stories-list {
	display: flex;
	align-items: center;
	padding: 12px;
	overflow: auto;
	scrollbar-width: none;
}

.stories-list::-webkit-scrollbar {
	display: none;
	opacity: 0
}

.stories-list a+a {
	margin-left: 12px
}

.stories-list a {
	font-weight: bold;
	color: #D0B485;
	text-decoration: none;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition-duration: .3s;
	transition-property: opacity;
	border: 0;
}

.stories-list a:active {
	opacity: .55;
	transition-duration: 50ms
}
@media (min-width: 990px) {
	.stories-list a .stories-list-avatar {
		transition: .4s all linear;
	}
	.stories-list a:hover .stories-list-avatar{
		transform: scale(1.05);
	}
}
.stories-list-avatar {
	position: relative;
	border-radius: 50%;
	padding: 4px;
	/*background-image: linear-gradient(to right top, #ffc600 20%, #ff0040, #e600cc 80%)*/
	border: 2px solid #D0B485;
}

.stories-list-avatar:before {
	/*
	content: "";
	position: absolute;
	left: 2px;
	top: 2px;
	right: 2px;
	bottom: 2px;
	background: #000;
	border-radius: 50%;
	z-index: 1*/
}

.stories-list-avatar img {
	position: relative;
	z-index: 2;
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center
}

.stories-list-name {
	font-size: 13px;
	line-height: 1;
	margin-top: 10px
}

.stories-slider {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	transform: scale(0);
	transform: translateZ(0) scale(.5);
	opacity: 0;
	background: #000
}

@media (min-width: 415px),
(min-height: 897px) {
	.stories-slider {
		background: rgba(24, 24, 27, 0.85);
	}
}

.stories-slider>.swiper {
	z-index: 2;
	max-width: 414px;
	max-height: 896px;
	overflow: unset;
	transition: .6s all linear;
}

.stories-slider:not(.stories-slider-in) {
	pointer-events: none;
	visibility: hidden;
	
}
.stories-slider.stories-slider-in {
	visibility: visible;
	
}
.stories-slider:not(.stories-slider-in) > .swiper {
	opacity: 0;
	/*transform: scale(.3);*/
}
.stories-slider.stories-slider-in > .swiper {
	/*transform: translateY(0vh);*/
	opacity: 1;
	/*transform: scale(1);*/
}
.stories-slider:not(.stories-slider-in) * {
	pointer-events: none !important
}

.stories-slider-in {
	animation: stories-slider-in .4s forwards;
	pointer-events: auto;
	transform: translateZ(0) scale(1);
	opacity: 1
}

.stories-slider-out {
	pointer-events: none;
	animation: stories-slider-out .3s forwards !important
}

@keyframes stories-slider-in {
	0% {
		/*transform: translateZ(0) scale(.5);*/
		opacity: 0
	}

	50% {
		/*transform: translateZ(0) scale(1);*/
		opacity: 0
	}

	to {
		/*transform: translateZ(0) scale(1);*/
		transform: translateY(0vh);
		opacity: 1
	}
}

@keyframes stories-slider-out {
	0% {
		/*transform: translateZ(0) scale(1);*/
		opacity: 1
	}

	50% {
		/*transform: translateZ(0) scale(.5);*/
		opacity: 0
	}

	to {
		/*transform: translateZ(0) scale(.5);*/
		opacity: 0
	}
}

.stories_open_btn {
	position: absolute;
	padding: 0;
	border: 8px solid #C0A475;
	left: 70px;
	bottom: 72px;
	width: 220px;
	height: 220px;
	z-index: 1;
	border-radius: 100%;
	transition: .4s all linear;
	cursor: pointer;
}
.stories_open_btn img {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
}
@media (min-width: 990px) {
	.stories_open_btn:hover {
		transform: scale(1.05);
	}
}
@media (max-width: 990px) {
	.stories_open_btn {
		width: 100px;
		height: 100px;
		left: 25px;
		border: 4px solid #C0A475;
	}
}