@layer components.member-logo {
	[data-c-member-logo] {
		height: 200px;

		.wrapper {
			background-color: var(--color-white);
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 2.5rem 2rem;
			position: relative;

			.disclaimer {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				color: var(--color-dark-blue);
				font-size: var(--font-size-sm);
				padding: 12px 8px 0px 8px;
				text-align: center;
				box-sizing: border-box;
			}

			.logo {
				display: block;
				max-width: 100%;
				height: auto;
				margin: 0 auto;

				img {
					height: auto;
					width: 100%;
				}
			}
		}

		@media screen and (max-width: 1199px) {
			height: 180px;
		}

		@media screen and (max-width: 767px) {
			height: 160px;

			.wrapper {
				padding: 3rem 3.5rem;
			}
		}

	}
}