@import 'ui-kit/variables.css';
@import 'ui-kit/typography.css';
@import 'ui-kit/buttons.css';
@import 'ui-kit/form-elements.css';
@import 'ui-kit/accordions.css';

/* Reset */

html,
body,
body * {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-family: "GilroySemiBold";
	font-weight: 500;
}

body * {
	margin: 0;
	padding: 0;
	outline: 0;
	background-repeat: no-repeat;
	background-position: center;
	font-style: normal;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: "GilroySemiBold";
	font-weight: 500;
}

li {
	list-style-type: none;
}

a {
	text-decoration: none;
}

img {
	border: none;
	user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
}

input,
textarea {
	border-radius: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input::-ms-reveal,
input::-ms-clear {
	display: none;
}

textarea {
	resize: none;
}

/* Scroll lock */

html.-scroll-lock,
html.-scroll-lock body {
	height: calc(var(--window-inner-height) - 1px);
	overflow: hidden;
}

html.-scroll-lock body {
	position: relative;
}

body.-scroll-lock {
	padding-right: var(--scrollbar-width);
}

/* Global (Global css and params) */

.--pc-display {
	display: block;
}

.--tablet-display,
.--mobile-display {
	display: none;
}

.container {
	width: 87.852vw
		/*1280px*/
	;
	margin: 0 auto;
}

.container.-big {
	padding: 1.098vw
		/*16px*/
	;
	width: 100%;
}

.-centered-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
}

/* Texts */

.section-tag {
	border-radius: 2.745vw
		/*40px*/
	;
	border: 1px solid rgba(0, 0, 0, 0.20);
	padding: 0.206vw
		/*3px*/
		0.618vw
		/*9px*/
	;
	height: 1.784vw
		/*26px*/
	;
	line-height: 100%;
	width: fit-content;

	display: flex;
	justify-content: center;
	align-items: center;
}

body.-apple .section-tag {
	padding-top: 3px;
	padding-bottom: 1px;
}

.section-tag.-violet {
	color: var(--Violet);
	border: 1px solid rgba(81, 0, 192, 0.30);
}

.section-tag.-green {
	color: var(--Light-green);
	border: 1px solid rgba(69, 237, 148, 0.30);
}

.section-tag.-grey {
	color: var(--Dark-grey-2);
	border: 1px solid var(--Light-grey-2);
}

/* tabs */

.--tabs-container__items,
.--tabs-container__items-inner {
	position: relative;
}

.--tabs-container__items-inner {
	overflow: hidden;
	transition: height 0.7s;
}

.--tabs-container__item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;

	opacity: 0;
	pointer-events: none;
	transition: 0.4s opacity;
}

.--tabs-container__item.-active {
	position: relative;
	z-index: 1;

	opacity: 1;
	pointer-events: auto;
}

.--separator {
	display: none !important;
}


/* Links */

/* Buttons */

@media screen and (max-width: 1400px) {
	/* Global (Global css and params) */

	/* Texts */

	/* Links */

	/* Buttons */
}

@media screen and (max-width: 1260px) {
	/* Global (Global css and params) */

	/* Texts */

	/* Links */

	/* Buttons */
}

@media screen and (max-width: 1024px) {
	/* Global (Global css and params) */

	.--pc-display {
		display: none;
	}

	.--tablet-display {
		display: block;
	}

	.container {
		width: 100%;
		padding: 0 20px;
		margin: 0 auto;
	}

	.container.-big {
		padding: 0;
	}


	/* Texts */

	.section-tag {
		border-radius: clamp(38px, 10.256vw, 42px);
		padding: clamp(2px, 0.769vw, 4px) clamp(8px, 2.308vw, 10px) clamp(2px, 0.769vw, 4px) clamp(8px, 2.308vw, 10px);
		height: clamp(21px, 5.641vw, 23px);
	}

	/* Links */

	/* Buttons */

	body.-apple .section-tag {
		padding-top: 1px;
		padding-bottom: 0;
	}
}

@media screen and (max-width: 759px) {
	/* Global (Global css and params) */

	.--tablet-display {
		display: none;
	}

	.--mobile-display {
		display: block;
	}

	/* Texts */

	/* Links */

	/* Buttons */
}