.sbi-theme:not(.sbi-default_theme) .sbi-user-info {
	display: none;
}

.saop-social-media #sb_instagram #sbi_images.slick-initialized {
	display: block;
	padding: 0;
}

.saop-social-media
	#sb_instagram
	#sbi_images.slick-initialized
	.slick-list {
	margin-right: -6px;
	margin-left: -6px;
}

.saop-social-media
	#sb_instagram
	#sbi_images.slick-initialized
	.slick-track {
	display: flex;
	align-items: flex-start;
}

.saop-social-media
	#sb_instagram
	#sbi_images.slick-initialized
	.slick-slide {
	box-sizing: border-box;
	height: auto;
	max-height: none;
	overflow: visible;
	padding-bottom: 8px;
	padding-right: 6px;
	padding-left: 6px;
}

.saop-social-media
	#sb_instagram
	#sbi_images.slick-initialized
	.sbi_inner_wrap {
	height: auto !important;
	border-radius: var(--radius-2lg);
	box-shadow: var(--shadow-md);
}

/*
 * Keep the square in normal flow. A percentage-height chain inside an
 * auto-height flex item can collapse to Slick's 1px minimum in some engines.
 */
.saop-social-media
	#sb_instagram
	#sbi_images.slick-initialized
	.sbi_photo_wrap {
	height: 0 !important;
	padding-bottom: 100%;
}

.saop-social-media
	#sb_instagram
	#sbi_images.slick-initialized
	.sbi_photo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100% !important;
}

.saop-social-media
	#sb_instagram
	#sbi_images.slick-initialized
	:is(.sbi_info_wrapper, .sbi-divider) {
	display: none;
}

.saop-social-media
	#sb_instagram
	#sbi_images.slick-initialized
	.sbi_photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.saop-social-media [data-instagram-dots] {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 0.25rem;
	margin-top: 3rem;
}

.saop-social-media [data-instagram-dots]:empty {
	display: none;
}

.saop-social-media .saop-instagram-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.saop-social-media .saop-instagram-dots li {
	display: flex;
	margin: 0;
	padding: 0;
}

.saop-social-media .saop-instagram-dots button {
	display: block;
	flex: 0 0 auto;
	width: 0.875rem;
	height: 0.25rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 9999px;
	background: #c4bcb7;
	font-size: 0;
	cursor: pointer;
	transition:
		width 500ms cubic-bezier(0.4, 0, 0.2, 1),
		background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.saop-social-media .saop-instagram-dots button:focus-visible {
	outline: 2px solid #00141e;
	outline-offset: 4px;
}

.saop-social-media .saop-instagram-dots .slick-active button {
	width: 8.5rem;
	background: #81acd2;
}

@media (prefers-reduced-motion: reduce) {
	.saop-social-media .saop-instagram-dots button {
		transition: none;
	}
}