/**
 * global_close
 * @version	1.0
 * @release	01-04-2021
 * @author	msolowski Marcin Sołowski
 * @website	http://msolowski.pl
 */

.global_close
{
	position: absolute;
	right: var(--global_size_20);
	top: var(--global_size_15);
	width: 32px;
	height: 32px;
	background-color: var(--root_color_white);
	background-color: transparent;
	border-radius: 0;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	cursor: pointer;
}

.global_close::before
{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 80%;
	background-color: var(--root_color_dark);
	transform: translate(-50%, -50%) rotate(45deg);
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	border-radius: 2px;
}

.global_close::after
{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 2px;
	background-color: var(--root_color_dark);
	transform: translate(-50%, -50%) rotate(45deg);
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	border-radius: 2px;
}

.global_close:hover::before,
.global_close:hover::after
{
	transform: translate(-50%, -50%) rotate(225deg);
}

.global_close:active
{
	transform: scale(0.9, 0.9);
}

/**********************************************************************************/

@media screen and (max-width: 1680px)
{
}

@media screen and (max-width: 1600px)
{
}

@media screen and (max-width: 1440px)
{
}

@media screen and (max-width: 1366px)
{
}

@media screen and (max-width: 1300px)
{
}

@media screen and (max-width: 1200px)
{
}

@media screen and (max-width: 1024px)
{
}

@media screen and (max-width: 800px)
{
}

@media screen and (max-width: 640px)
{
}

@media screen and (max-width: 480px)
{
}

@media screen and (max-width: 360px)
{
}