/* WIDGET: TOPBAR IMAGE
-------------------------------------------- */

.vlt-topbar-image {
	position: relative;
	overflow: hidden;
	border-radius: var(--vlt-border-radius-lg);
	border-top-left-radius: var(--vlt-border-radius);
	border-top-right-radius: var(--vlt-border-radius);
	box-shadow: var(--vlt-box-shadow-lg);

	img {
		display: block;
		width: 100%;
		margin: 0 auto;
		backface-visibility: hidden;
		object-fit: cover;
	}

	.ratio img {
		height: 100%;
	}

	&__link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
	}

	&__browser {
		display: flex;
		padding: px2rem(11px) px2rem(13px);
		background-color: var(--vlt-color-gray-0p25);

		span {
			display: inline-block;
			width: px2rem(6px);
			height: px2rem(6px);
			background-color: var(--vlt-color-gray);
			border-radius: 50%;
		}

		span + span {
			margin-left: px2rem(5px);
		}

	}

}