body.no-scroll{
	overflow:hidden
}
.light-gallery{
	width:100%;
	max-width:100%;
	position:relative
}
.light-gallery .g-inside{
	width:100%;
	max-width:100%;
	position:relative
}
.light-gallery:not(.fullscreen) .g-inside{
	overflow:hidden
}
.light-gallery .g-inside .close{
	position:fixed;
	top:0;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	right:16px;
	opacity:.6;
	display:none
}
.light-gallery .g-inside .expand{
	position:absolute;
	top:1rem;
	right:1rem;
	z-index:1
}
.light-gallery .g-inside .close:hover,
.light-gallery .g-inside .expand:hover{
	opacity:1
}
.light-gallery .main,
.light-gallery .g-main{
	width:100%;
	max-width:100%;
	height:auto;
	border-radius:var(--radius-m) var(--radius-m) var(--radius-xs) var(--radius-xs)
}
.light-gallery .full{
	position:absolute;
	top:0;
	bottom:0;
	cursor:zoom-in;
	display:flex;
	align-items:center
}
.light-gallery .prev,
.light-gallery .next{
	position:absolute;
	display:flex;
	align-items:center;
	padding-left:16px;
	width:50%;
	top:0;
	bottom:0;
	left:0;
	cursor:pointer;
	transition:background .4s
}
.light-gallery .prev:hover,
.light-gallery .next:hover{
	background:rgba(0,0,0,.1)
}
.light-gallery .prev:hover{
	background:linear-gradient(270deg, rgba(239,239,239,0) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,.4) 100%)
}
.light-gallery .next:hover{
	background:linear-gradient(90deg, rgba(239,239,239,0) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,.4) 100%)
}
.light-gallery .prev:hover .button-basic,
.light-gallery .next:hover .button-basic{
	background:var(--secondary-hover)
}
.light-gallery .next{
	border-radius:0 var(--radius-m) var(--radius-xs) 0;
	left:unset;
	right:0;
	padding-left:0;
	padding-right:16px;
	justify-content:flex-end
}
.light-gallery .prev{
	border-radius:var(--radius-m) 0 0 var(--radius-xs)
}
.light-gallery .prev svg{
	transform:rotate(-180deg)
}
.light-gallery .full{
	right:30%;
	width:40%
}
.light-gallery .g-previews{
	width:100%;
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
	overflow:hidden;
	gap:var(--spacing-1);
	margin-top:var(--spacing-1)
}
.light-gallery .g-preview{
	width:100%;
	max-width:calc(100% / 6 - var(--spacing-1) + var(--spacing-1) / 6);
	height:auto;
	cursor:zoom-in;
	position:relative;
	aspect-ratio: 16 / 9;
	height: -webkit-fill-available
}
.light-gallery .g-preview:after{
	content: "";
	position: absolute;
	inset: 0;
	border-radius:var(--radius-xs);
	box-shadow:inset 0 0 0 2px transparent;
}

.light-gallery .g-previews img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:var(--radius-xs);
	transition:filter .4s
}
.light-gallery .g-previews .g-preview:hover img{
	filter:brightness(.8)
}
.light-gallery .g-previews.oneline{
	flex-wrap:nowrap
}
.light-gallery .g-previews.oneline img:not(:last-child){
	margin-right:1rem
}
.light-gallery .g-previews .g-preview.active:after{
	box-shadow:inset 0 0 0 2px var(--secondary-default)
}



.light-gallery.fullscreen{
	position:fixed;
	z-index:10;
	background:rgba(0,0,0,.9);
	bottom:0;
	left:0;
	top:0;
	right:0;
	max-width:100%;
	display:flex;
	margin:0
}
.light-gallery.fullscreen .g-inside{
	padding:48px 0;
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	justify-content:center;
	width:auto;
	overflow:auto;
	order:1;
	margin:0 auto;
	text-align:center
}
.light-gallery.fullscreen .g-inside .close{
	display:flex;
	opacity:.9;
	top:10px;
	z-index:11
}
.light-gallery.fullscreen .g-inside .expand{
	display:none
}
.light-gallery.fullscreen .g-inside .g-main{
	width:auto;
	max-height:95vh;
	padding:0 .5rem .5rem;
	border-radius:0;
	cursor:zoom-out
}
.light-gallery.fullscreen .g-inside .g-main.large{
	max-width:unset;
	max-height:unset;
	width:1200px
}
.light-gallery.fullscreen .prev,
.light-gallery.fullscreen .next{
	position:fixed;
	width:20%
}
.light-gallery.fullscreen .full{
	display:none
}

.light-gallery.fullscreen .g-previews{
	width:100px;
	padding-left:1rem;
	display:none
}
.light-gallery.fullscreen .g-previews img{
	max-width:100%;
	max-height:unset
}
.light-gallery.fullscreen .g-previews img:first-child{
	margin-top:1rem
}

@media(max-width:992px) {	
	.light-gallery.fullscreen .prev,
	.light-gallery.fullscreen .next{
		display:none
	}
}

@media(max-width:767px) {
    .light-gallery:not(.fullscreen) .g-inside {
        display: block;
        overflow: hidden;
    }
	.light-gallery{
		margin:0 var(--padding-main-neg);
		max-width:unset;
		width:unset
	}
	.light-gallery .g-previews{
		flex-wrap:nowrap;
		overflow-x:auto;
		width:100%;
		-webkit-overflow-scrolling: touch;
		padding-bottom:var(--spacing-2);
		min-height:96px
	}
	.light-gallery .g-previews .g-preview.active:after{
		box-shadow:none
	}
	.light-gallery .g-preview{
		max-width:33%;
		min-width:fit-content
	}
	.light-gallery .g-inside .close,
	.light-gallery .g-inside .next .button-basic,
	.light-gallery .g-inside .prev .button-basic,
	.light-gallery .g-inside .full{
		display:none
	}
}