html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

html {
    background-color: rgb(21, 16, 40);
    box-sizing: border-box;
    font-family: "SF Pro Display", serif;
    -webkit-tap-highlight-color: transparent;
}

html, body {
    overflow: hidden !important;
}

html, body, #root {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    overscroll-behavior-y: none;
}

* > *, ::after, ::before {
    -webkit-font-smoothing: antialiased;
    box-sizing: inherit;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
}

* {
    scrollbar-width: none;
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.container {
	position: fixed;
	display: flex;
	top: 0;
	left: 0;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	background: url("./assets/bg.jpg") #060211;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 70px 0;
	box-sizing: border-box;
}
.animation {
	width: 238px;
	height: 238px;
}
.content {
	position: relative;
	width: 100%;
	height: 100%;
}
@keyframes shinePulse {
	0%, 100% { transform: scale(1) }
	50% { transform: scale(0.85) }
}
@keyframes starPulse {
	0%, 100% { transform: scale(1) }
	50% { transform: scale(1.15) }
}
@keyframes letterJump {
	0%, 20%, 100% { transform: translateY(0) }
	7% { transform: translateY(10px) }
	14% { transform: translateY(-20px) }
}
@keyframes manMove {
	0%, 100% { transform: translate(0, 0) }
	50% { transform: translate(10px, -10px) }
}
.logo{
	margin-bottom: 50px;
	width: 70px;
}
.item {
	position: absolute;
	top: 0;
	left: 0;
	transition-timing-function: ease-in-out;
}
.mask {
	border-radius: 50%;
	overflow: hidden;
	width: 238px;
	height: 238px;
	max-width: 238px;
	max-height: 238px;
	transform: translateZ(0);
}
.name {
	top: 100%;
	left: 50%;
}
.bg-shine{
	width: 238px;
	height: 238px;
	max-width: 238px;
	max-height: 238px;
	background: #c86edb;
	animation: shinePulse 3s ease-in-out 0s infinite reverse;
	border-radius: 50%;
	box-shadow: 0 0 100px #8e46ff;
}
.bg-circle{
	width: 238px;
	height: 238px;
	background: linear-gradient(135deg, #b172ff, #8e46ff);
	border-radius: 300px;
}
.bg {
	background-image: url('./sprite.webp');
}
.bg-l {
	top: -20px;
	left: -129px;
	width: 63px; height: 96px;
	background-position: -401px -1px;
	animation: letterJump 4s ease-in-out 0.5s infinite;
}
.bg-u {
	top: 8px;
	left: -81px;
	width: 56px; height: 67px;
	background-position: -401px -271px;
	animation: letterJump 4s ease-in-out 0.6s infinite;
}
.bg-c {
	top: -32px;
	left: -33px;
	filter: drop-shadow(0 -3px 5px #2f165866);
	width: 62px; height: 109px;
	background-position: -328px -99px;
	animation: letterJump 4s ease-in-out 0.7s infinite;
}
.bg-k {
	top: 1px;
	left: 29px;
	width: 54px; height: 74px;
	background-position: -401px -195px;
	animation: letterJump 4s ease-in-out 0.8s infinite;
}
.bg-y {
	top: -20px;
	left: 73px;
	width: 70px; height: 96px;
	background-position: -328px -210px;
	animation: letterJump 4s ease-in-out 0.9s infinite;
}
.bg-j {
	top: 80px;
	left: -87px;
	width: 61px; height: 94px;
	background-position: -401px -99px;
	animation: letterJump 4s ease-in-out 0.6s infinite;
}
.bg-e {
	top: 93px;
	left: -24px;
	width: 51px; height: 72px;
	background-position: -328px -308px;
	animation: letterJump 4s ease-in-out 0.75s infinite;
}
.bg-t {
	top: 81px;
	left: 22px;
	width: 71px; height: 96px;
	background-position: -328px -1px;
	animation: letterJump 4s ease-in-out 0.9s infinite;
}
.bg-star {
	top: -10px;
	left: -10px;
	width: 47px; height: 51px;
	background-position: -401px -340px;
	animation: starPulse 3s ease-in-out 0s infinite;
}
.bg-star-2 {
	top: 140px;
	left: 208px;
}
.bg-man {
	top: -18%;
	left: -25%;
	width: 325px; height: 397px;
	background-position: -1px -1px;
	animation: manMove 1.5s ease-in-out 0s infinite;
}
.middle {
	margin-top: -50px;
	height: 363px;
	transform: scale(0.85);
}
@media (max-width: 600px) or (max-height: 600px) {
	.middle {
		transform: scale(0.75);
	}
}
@media (max-width: 450px) or (max-height: 450px) {
	.middle {
		transform: scale(0.66);
	}
}
@media (max-height: 570px) {
	.logo {
		display: none;
	}
	.container {
		justify-content: center;
		padding: 30px 0;
	}
}
@media (max-height: 475px) {
	.progress {
		display: none;
	}
}
.progress {
	width: 280px;
	max-width: calc(100% - 30px);
	height: 9px;
	border-radius: 9px;
	margin: 0px -30px 0;
	position: relative;
}
.progress__value, .progress__line {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.progress__value {
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #161024;
	height: 7px !important;
	text-align: center;
	color: white;
	font-family: sans-serif;
	font-size: 16px;
	text-indent: 10px;
	line-height: 50px;
}
.progress, .progress__line {
	background: linear-gradient(90deg, #ff9c00, #ff8500);
}
.progress__line {
	width: 0%;
	transition: 8s;
}
.progress[progress="0"] .progress__line {
	width: 33%;
	transition: 5s;
}
.progress[progress="1"] .progress__line {
	width: 66%;
	transition: 3s;
}
.progress[progress="2"] .progress__line {
	width: 99%;
	transition: 1s;
}
.progress[progress="3"] .progress__line {
	width: 100%;
	transition: 0.3s;
}
			@keyframes resizeanim { from { opacity: 0; } to { opacity: 0; } } 
			.resize-triggers { animation: 1ms resizeanim; visibility: hidden; opacity: 0; } 
			.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }
			
			@keyframes react-loading-skeleton {
				100% {
					transform: translateX(100%);
				}
			}

			@media (max-width: 1053px) {
			  #root {
			    overflow: hidden auto;
			  }
			}

			.react-loading-skeleton {
				--base-color: #ebebeb;
				--highlight-color: #f5f5f5;
				--animation-duration: 1.5s;
				--animation-direction: normal;
				--pseudo-element-display: block; /* Enable animation */
				
				background-color: var(--base-color);
				
				width: 100%;
				border-radius: 0.25rem;
				display: inline-flex;
				line-height: 1;
				
				position: relative;
				user-select: none;
				overflow: hidden;
			}
			
			.react-loading-skeleton::after {
				content: ' ';
				display: var(--pseudo-element-display);
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				height: 100%;
				background-repeat: no-repeat;
				background-image: var(
					--custom-highlight-background,
					linear-gradient(
					90deg,
					var(--base-color) 0%,
					var(--highlight-color) 50%,
					var(--base-color) 100%
					)
				);
				transform: translateX(-100%);
				
				animation-name: react-loading-skeleton;
				animation-direction: var(--animation-direction);
				animation-duration: var(--animation-duration);
				animation-timing-function: ease-in-out;
				animation-iteration-count: infinite;
			}
				
			@media (prefers-reduced-motion) {
				.react-loading-skeleton {
					--pseudo-element-display: none; /* Disable animation */
				}
			}
			.wrapper_main {
				display: flex;
				flex-direction: column;
				padding-left: 12px;
			}
			
			.swiper_main {
				width: 100%;
				display: flex;
				gap: 33px;
				justify-content: center;
				padding: 16px 0;
			
				@media (max-width: 1053px) {
					gap: 8px;
					justify-content: start;
				}
			
				&::-webkit-scrollbar {
					display: none;
				}
			
				overflow-x: auto;
				scroll-snap-type: x mandatory;
				scroll-snap-align: center;
				scroll-behavior: smooth;
			}
			
			.inner-shadow {
				@media (max-width: 1053px) {
					mask: linear-gradient(to right, #000 95%, transparent 100%);
				}
			}
			
			.item-element {
				scroll-snap-align: start;
				width: fit-content;
				max-width: 100%;
			}
			
			.controlsWrapper {
				display: flex;
				align-items: center;
				justify-content: center;
			}
			
			.controls_main {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 10px;
				border-radius: 8px;
				padding: 5px;
			}
			
			@keyframes animate {
				0% {
					transform: scaleX(0);
				}
				100% {
					transform: scaleX(1);
				}
			}
			
			.control_main {
				width: 6px;
				height: 6px;
				padding: 0;
				border-radius: 1000px;
				background-color: #1B1536;
				position: relative;
				transition: width 0.3s;
				overflow-x: hidden;
				outline: none;
				border: none;
				&.active {
					width: 19px;
			
					&:after {
						content: '';
						position: absolute;
						left: 1px;
						top: 1px;
						width: 17px;
						height: 4px;
						animation: animate var(--interval) linear;
						transform-origin: left;
						border-radius: 1000px;
						background-color: #944EF5;
					}
				}
			}
				.emoji-mart,
				.emoji-mart * {
				box-sizing: border-box;
				line-height: 1.15;
				}
				
				.emoji-mart {
				font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
				font-size: 16px;
				display: inline-block;
				color: #222427;
				border: 1px solid #d9d9d9;
				border-radius: 5px;
				background: #fff;
				}
				
				.emoji-mart .emoji-mart-emoji {
				padding: 6px;
				}
				
				.emoji-mart-bar {
				border: 0 solid #d9d9d9;
				}
				.emoji-mart-bar:first-child {
				border-bottom-width: 1px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				}
				.emoji-mart-bar:last-child {
				border-top-width: 1px;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				}
				
				.emoji-mart-anchors {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				padding: 0 6px;
				line-height: 0;
				}
				
				.emoji-mart-anchor {
				position: relative;
				display: block;
				flex: 1 1 auto;
				color: #858585;
				text-align: center;
				padding: 12px 4px;
				overflow: hidden;
				transition: color .1s ease-out;
				margin: 0;
				box-shadow: none;
				background: none;
				border: none;
				}
				.emoji-mart-anchor:focus { outline: 0 }
				.emoji-mart-anchor:hover,
				.emoji-mart-anchor:focus,
				.emoji-mart-anchor-selected {
				color: #464646;
				}
				
				.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
				bottom: 0;
				}
				
				.emoji-mart-anchor-bar {
				position: absolute;
				bottom: -3px; left: 0;
				width: 100%; height: 3px;
				background-color: #464646;
				}
				
				.emoji-mart-anchors i {
				display: inline-block;
				width: 100%;
				max-width: 22px;
				}
				
				.emoji-mart-anchors svg,
				.emoji-mart-anchors img {
				fill: currentColor;
				height: 18px;
				width: 18px;
				}
				
				.emoji-mart-scroll {
				overflow-y: scroll;
				overflow-x: hidden;
				height: 270px;
				padding: 0 6px 6px 6px;
				will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
				}
				
				.emoji-mart-search {
				margin-top: 6px;
				padding: 0 6px;
				position: relative;
				}
				
				.emoji-mart-search input {
				font-size: 16px;
				display: block;
				width: 100%;
				padding: 5px 25px 6px 10px;
				border-radius: 5px;
				border: 1px solid #d9d9d9;
				outline: 0;
				}
				
				.emoji-mart-search input,
				.emoji-mart-search input::-webkit-search-decoration,
				.emoji-mart-search input::-webkit-search-cancel-button,
				.emoji-mart-search input::-webkit-search-results-button,
				.emoji-mart-search input::-webkit-search-results-decoration {
				/* remove webkit/blink styles for <input type="search">
				* via https://stackoverflow.com/a/9422689 */
				-webkit-appearance: none;
				}
				
				.emoji-mart-search-icon {
				position: absolute;
				top: 7px;
				right: 11px;
				z-index: 2;
				padding: 2px 5px 1px;
				border: none;
				background: none;
				}
				
				.emoji-mart-category .emoji-mart-emoji span {
				z-index: 1;
				position: relative;
				text-align: center;
				cursor: default;
				}
				
				.emoji-mart-category .emoji-mart-emoji:hover:before {
				z-index: 0;
				content: "";
				position: absolute;
				top: 0; left: 0;
				width: 100%; height: 100%;
				background-color: #f4f4f4;
				border-radius: 100%;
				}
				
				.emoji-mart-category-label {
				z-index: 2;
				position: relative;
				position: -webkit-sticky;
				position: sticky;
				top: 0;
				}
				
				.emoji-mart-category-label span {
				display: block;
				width: 100%;
				font-weight: 500;
				padding: 5px 6px;
				background-color: #fff;
				background-color: rgba(255, 255, 255, .95);
				}
				
				.emoji-mart-category-list {
				margin: 0;
				padding: 0;
				}
				
				.emoji-mart-category-list li {
				list-style: none;
				margin: 0;
				padding: 0;
				display: inline-block;
				}
				
				.emoji-mart-emoji {
				position: relative;
				display: inline-block;
				font-size: 0;
				margin: 0;
				padding: 0;
				border: none;
				background: none;
				box-shadow: none;
				}
				
				.emoji-mart-emoji-native {
				font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
				}
				
				.emoji-mart-no-results {
				font-size: 14px;
				text-align: center;
				padding-top: 70px;
				color: #858585;
				}
				.emoji-mart-no-results-img {
				display: block;
				margin-left: auto;
				margin-right: auto;
				width: 50%;
				}
				.emoji-mart-no-results .emoji-mart-category-label {
				display: none;
				}
				.emoji-mart-no-results .emoji-mart-no-results-label {
				margin-top: .2em;
				}
				.emoji-mart-no-results .emoji-mart-emoji:hover:before {
				content: none;
				}
				
				.emoji-mart-preview {
				position: relative;
				height: 70px;
				}
				
				.emoji-mart-preview-emoji,
				.emoji-mart-preview-data,
				.emoji-mart-preview-skins {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				}
				
				.emoji-mart-preview-emoji {
				left: 12px;
				}
				
				.emoji-mart-preview-data {
				left: 68px; right: 12px;
				word-break: break-all;
				}
				
				.emoji-mart-preview-skins {
				right: 30px;
				text-align: right;
				}
				
				.emoji-mart-preview-skins.custom {
				right: 10px;
				text-align: right;
				}
				
				.emoji-mart-preview-name {
				font-size: 14px;
				}
				
				.emoji-mart-preview-shortname {
				font-size: 12px;
				color: #888;
				}
				.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
				.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
				.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
				margin-left: .5em;
				}
				
				.emoji-mart-preview-emoticon {
				font-size: 11px;
				color: #bbb;
				}
				
				.emoji-mart-title span {
				display: inline-block;
				vertical-align: middle;
				}
				
				.emoji-mart-title .emoji-mart-emoji {
				padding: 0;
				}
				
				.emoji-mart-title-label {
				color: #999A9C;
				font-size: 26px;
				font-weight: 300;
				}
				
				.emoji-mart-skin-swatches {
				font-size: 0;
				padding: 2px 0;
				border: 1px solid #d9d9d9;
				border-radius: 12px;
				background-color: #fff;
				}
				
				.emoji-mart-skin-swatches.custom {
				font-size: 0;
				border: none;
				background-color: #fff;
				}
				
				.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
				width: 16px;
				padding: 0 2px;
				}
				
				.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
				opacity: .75;
				}
				
				.emoji-mart-skin-swatch {
				display: inline-block;
				width: 0;
				vertical-align: middle;
				transition-property: width, padding;
				transition-duration: .125s;
				transition-timing-function: ease-out;
				}
				
				.emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s }
				.emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s }
				.emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s }
				.emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s }
				.emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s }
				.emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s }
				
				.emoji-mart-skin-swatch.selected {
				position: relative;
				width: 16px;
				padding: 0 2px;
				}
				
				.emoji-mart-skin-swatch.selected:after {
				content: "";
				position: absolute;
				top: 50%; left: 50%;
				width: 4px; height: 4px;
				margin: -2px 0 0 -2px;
				background-color: #fff;
				border-radius: 100%;
				pointer-events: none;
				opacity: 0;
				transition: opacity .2s ease-out;
				}
				
				.emoji-mart-skin-swatch.custom {
				display: inline-block;
				width: 0;
				height: 38px;
				overflow: hidden;
				vertical-align: middle;
				transition-property: width, height;
				transition-duration: .125s;
				transition-timing-function: ease-out;
				cursor: default;
				}
				
				.emoji-mart-skin-swatch.custom.selected {
				position: relative;
				width: 36px;
				height: 38px;
				padding: 0 2px 0 0;
				}
				
				.emoji-mart-skin-swatch.custom.selected:after {
				content: "";
				width: 0;
				height: 0;
				}
				
				.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
				background-color: #f4f4f4;
				border-radius: 10%;
				}
				
				.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
				width: 36px;
				height: 38px;
				padding: 0 2px 0 0;
				}
				
				.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
				opacity: .75;
				}
				
				.emoji-mart-skin-text.opened {
				display: inline-block;
				vertical-align: middle;
				text-align: left;
				color: #888;
				font-size: 11px;
				padding: 5px 2px;
				width: 95px;
				height: 40px;
				border-radius: 10%;
				background-color: #fff;
				}
				
				.emoji-mart-skin {
				display: inline-block;
				width: 100%;
				padding-top: 100%;
				max-width: 12px;
				border-radius: 100%;
				}
				
				.emoji-mart-skin-tone-1 { background-color: #ffc93a }
				.emoji-mart-skin-tone-2 { background-color: #fadcbc }
				.emoji-mart-skin-tone-3 { background-color: #e0bb95 }
				.emoji-mart-skin-tone-4 { background-color: #bf8f68 }
				.emoji-mart-skin-tone-5 { background-color: #9b643d }
				.emoji-mart-skin-tone-6 { background-color: #594539 }
				
				/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
				.emoji-mart-sr-only {
				position: absolute;
				width: 1px;
				height: 1px;
				padding: 0;
				margin: -1px;
				overflow: hidden;
				clip: rect(0, 0, 0, 0);
				border: 0;
				}
				
				/*
				* Dark mode styles
				*/
				
				.emoji-mart-dark {
				color: #fff;
				border-color: #555453;
				background-color: #222;
				}
				
				.emoji-mart-dark .emoji-mart-bar {
				border-color: #555453;
				}
				
				.emoji-mart-dark .emoji-mart-search input {
				color: #fff;
				border-color: #555453;
				background-color: #2f2f2f;
				}
				
				.emoji-mart-dark .emoji-mart-search-icon svg {
				fill: #fff;
				}
				
				.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
				background-color: #444;
				}
				
				.emoji-mart-dark .emoji-mart-category-label span {
				background-color: #222;
				color: #fff;
				}
				
				.emoji-mart-dark .emoji-mart-skin-swatches {
				border-color: #555453;
				background-color: #222;
				}
				
				.emoji-mart-dark .emoji-mart-anchor:hover,
				.emoji-mart-dark .emoji-mart-anchor:focus,
				.emoji-mart-dark .emoji-mart-anchor-selected {
				color: #bfbfbf;
				}
				/* manrope-200 - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Manrope';
					font-style: normal;
					font-weight: 200;
					src: local(''),
					url(./assets/fonts/bbc68f1fec15ed03505c8257312fff2b.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* manrope-300 - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Manrope';
					font-style: normal;
					font-weight: 300;
					src: local(''),
					url(./assets/fonts/d3b17886bcb38489acae9378166a3a54.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* manrope-regular - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Manrope';
					font-style: normal;
					font-weight: 400;
					src: local(''),
					url(./8b824f8bb07412e38c3ea7d18dfa2e5b-BaaTOtNN.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* manrope-500 - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Manrope';
					font-style: normal;
					font-weight: 500;
					src: local(''),
					url(./b80cc4fe4277f0db557f0aae1203f984-Bquo_Qby.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* manrope-700 - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Manrope';
					font-style: normal;
					font-weight: 700;
					src: local(''),
					url(./3b9327d0d957fd15ac31aced90aee35f-CugqUtcg.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* manrope-600 - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Manrope';
					font-style: normal;
					font-weight: 600;
					src: local(''),
					url(./1eb3f27d0ef53b82875596f965464a45-C5eLPy4Z.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* manrope-800 - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Manrope';
					font-style: normal;
					font-weight: 800;
					src: local(''),
					url(./4a606ba7667ca4ddf4e857437f1f4c6e-Cb63RgkI.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				@font-face {
					font-family: 'Rocketfont';
					font-style: normal;
					font-weight: 400;
					src: local(''),
					url(./07918b57c893a775a35cb97c132e5c76-CPBc7Xtl.woff2) format('woff2');
				}
				@font-face {
					font-family: 'Roboto';
					font-style: normal;
					font-weight: 100;
					src: local(''), url(./5fca06a4ee1e089e9ccd2fc9bbbcd112-Dj9u0zRN.ttf) format('truetype');
				}
				/* roboto-100italic - latin-ext_latin_cyrillic-ext_cyrillic */
				@font-face {
					font-family: 'Roboto';
					font-style: italic;
					font-weight: 100;
					src: local(''), url(./assets/fonts/ec7f662e1460da097974abf193a52939.woff2) format('woff2');
				}
				/* roboto-300 - latin-ext_latin_cyrillic-ext_cyrillic */
				@font-face {
					font-family: 'Roboto';
					font-style: normal;
					font-weight: 300;
					src: local(''), url(./assets/fonts/680fc6ded3541a8ad8818f26515818fb.woff2) format('woff2');
				}
				/* roboto-regular - latin-ext_latin_cyrillic-ext_cyrillic */
				@font-face {
					font-family: 'Roboto';
					font-style: normal;
					font-weight: 400;
					src: local(''), url(./5fca06a4ee1e089e9ccd2fc9bbbcd112-Dj9u0zRN.ttf) format('truetype');
				}
				/* roboto-300italic - latin-ext_latin_cyrillic-ext_cyrillic */
				@font-face {
					font-family: 'Roboto';
					font-style: italic;
					font-weight: 300;
					src: local(''), url(./assets/fonts/d02f296cd89a171245b57448d98702f3.woff2) format('woff2');
				}
				/* roboto-italic - latin-ext_latin_cyrillic-ext_cyrillic */
				@font-face {
					font-family: 'Roboto';
					font-style: italic;
					font-weight: 400;
					src: local(''), url(./assets/fonts/10758493cf8abc93af8de013faa0fea0.woff2) format('woff2');
				}
				/* roboto-500 - latin-ext_latin_cyrillic-ext_cyrillic */
				@font-face {
					font-family: 'Roboto';
					font-style: normal;
					font-weight: 500;
					src: local(''), url(./assets/fonts/ef8bb09446f518f4b91c2c2058c343f4.woff2) format('woff2');
				}
				/* roboto-500italic - latin-ext_latin_cyrillic-ext_cyrillic */
				@font-face {
					font-family: 'Roboto';
					font-style: italic;
					font-weight: 500;
					src: local(''), url(./assets/fonts/5d57d7b0d039ba0868858ea44dfd119d.woff2) format('woff2');
				}
				/* roboto-700 - latin-ext_latin_cyrillic-ext_cyrillic */
				@font-face {
					font-family: 'Roboto';
					font-style: normal;
					font-weight: 700;
					src: local(''), url(./assets/fonts/6a1f56a657ffc4e56dbb65c38f2bbdfc.woff2) format('woff2');
				}
				/* roboto-700italic - latin-ext_latin_cyrillic-ext_cyrillic */
				@font-face {
					font-family: 'Roboto';
					font-style: italic;
					font-weight: 700;
					src: local(''), url(./assets/fonts/7e573efd5238dba2bdc93692897b2e97.woff2) format('woff2');
				}
				/* roboto-900 - latin-ext_latin_cyrillic-ext_cyrillic */
				@font-face {
					font-family: 'Roboto';
					font-style: normal;
					font-weight: 900;
					src: local(''), url(./49e950e22fcca62134143ddfb2c3db53-gSC_s5pM.woff2) format('woff2');
				}
				/* roboto-900italic - latin-ext_latin_cyrillic-ext_cyrillic */
				@font-face {
					font-family: 'Roboto';
					font-style: italic;
					font-weight: 900;
					src: local(''), url(./assets/fonts/0d72a762dbf90daf7e3c1d3aa3901b93.woff2) format('woff2');
				}
				/* montserrat-100 - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: normal;
					font-weight: 100;
					src: local(''),
					url(./assets/fonts/92be2b152e09d9f3d6bbbe65d12bda6c.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-100italic - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: italic;
					font-weight: 100;
					src: local(''),
					url(./assets/fonts/1fe73b174d3237c0d9236b708b25b0b5.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-200 - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: normal;
					font-weight: 200;
					src: local(''),
					url(./assets/fonts/77d4a3dbf5967f25a93b9539fdce5288.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-300 - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: normal;
					font-weight: 300;
					src: local(''),
					url(./assets/fonts/6a8d2ba63c0dae00c009f9739e768fee.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-200italic - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: italic;
					font-weight: 200;
					src: local(''),
					url(./assets/fonts/9b953b6a52f0c5a826d6b896452fea92.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-regular - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: normal;
					font-weight: 400;
					src: local(''),
					url(./assets/fonts/ac8743d7ab8cec661cac6900c4dbaa8e.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-300italic - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: italic;
					font-weight: 300;
					src: local(''),
					url(./assets/fonts/ada1e5a6b93b6c553ae16c3782fefa95.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-italic - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: italic;
					font-weight: 400;
					src: local(''),
					url(./assets/fonts/d48c3902da37d76cfed89c3c89c3b0e9.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-500 - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: normal;
					font-weight: 500;
					src: local(''),
					url(./assets/fonts/54f36bb0d37d7056b5e9bdc7800bb383.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-500italic - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: italic;
					font-weight: 500;
					src: local(''),
					url(./assets/fonts/b4510877e4854b0e71990b03040dab0c.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-600 - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: normal;
					font-weight: 600;
					src: local(''),
					url(./assets/fonts/602ae4043a085597a88e25173ec36fa6.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-700 - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: normal;
					font-weight: 700;
					src: local(''),
					url(./assets/fonts/2ba48baa7331230f9a8bf1f4055a9a68.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-600italic - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: italic;
					font-weight: 600;
					src: local(''),
					url(./assets/fonts/cf244917b9192574334e9fff666dbe26.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-700italic - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: italic;
					font-weight: 700;
					src: local(''),
					url(./assets/fonts/9894336933a6d76144405fd74479a85d.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-800 - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: normal;
					font-weight: 800;
					src: local(''),
					url(./assets/fonts/d1a89c3e4a48dc040e2821aec0dd864b.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-800italic - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: italic;
					font-weight: 800;
					src: local(''),
					url(./assets/fonts/9fac4c5fd21d7d6ade0b60a968eacc1b.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-900 - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: normal;
					font-weight: 900;
					src: local(''),
					url(./assets/fonts/19ea557df249fa6f3f450f3faca577e7.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				/* montserrat-900italic - latin-ext_latin_cyrillic */
				@font-face {
					font-family: 'Montserrat';
					font-style: italic;
					font-weight: 900;
					src: local(''),
					url(./assets/fonts/8fb3d37bfabd357900cdcd18fa940310.woff2) format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
				}
				@font-face { 
					font-family: "Inter";
					src: local('InterBlack'), local('Inter-Black'), local('Inter Black'),
						url(./assets/fonts/51d61d733d65ebf2458a970b380dd84a.woff2) format("woff2");
					font-style: normal;
					font-weight: 900;
				}
				
				@font-face { 
					font-family: "Inter";
					src: local('InterExtraBold'), local('Inter-ExtraBold'), local('Inter ExtraBold'),
						url(./assets/fonts/7512b86dc7ea6a584a49ad795ec1e628.woff2) format("woff2");
					font-style: normal;
					font-weight: 800;
				}
				
				@font-face { 
					font-family: "Inter";
					src: local('InterBold'), local('Inter-Bold'), local('Inter Bold'),
						url(./eccbcfa9bc0203198ac64a4db0cded7e-BL-v2fdl.woff2) format("woff2");
					font-style: normal;
					font-weight: 700;
				}
				
				@font-face { 
					font-family: "Inter";
					src: local('InterSemiBold'), local('Inter-SemiBold'), local('Inter SemiBold'),
						url(./ab564c2dbbe039da8cb5293721b7590e-DDVQvQf0.woff2) format("woff2");
					font-style: normal;
					font-weight: 600;
				}
				
				@font-face { 
					font-family: "Inter";
					src: local('InterMedium'), local('Inter-Medium'), local('Inter Medium'),
						url(./assets/fonts/8a50feca5194fae5cc45db842f63dc06.woff2) format("woff2");
					font-style: normal;
					font-weight: 400;
				}
				
				@font-face { 
					font-family: "Inter";
					src: local('InterRegular'), local('Inter-Regular'), local('Inter Regular'),
						url(./6fcad65b7a8f7ffabb8e061a8be9d59e-DoVWZ_YJ.woff2) format("woff2");
					font-style: normal;
					font-weight: 400;
				}
				
				@font-face { 
					font-family: "Inter";
					src: local('InterLight'), local('Inter-Light'), local('Inter Light'),
						url(./assets/fonts/78771d7398abb1ce4815592ef8c73cba.woff2) format("woff2");
					font-style: normal;
					font-weight: 300;
				}
				
				@font-face { 
					font-family: "Inter";
					src: local('InterExtraLight'), local('Inter-ExtraLight'), local('Inter ExtraLight'),
						url(./assets/fonts/c7d92f781f7798a55f4931bb15c6532e.woff2) format("woff2");
					font-style: normal;
					font-weight: 200;
				}
				
				@font-face { 
					font-family: "Inter";
					src: local('InterThin'), local('Inter-Thin'), local('Inter Thin'),
						url(./assets/fonts/362c6f645d162ba2ed80f21de3c34301.woff2) format("woff2");
					font-style: normal;
					font-weight: 100;
				}
				
				@font-face {
					font-display: swap;
					font-family: 'SF Pro Display';
					font-style: normal;
					font-weight: 100;
					src: local('SF Pro Display Thin'), local('SFProDisplay-Thin'),
					url(./assets/fonts/03046e4ce4425deba9d23d70aacdacdd.woff2) format('woff2');
				}
				
				@font-face {
					font-display: swap;
					font-family: 'SF Pro Display';
					font-style: normal;
					font-weight: 200;
					src: local('SF Pro Display Light'), local('SFProDisplay-Light'),
					url(./assets/fonts/54469e3c52efb3dffc83b8373749f46f.woff2) format('woff2');
				}
				
				@font-face {
					font-display: swap;
					font-family: 'SF Pro Display';
					font-style: normal;
					font-weight: normal;
					src: local('SF Pro Display Regular'), local('SFProDisplay-Regular'),
					url(./d5ff9f6824d2c66073618ceab4a5dae7-M7edu-1M.woff2) format('woff2');
				}
				
				@font-face {
					font-display: swap;
					font-family: 'SF Pro Display';
					font-style: normal;
					font-weight: 500;
					src: local('SF Pro Display Medium'), local('SFProDisplay-Medium'),
					url(./22a99d36f90cc52d2914adca813e56ed-BLXVOOGr.woff2) format('woff2');
				}
				
				@font-face {
					font-display: swap;
					font-family: 'SF Pro Display';
					font-style: normal;
					font-weight: 600;
					src: local('SF Pro Display Semibold'), local('SFProDisplay-Semibold'),
					url(./3926eb65ce4420a819305cdf5dd2bfd6-qhwqXlkj.woff2) format('woff2');
				}
				
				@font-face {
					font-display: swap;
					font-family: 'SF Pro Display';
					font-style: normal;
					font-weight: bold;
					src: local('SF Pro Display Bold'), local('SFProDisplay-Bold'),
					url(./84c242fe1f30a86d5ab33ebce2be8b0b-YXKDzhow.woff2) format('woff2');
				}
				
				@font-face {
					font-display: swap;
					font-family: 'SF Pro Display';
					font-style: normal;
					font-weight: 900;
					src: local('SF Pro Display Heavy'), local('SFProDisplay-Heavy'),
					url(./assets/fonts/24136192bce52708c98be192f4c9eeab.woff2) format('woff2');
				}
				
				@font-face {
					font-display: swap;
					font-family: 'SF Pro Display';
					font-style: italic;
					font-weight: 100;
					src: local('SF Pro Display ThinItalic'), local('SFProDisplay-ThinItalic'),
					url(./assets/fonts/67c1380ff0ab31073ed92564a2760144.woff2) format('woff2');
				}
				
				@font-face {
					font-display: swap;
					font-family: 'SF Pro Display';
					font-style: italic;
					font-weight: 200;
					src: local('SF Pro Display LightItalic'), local('SFProDisplay-LightItalic'),
					url(./assets/fonts/528a7ab2aefaac261e21c0d45f81008f.woff2) format('woff2');
				}
				
				@font-face {
					font-display: swap;
					font-family: 'SF Pro Display';
					font-style: italic;
					font-weight: normal;
					src: local('SF Pro Display Regular Italic'), local('SFProDisplay-RegularItalic'),
					url(./assets/fonts/8b91b8643bf95e8a7e977c7416012413.woff2) format('woff2');
				}
				
				@font-face {
					font-display: swap;
					font-family: 'SF Pro Display';
					font-style: italic;
					font-weight: 500;
					src: local('SF Pro Display MediumItalic'), local('SFProDisplay-MediumItalic'),
					url(./assets/fonts/7a6c754a139276a78df14f6ea9582f42.woff2) format('woff2');
				}
				
				@font-face {
					font-display: swap;
					font-family: 'SF Pro Display';
					font-style: italic;
					font-weight: 600;
					src: local('SF Pro Display SemiboldItalic'), local('SFProDisplay-SemiboldItalic'),
					url(./assets/fonts/dba74d198fd5f314b330c48c678bdfa0.woff2) format('woff2');
				}
				
				@font-face {
					font-display: swap;
					font-family: 'SF Pro Display';
					font-style: italic;
					font-weight: bold;
					src: local('SF Pro Display BoldItalic'), local('SFProDisplay-BoldItalic'),
					url(./assets/fonts/6053ac3a6e3122feaf7c535545707d5a.woff2) format('woff2');
				}
				
				@font-face {
					font-display: swap;
					font-family: 'SF Pro Display';
					font-style: italic;
					font-weight: 900;
					src: local('SF Pro Display HeavyItalic'), local('SFProDisplay-HeavyItalic'),
					url(./assets/fonts/493ea2837d6658020cb2a38765c0f38e.woff2) format('woff2');
				}