.preview-affiliation {
	position: relative;
	z-index: 100;
	width: 1240px;
	height: 0;
	margin: 0 auto;
}

.preview-affiliation__panel {
	position: absolute;
	top: 24px;
	right: 100px;
	box-sizing: border-box;
	width: 248px;
	padding: 16px 18px;
	border-left: 3px solid #2da662;
	background: #fff;
	color: #303535;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.preview-affiliation__label {
	margin: 0 0 8px;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #5b6460;
}

.preview-affiliation__logo {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 1360px) {
	.preview-affiliation {
		width: 100%;
	}
}

@media (max-width: 1200px) {
	.preview-affiliation {
		height: auto;
		background: #fff;
	}

	.preview-affiliation__panel {
		position: static;
		display: flex;
		align-items: center;
		gap: 24px;
		width: auto;
		min-height: 100px;
		padding: 16px 110px 16px 3vw;
		border: 0;
		border-bottom: 1px solid #e6ece8;
		box-shadow: none;
	}

	.preview-affiliation__brand {
		flex: 0 0 170px;
	}

}

@media (max-width: 600px) {
	.preview-affiliation__panel {
		display: block;
		padding: 14px 90px 14px 5vw;
	}

	.preview-affiliation__brand {
		width: 150px;
	}

}