/* #region arrows */

.arrow {
	width: fit-content;
	height: fit-content;
	display: flex;
}

/* #region up */

.arrow.up.white {
	content: url(../assets/images/icons/arrow-up-white.svg);
}

.arrow.up.blue {
	content: url(../assets/images/icons/arrow-up-blue.svg);
}

.arrow.up.red {
	content: url(../assets/images/icons/arrow-up-red.svg);
}

.arrow.up.hover-white:hover {
	content: url(../assets/images/icons/arrow-up-white.svg);
}

.arrow.up.hover-blue:hover {
	content: url(../assets/images/icons/arrow-up-blue.svg);
}

.arrow.up.hover-red:hover {
	content: url(../assets/images/icons/arrow-up-red.svg);
}

/* #endregion */

/* #region down */

.arrow.down.white {
	content: url(../assets/images/icons/arrow-down-white.svg);
	fill: black;
}

.arrow.down.blue {
	content: url(../assets/images/icons/arrow-down-blue.svg);
}

.arrow.down.red {
	content: url(../assets/images/icons/arrow-down-red.svg);
}

.arrow.down.hover-white:hover {
	content: url(../assets/images/icons/arrow-down-white.svg);
}

.arrow.down.hover-blue:hover {
	content: url(../assets/images/icons/arrow-down-blue.svg);
}

.arrow.down.hover-red:hover {
	content: url(../assets/images/icons/arrow-down-red.svg);
}

/* #endregion */

/* #region left */

.arrow.left.white {
	content: url(../assets/images/icons/arrow-left-white.svg);
}

.arrow.left.blue {
	content: url(../assets/images/icons/arrow-left-blue.svg);
}

.arrow.left.red {
	content: url(../assets/images/icons/arrow-left-red.svg);
}

.arrow.left.hover-white:hover {
	content: url(../assets/images/icons/arrow-left-white.svg);
}

.arrow.left.hover-blue:hover {
	content: url(../assets/images/icons/arrow-left-blue.svg);
}

.arrow.left.hover-red:hover {
	content: url(../assets/images/icons/arrow-left-red.svg);
}

/* #endregion */

/* #region right */

.arrow.right.white {
	content: url(../assets/images/icons/arrow-right-white.svg);
}

.arrow.blue {
	content: url(../assets/images/icons/arrow-right-blue.svg);
}

.arrow.red {
	content: url(../assets/images/icons/arrow-right-red.svg);
}

.arrow.right.hover-white:hover {
	content: url(../assets/images/icons/arrow-right-white.svg);
}

.arrow.right.hover-blue:hover {
	content: url(../assets/images/icons/arrow-right-blue.svg);
}

.arrow.right.hover-red:hover {
	content: url(../assets/images/icons/arrow-right-red.svg);
}

/* #endregion */

/* #endregion */

/* #region burger */

.burger-icon {
	display: inline-block;
	width: 35px;
	height: 24px;
	position: relative;
}

.burger-icon img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.burger-active {
	transform: rotate(-90deg);
	opacity: 0;
}

.burger-icon.active {
	width: 24px;
	height: 35px;
}

.burger-icon.active .burger-default {
	transform: rotate(90deg);
	opacity: 0;
}

.burger-icon.active .burger-active {
	transform: rotate(0deg);
	opacity: 1;
}

/* #endregion */

/* #region telegram */

.telegram.white {
	content: url(../assets/images/icons/telegram-white.svg);
}

.telegram.blue {
	content: url(../assets/images/icons/telegram-blue.svg);
}

.telegram.with-white-hover:hover {
	content: url(../assets/images/icons/telegram-white.svg);
}

.telegram.with-blue-hover:hover {
	content: url(../assets/images/icons/telegram-blue.svg);
}

/* #endregion */

/* #region vk */

.vk.white {
	content: url(../assets/images/icons/vk-white.svg);
}

.vk.blue {
	content: url(../assets/images/icons/vk-blue.svg);
}

/* #endregion */

/* #region email */

.email.white {
	content: url(../assets/images/icons/email-white.svg);
}

.email.blue {
	content: url(../assets/images/icons/email-blue.svg);
}

.email.with-white-hover:hover {
	content: url(../assets/images/icons/email-white.svg);
}

.email.with-blue-hover:hover {
	content: url(../assets/images/icons/email-blue.svg);
}

/* #endregion */

/* #region close */

.close.white {
	content: url(../assets/images/icons/close-white.svg);
}

.close.blue {
	content: url(../assets/images/icons/close-blue.svg);
}

.close.dark-blue {
	content: url(../assets/images/icons/close-dark-blue.svg);
}

.close.red {
	content: url(../assets/images/icons/close-red.svg);
}

.close.with-white-hover:hover {
	content: url(../assets/images/icons/close-white.svg);
}

.close.with-blue-hover:hover {
	content: url(../assets/images/icons/close-blue.svg);
}

.close.with-dark-blue-hover:hover {
	content: url(../assets/images/icons/close-dark-blue.svg);
}

.close.with-red-hover:hover {
	content: url(../assets/images/icons/close-red.svg);
}

/* #endregion */

/* #region error */

.error.white {
	content: url(../assets/images/icons/error-white.svg);
}

/* #endregion */

/* #region success */

.success.white {
	content: url(../assets/images/icons/success-white.svg);
}

/* #endregion */