.wih-gallery {

	display:flex;
	gap:15px;
	align-items:flex-start;

}


.wih-item{

	display:flex;

	flex-direction:column;

	align-items:center;

	gap:6px;

	max-width:84px;

}


.wih-ring{

	width:86px;
	height:86px;

	border-radius:50%;

	padding:3px;

	display:flex;

	align-items:center;

	justify-content:center;

	box-sizing:border-box;

	flex-shrink:0;

	background-color:var(--wih-ring-color,#dddddd);

	box-shadow:0 0 6px 1px color-mix(in srgb, var(--wih-ring-color,#dddddd) 35%, transparent);

	transition:transform .25s;

}


.wih-item:hover .wih-ring{

	transform:scale(1.08);

}


.wih-item img {

	width:100%;
	height:100%;

	border-radius:50%;

	object-fit:cover;

	cursor:pointer;

	display:block;

	border:2px solid #fff;

	box-sizing:border-box;

}


.wih-item-title{

	font-size:12px;

	color:#333;

	text-align:center;

	direction:rtl;

	max-width:84px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

}

/* WP Insta Highlight Lightbox */

.wih-lightbox {

	display:none;

	position:fixed;

	inset:0;

	width:100vw;

	height:100vh;

	background:rgba(0,0,0,0.95);

	z-index:2147483647;

	align-items:center;

	justify-content:center;

}


.wih-lightbox.active {

	display:flex;

}


.wih-close{

	position:fixed;

    top:6px;
    
	right:20px;

	z-index:2147483647;

	background:none;

	border:0;

	color:#fff;

	font-size:46px;

	line-height:1;

	cursor:pointer;

	padding:0;

	width:48px;

	height:48px;

	display:flex;

	align-items:center;

	justify-content:center;
	
}

.wih-viewer{

	display:flex;

	flex-direction:column;

	align-items:center;

	justify-content:center;

	gap:20px;

	position:relative;

	--wih-width:min(430px,90vw);

	--wih-radius:14px;

}

.wih-nav{

	width:52px;

	height:52px;

	border:none;

	border-radius:50%;

	background:rgba(255,255,255,.12);

	backdrop-filter:blur(8px);

	color:#fff;

	display:flex;

	align-items:center;

	justify-content:center;

	cursor:pointer;

	transition:.25s;

}


.wih-nav:hover{

	background:rgba(255,255,255,.22);

	transform:scale(1.08);

}


.wih-nav svg{

	width:28px;

	height:28px;

	display:block;

}

.wih-lightbox-image{

	width:100%;

	height:100%;

	object-fit:cover;

    border-radius:var(--wih-radius);

	display:block;
	
    user-select:none;

}

.wih-lightbox-video{

	width:100%;

	height:100%;

	display:none;

	object-fit:contain;

	object-position:center center;

	border-radius:var(--wih-radius);

	background:#000;

}

.wih-nav:disabled {

	opacity:0.35;

	cursor:not-allowed;

	transform:none;

}


.wih-image-wrapper{

	position:relative;

	width:var(--wih-width);

	height:min(85dvh,760px);

	aspect-ratio:9/16;

	max-height:85dvh;

}

.wih-header{

	width:var(--wih-width);

	display:flex;

	flex-direction:column;

	gap:10px;

	margin-bottom:10px;
	padding-top:env(safe-area-inset-top);

}

.wih-progress{

	flex:none;

	width:100%;

	display:flex;

	gap:5px;

	height:4px;

	margin-right:0px;

}

.wih-highlight-info{

	display:flex;

	align-items:center;

	gap:8px;

}

.wih-highlight-avatar{

	width:26px;

	height:26px;

	border-radius:50%;

	object-fit:cover;

	display:block;

	flex-shrink:0;

	border:1px solid rgba(255,255,255,.4);

}

.wih-highlight-name{

	color:#fff;

	font-size:14px;

	font-weight:600;

	line-height:1.2;

}

.wih-progress-item{

	flex:1;

	background:rgba(255,255,255,.30);

	border-radius:999px;

	overflow:hidden;

	transition:background .25s;

}

.wih-progress-fill{

	display:block;

	width:0;

	height:100%;

	background:#fff;

	border-radius:999px;

}
.wih-body{

	display:flex;

	align-items:center;

	justify-content:center;

	gap:20px;

}
.wih-loader{

	width:40px;

	height:40px;

	border:3px solid rgba(255,255,255,.3);

	border-top-color:#fff;

	border-radius:50%;

	position:absolute;

	top:50%;

	left:50%;

	transform:translate(-50%,-50%);

	animation:wih-spin .8s linear infinite;

	z-index:20;

	display:none;

}


.wih-loader.active{

	display:block;

}


@keyframes wih-spin{

	from{

		transform:translate(-50%,-50%) rotate(0deg);

	}

	to{

		transform:translate(-50%,-50%) rotate(360deg);

	}

}
.wih-story-meta{

	position:absolute;

	left:0;
	right:0;
	bottom:0;

	padding:26px 20px calc(18px + env(safe-area-inset-bottom));

	background:linear-gradient(
		to top,
		rgba(0,0,0,.88) 0%,
		rgba(0,0,0,.65) 40%,
		rgba(0,0,0,.2) 75%,
		transparent 100%
	);

	color:#fff;

	z-index:5;

	box-sizing:border-box;

	direction:rtl;

	text-align:right;

}

.wih-story-title{

	font-size:17px;

	font-weight:700;

	margin-bottom:6px;

	line-height:1.6;

	text-shadow:0 1px 4px rgba(0,0,0,.7);

}

.wih-story-description{

	font-size:14px;

	font-weight:400;

	line-height:1.85;

	color:rgba(255,255,255,.92);

	text-shadow:0 1px 3px rgba(0,0,0,.6);

	word-break:break-word;

}

.wih-story-title:empty,
.wih-story-description:empty{

	display:none;

}
@media (max-width:768px){

	.wih-nav{
		display:none !important;
	}
}

@keyframes wih-highlight-next{

	0%{
		transform:scale(0.88) translateX(24px);
		opacity:0.4;
	}

	100%{
		transform:scale(1) translateX(0);
		opacity:1;
	}

}

@keyframes wih-highlight-prev{

	0%{
		transform:scale(0.88) translateX(-24px);
		opacity:0.4;
	}

	100%{
		transform:scale(1) translateX(0);
		opacity:1;
	}

}

.wih-transition-next{
	animation:wih-highlight-next .35s ease;
}

.wih-transition-prev{
	animation:wih-highlight-prev .35s ease;
}