@font-face {
	font-family: swiper-icons;
	src: url(data:application/font-woff;charset=utf-8;base64,\ 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) format("woff");
	font-weight: 400;
	font-style: normal
}

: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: translate(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)
	}
}

:root {
	--fashion-slider-font-family: 'helvetica_now_displaybold', sans-serif;
	--fashion-slider-button-side-offset: 32px;
	--fashion-slider-button-mobile-side-offset: 24px;
	--fashion-slider-button-mobile-bottom-offset: 150px;
	--fashion-slider-title-font-size: clamp(1.8rem,3.5vw,2.6rem);
	--fashion-slider-title-line-height: 1.2
}

.fashion-slider {
	width: 100%;
	height: 100%;
	font-family: var(--fashion-slider-font-family)
}

.fashion-slider-no-transition {
	transition-duration: 0ms !important;
	transition-delay: 0ms !important;
	transition-property: none !important
}

.fashion-slider-no-transition *:not(.swiper-wrapper) {
	transition-duration: 0ms !important;
	transition-delay: 0ms !important;
	transition-property: none !important
}

.fashion-slider-no-transition .swiper-wrapper {
	transition-delay: 0ms !important
}

.fashion-slider .swiper {
	width: 100%;
	height: 100%;
	transition: 1s background-color 1.3s
}

.fashion-slider .swiper-wrapper {
	transition-delay: 1s;
	transition-timing-function: cubic-bezier(.5, 0, 0, 1)
}

.fashion-slider .swiper-slide {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.fashion-slider-title {
	transition-delay: 1s;
	z-index: 10
}

.fashion-slider-title-text {
	font-weight: 700;
	line-height: var(--fashion-slider-title-line-height);
	color: #fff0;
}
.fashion-slider-title-text a{
	color: #fff0;	
}
.fashion-slider-scale {
	width: 100%;
	height: 100%;
	position: absolute;
	transform: scale(.6);
	transition-duration: 1s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(.5, 0, 0, 1);
	opacity: .9;
	overflow: hidden
}

.fashion-slider-scale img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.2) translate(50%);
	transition-timing-function: cubic-bezier(.5, 0, 0, 1);
	transition-property: transform
}

.fashion-slider-button {
	transition: .5s;
	outline: none;
	position: absolute;
	width: 140px;
	z-index: 10;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer
}

.fashion-slider-button svg {
	display: block;
	transition: .5s
}

.fashion-slider-button .fashion-slider-svg-circle-wrap {
	transition: .5s;
	transform-origin: -20px 40px;
	opacity: 1
}

.fashion-slider-button circle {
	transition: .5s;
	stroke-width: 2px;
	stroke: #fff;
	fill: none;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
	opacity: 1;
	transform-origin: 0px 0px 0px
}

.fashion-slider-button .fashion-slider-svg-arrow {
	transition: .5s;
	fill: #fff;
	transform: rotateY(180deg) translate(-55px, 36.1px) scale(1.75)
}

.fashion-slider-button-prev {
	left: var(--fashion-slider-button-side-offset)
}

.fashion-slider-button-next {
	right: var(--fashion-slider-button-side-offset)
}

@media (max-width: 640px) {
	.fashion-slider-button {
		top: auto;
		bottom: var(--fashion-slider-button-mobile-bottom-offset);
		transform: none
	}

	.fashion-slider-button-prev {
		left: var(--fashion-slider-button-mobile-side-offset)
	}

	.fashion-slider-button-next {
		right: var(--fashion-slider-button-mobile-side-offset)
	}
}

.fashion-slider-button-disabled {
	opacity: .2;
	cursor: default
}

.fashion-slider-button .fashion-slider-svg-wrap {
	transform: translateY(353px)
}

.fashion-slider-button-next .fashion-slider-svg-wrap {
	transform: translateY(353px) rotateY(180deg);
	transform-origin: 80px 0px 0px
}

.fashion-slider-button .fashion-slider-svg-line {
	transition: .5s;
	stroke: #fff;
	stroke-width: 2;
	transform: translate(50px, 42px)
}

.fashion-slider-button-prev:not(.fashion-slider-button-disabled):hover svg {
	transform: translate(-16px)
}

.fashion-slider-button-next:not(.fashion-slider-button-disabled):hover svg {
	transform: translate(16px)
}

.fashion-slider-button:not(.fashion-slider-button-disabled):hover .fashion-slider-svg-circle-wrap {
	transform: scale(1.1)
}

.fashion-slider-button:not(.fashion-slider-button-disabled):hover circle {
	stroke-dasharray: 4px;
	stroke-dashoffset: 4px;
	opacity: 1
}

.fashion-slider-button:not(.fashion-slider-button-disabled):hover .fashion-slider-svg-arrow {
	transform: rotateY(180deg) translate(-40px, 36.1px) scale(1.75)
}

.fashion-slider-button:not(.fashion-slider-button-disabled):hover .fashion-slider-svg-line {
	transform: translate(35px, 42px) scaleX(.5)
}

#app {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center
}


.fashion-slider-title{
padding-top: 100px;
max-width:600px;
padding-left:15px;
padding-right:15px;
}
.fashion-slider-title-text .title{
	font-family: 'helvetica_now_displaybold', sans-serif;
	font-size: 4.8vw;
	font-size: clamp(2rem,4.8vw,3.7rem);
	display:block;
	line-height: 1;
	padding-bottom:15px
	}
.fashion-slider-title-text p{
font-family: 'inter', sans-serif;
font-weight: 400;
font-size:16px!important;
line-height: 1.6;	
}
.fashion-slider-title-text a{
	font-size:12px;
	text-transform:uppercase;
	font-family: "Inter", sans-serif;
	font-weight:700;
	padding-bottom:3px;
	border-bottom:solid 2px;
	letter-spacing:1.5px;
	}

	@media (max-width: 991px) {
		.fashion-slider-title{
			max-width:400px;	
	}
}
