/**
 * global_contener
 * @version	2.0
 * @release	19-01-2023
 * @author	msolowski Marcin Sołowski
 * @website	http://msolowski.pl
 */

.global_contener
{
	grid-template-columns: 100%;
}

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

.global_contener.gc_rg
{
	--min_row_gap: 20;
	--max_row_gap: 25;
	row-gap:
		clamp(calc(var(--min_row_gap) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_row_gap) - var(--min_row_gap)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_row_gap)) * 1px)
		+ ((var(--max_row_gap) - var(--min_row_gap)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_row_gap) * 1px));
}

.global_contener.gc_rg.gc_rg_25{ --min_row_gap: 20; --max_row_gap: 25; }
.global_contener.gc_rg.gc_rg_30{ --min_row_gap: 25; --max_row_gap: 30; }
.global_contener.gc_rg.gc_rg_40{ --min_row_gap: 30; --max_row_gap: 40; }
.global_contener.gc_rg.gc_rg_50{ --min_row_gap: 35; --max_row_gap: 50; }
.global_contener.gc_rg.gc_rg_60{ --min_row_gap: 40; --max_row_gap: 60; }
.global_contener.gc_rg.gc_rg_75{ --min_row_gap: 45; --max_row_gap: 75; }
.global_contener.gc_rg.gc_rg_100{ --min_row_gap: 50; --max_row_gap: 100; }
.global_contener.gc_rg.gc_rg_125{ --min_row_gap: 60; --max_row_gap: 125; }
.global_contener.gc_rg.gc_rg_150{ --min_row_gap: 75; --max_row_gap: 150; }
.global_contener.gc_rg.gc_rg_175{ --min_row_gap: 85; --max_row_gap: 175; }
.global_contener.gc_rg.gc_rg_200{ --min_row_gap: 100; --max_row_gap: 200; }

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

.global_contener.gc_rg_5
{
	row-gap: var(--global_size_5);
}

.global_contener.gc_rg_10
{
	row-gap: var(--global_size_10);
}

.global_contener.gc_rg_15
{
	row-gap: var(--global_size_15);
}

.global_contener.gc_rg_20
{
	row-gap: var(--global_size_20);
}

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

.global_contener.gc_cg
{
	--min_column_gap: 20;
	--max_column_gap: 25;
	column-gap:
		clamp(calc(var(--min_column_gap) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_column_gap) - var(--min_column_gap)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_column_gap)) * 1px)
		+ ((var(--max_column_gap) - var(--min_column_gap)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_column_gap) * 1px));
}

.global_contener.gc_cg.gc_cg_25{ --min_column_gap: 20; --max_column_gap: 25; }
.global_contener.gc_cg.gc_cg_30{ --min_column_gap: 20; --max_column_gap: 30; }
.global_contener.gc_cg.gc_cg_40{ --min_column_gap: 20; --max_column_gap: 40; }
.global_contener.gc_cg.gc_cg_50{ --min_column_gap: 20; --max_column_gap: 50; }
.global_contener.gc_cg.gc_cg_60{ --min_column_gap: 20; --max_column_gap: 60; }
.global_contener.gc_cg.gc_cg_75{ --min_column_gap: 20; --max_column_gap: 75; }
.global_contener.gc_cg.gc_cg_80{ --min_column_gap: 20; --max_column_gap: 80; }
.global_contener.gc_cg.gc_cg_90{ --min_column_gap: 20; --max_column_gap: 90; }
.global_contener.gc_cg.gc_cg_100{ --min_column_gap: 20; --max_column_gap: 100; }
.global_contener.gc_cg.gc_cg_110{ --min_column_gap: 20; --max_column_gap: 110; }
.global_contener.gc_cg.gc_cg_125{ --min_column_gap: 20; --max_column_gap: 125; }
.global_contener.gc_cg.gc_cg_150{ --min_column_gap: 20; --max_column_gap: 150; }
.global_contener.gc_cg.gc_cg_175{ --min_column_gap: 20; --max_column_gap: 175; }
.global_contener.gc_cg.gc_cg_200{ --min_column_gap: 20; --max_column_gap: 200; }

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

.global_contener.gc_cg_5
{
	column-gap: var(--global_size_5);
}

.global_contener.gc_cg_10
{
	column-gap: var(--global_size_10);
}

.global_contener.gc_cg_15
{
	column-gap: var(--global_size_15);
}

.global_contener.gc_cg_20
{
	column-gap: var(--global_size_20);
}

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

.global_contener.is_css_d_grid.gc_gtc_auto_auto
{
	grid-template-columns: auto auto;
}

.global_contener.is_css_d_grid.gc_gtc_1fr_max_content
{
	grid-template-columns: 1fr max-content;
}

.global_contener.is_css_d_grid.gc_gtc_max_content_1fr
{
	grid-template-columns: max-content 1fr;
}

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

.global_contener.is_css_d_grid.gc_gtc_5_fr
{
	grid-template-columns: repeat(5, 1fr);
}

.global_contener.is_css_d_grid.gc_gtc_4_fr
{
	grid-template-columns: repeat(4, 1fr);
}

.global_contener.is_css_d_grid.gc_gtc_3_fr
{
	grid-template-columns: repeat(3, 1fr);
}

.global_contener.is_css_d_grid.gc_gtc_2_fr
{
	grid-template-columns: repeat(2, 1fr);
}

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

.global_contener.is_css_d_grid.gc_gtc_1fr_1fr_2fr
{
	grid-template-columns: 1fr 1fr 2fr;
}

.global_contener.is_css_d_grid.gc_gtc_1fr_2fr_1fr
{
	grid-template-columns: 1fr 2fr 1fr;
}

.global_contener.is_css_d_grid.gc_gtc_2fr_1fr_1fr
{
	grid-template-columns: 2fr 1fr 1fr;
}

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

.global_contener.is_css_d_grid.gc_gtc_1fr_2fr
{
	grid-template-columns: 1fr 2fr;
}

.global_contener.is_css_d_grid.gc_gtc_2fr_1fr
{
	grid-template-columns: 2fr 1fr;
}

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

.global_contener.is_css_d_grid.gc_gtc_1fr_3fr
{
	grid-template-columns: 1fr 3fr;
}

.global_contener.is_css_d_grid.gc_gtc_3fr_1fr
{
	grid-template-columns: 3fr 1fr;
}

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

@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)
{
	.global_contener.is_css_d_grid.gc_gtc_5_fr
	{
		grid-template-columns: repeat(4, 1fr);
	}

	.global_contener.is_css_d_grid.gc_gtc_4_fr
	{
		grid-template-columns: repeat(3, 1fr);
	}

	.global_contener.is_css_d_grid.gc_gtc_3_fr
	{
		grid-template-columns: repeat(2, 1fr);
	}

	.global_contener.is_css_d_grid.gc_gtc_2_fr
	{
		grid-template-columns: 100%;
	}

	.global_contener.is_css_d_grid.gc_gtc_auto_auto
	{
		grid-template-columns: 100%;
	}

	.global_contener.is_css_d_grid.gc_gtc_1fr_max_content
	{
		grid-template-columns: 100%;
	}

	.global_contener.is_css_d_grid.gc_gtc_max_content_1fr
	{
		grid-template-columns: 100%;
	}

	/**********************************************************************************/ /* ogarnac te ustawienia */

	.global_contener.is_css_d_grid.gc_gtc_1fr_1fr_2fr
	{
		grid-template-columns: 1fr 1fr 2fr;
	}

	.global_contener.is_css_d_grid.gc_gtc_1fr_2fr_1fr
	{
		grid-template-columns: 1fr 2fr 1fr;
	}

	.global_contener.is_css_d_grid.gc_gtc_2fr_1fr_1fr
	{
		grid-template-columns: 2fr 1fr 1fr;
	}

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

	.global_contener.is_css_d_grid.gc_gtc_1fr_2fr
	{
		grid-template-columns: 100%;
	}

	.global_contener.is_css_d_grid.gc_gtc_2fr_1fr
	{
		grid-template-columns: 100%;
	}

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

	.global_contener.is_css_d_grid.gc_gtc_1fr_3fr
	{
		grid-template-columns: 100%;
	}

	.global_contener.is_css_d_grid.gc_gtc_3fr_1fr
	{
		grid-template-columns: 100%;
	}
}

@media screen and (max-width: 800px)
{
	.global_contener.is_css_d_grid.gc_gtc_5_fr
	{
		grid-template-columns: repeat(3, 1fr);
	}

	.global_contener.is_css_d_grid.gc_gtc_4_fr
	{
		grid-template-columns: repeat(2, 1fr);
	}

	.global_contener.is_css_d_grid.gc_gtc_3_fr
	{
		grid-template-columns: 100%;
	}
}

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

@media screen and (max-width: 480px)
{
	.global_contener.is_css_d_grid.gc_gtc_5_fr
	{
		grid-template-columns: repeat(2, 1fr);
	}

	.global_contener.is_css_d_grid.gc_gtc_4_fr
	{
		grid-template-columns: 100%;
	}
}

@media screen and (max-width: 360px)
{
	.global_contener.is_css_d_grid.gc_gtc_5_fr
	{
		grid-template-columns: 100%;
	}
}