/**
 * global_swiper - ready for var
 * @version	2.0
 * @release	27-01-2023
 * @author	msolowski Marcin Sołowski
 * @website	http://msolowski.pl
 */

.global_swiper
{
}

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

.swiper-lazy
{
	opacity: 0;
}

.swiper-lazy-loaded
{
	opacity: 1;
}

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

.gs_arrow
{
	--global_swiper_font_family:		'msolowski';
	--global_swiper_font_size:			var(--global_font_size_p);
	--global_swiper_font_weight:		400;
	--global_swiper_color:				var(--root_color_black);
	--global_swiper_background_color:	transparent;
	--global_swiper_border_color:		var(--root_color_black);
	--global_swiper_border_width:		1px;
	--global_swiper_border_radius:		500px;
	--global_swiper_transition:			var(--global_transition);
	--global_swiper_line_height:		1;

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

	--min_global_swiper_width:	34;
	--max_global_swiper_width: 44;
	--global_swiper_width:
		clamp(calc(var(--min_global_swiper_width) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_global_swiper_width) - var(--min_global_swiper_width)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_global_swiper_width)) * 1px)
		+ ((var(--max_global_swiper_width) - var(--min_global_swiper_width)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_global_swiper_width) * 1px));

	--min_global_swiper_height:	34;
	--max_global_swiper_height: 44;
	--global_swiper_height:
		clamp(calc(var(--min_global_swiper_height) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_global_swiper_height) - var(--min_global_swiper_height)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_global_swiper_height)) * 1px)
		+ ((var(--max_global_swiper_height) - var(--min_global_swiper_height)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_global_swiper_height) * 1px));

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

	--global_swiper_color_h:			var(--root_color_lead);
	--global_swiper_background_color_h:	var(--root_color_lead);
	--global_swiper_border_color_h:		var(--root_color_lead);
}

.gs_arrow
{
	font-family: var(--global_swiper_font_family);
	font-size: var(--global_swiper_font_size);
	font-weight: var(--global_swiper_font_weight);
	display: flex;
	align-items: center;
	justify-content: center;
}

.gs_arrow.gsa_background
{
	--global_swiper_color:				var(--root_color_white);
	--global_swiper_border_color:		var(--root_color_white);

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

	--global_swiper_color_h:			var(--root_color_black);
	--global_swiper_border_color_h:		var(--root_color_black);
}

.gs_arrow.gsa_background .gsa_prev.swiper-button-disabled,
.gs_arrow.gsa_background .gsa_next.swiper-button-disabled
{
	color: var(--root_color_white);
	border-color: var(--root_color_white);
}

.gs_arrow.gsa_jc_flex_end
{
	justify-content: flex-end;
}

.gs_arrow.is_only_one
{
	display: none;
}

.gs_arrow.gsa_absolute
{
	position: absolute;
	justify-content: space-between;
	top: var(--global_size_30);
	right: var(--global_size_30);
	z-index: 20;
}

.gs_arrow.gsa_absoluteeeeeeeeeeeeeeeeee
{
	position: absolute;
	justify-content: space-between;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	z-index: 20;
/*	padding-left: var(--global_padding);
	padding-right: var(--global_padding); */
}

.gs_arrow .gsa_prev,
.gs_arrow .gsa_next
{
	color: var(--global_swiper_color);
	width: var(--global_swiper_width);
	height: var(--global_swiper_height);
	border-color: var(--global_swiper_border_color);
	border-width: var(--global_swiper_border_width);
	border-radius: var(--global_swiper_border_radius);
	border-style: solid;
	background-color: var(--global_swiper_background_color);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	white-space: nowrap;
	line-height: var(--global_swiper_line_height);
	position: relative;
	overflow: hidden;
	transition: var(--global_swiper_transition);
}

.gs_arrow .gsa_prev { margin-right: var(--global_size_5); }
.gs_arrow .gsa_next { margin-left: var(--global_size_5); }

.gs_arrow .gsa_prev > *,
.gs_arrow .gsa_next > *
{
	position: relative;
	z-index: 3;
}

.gs_arrow .gsa_prev.swiper-button-disabled,
.gs_arrow .gsa_next.swiper-button-disabled
{
	opacity: 0.5;
	pointer-events: none;
	color: var(--root_color_grey);
	border-color: var(--root_color_grey);
}

.gs_arrow.is_invisible .gsa_prev,
.gs_arrow.is_invisible .gsa_next
{
	display: none;
}

.gs_arrow .gsa_prev::after
{
	content: '\e901';
	display: block;
	transition: var(--global_swiper_transition);
	z-index: 2;
}

.gs_arrow .gsa_next::after
{
	content: '\e902';
	display: block;
	transition: var(--global_swiper_transition);
	z-index: 2;
}

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

.gs_arrow .gsa_prev:hover,
.gs_arrow .gsa_next:hover
{
	color: var(--global_swiper_color_h);
	border-color: var(--global_swiper_border_color_h);
}

.gs_arrow .gsa_prev:active,
.gs_arrow .gsa_next:active
{
/*	transform: scale(0.95, 0.95); */
}

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

.gs_pagination .swiper-pagination
{
	--global_swiper_pagination_margin: 4px;
	--global_swiper_pagination_width: 30px;
	--global_swiper_pagination_height: 4px;
	position: relative;
	bottom: auto;
	text-align: center;
}

.gs_pagination .swiper-pagination-bullet
{
	background-color: var(--root_color_lead);
	opacity: 0.25;
	transition: var(--global_transition);
	width: var(--global_swiper_pagination_width);
	height: var(--global_swiper_pagination_height);
	border-radius: 0;
	margin-top: calc(var(--global_swiper_pagination_margin) * 0.5);
	margin-right: calc(var(--global_swiper_pagination_margin) * 0.5);
	margin-bottom: calc(var(--global_swiper_pagination_margin) * 0.5);
	margin-left: calc(var(--global_swiper_pagination_margin) * 0.5);
	vertical-align: bottom;
	display: inline-block;
}

.gs_pagination .swiper-pagination-bullet:hover
{
	opacity: 1;
}

.gs_pagination .swiper-pagination-bullet-active
{
	opacity: 1;
	transform: scale(1, 1);
	height: 8px;
}

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

@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)
{
}