.banner-subscribe{display:flex;flex-wrap:wrap;aspect-ratio:84/45;container:banner-subscribe/inline-size;background:linear-gradient(45deg,var(--text-color),hsl(from var(--text-color) h s calc(l + 10)),var(--text-color))}.banner-subscribe__img{background:50% no-repeat}.banner-subscribe__content{align-self:center;display:flex;align-items:center;justify-content:center}.banner-subscribe__text{font-size:clamp(1rem,2.4cqw,1.35rem);text-wrap:balance}.banner-subscribe__label{font-weight:300;margin-bottom:1em;color:hsl(from var(--text-color) h calc(s - 10) calc(l + 75))}.banner-subscribe__title{font-weight:500;font-size:1.3em;color:#fff}.banner-subscribe__btn{margin-top:2em}.banner-subscribe__erid-btn{position:absolute;top:4px;left:4px;font-size:12px;line-height:1;white-space:nowrap;padding:2px 12px 3px 4px;border-radius:4px;background-color:rgba(255,255,255,.1);cursor:pointer}.banner-subscribe__erid-btn::after{font-family:var(--fa-style-family);font-weight:var(--fa-style-solid);content:var(--fa-var-ellipsis-v);position:absolute;top:2px;right:4px;line-height:12px;font-size:10px}.banner-subscribe__erid-btn:not(:hover,.open){color:hsl(from var(--bg2) h s calc(l - 35))}.banner-subscribe__erid-btn:hover,.banner-subscribe__erid-btn.open{color:#fff}@container banner-subscribe (width < 570px){.banner-subscribe__img,
	.banner-subscribe__content {
		width: 100%;
	}
	.banner-subscribe__img {
		aspect-ratio: 3 / 2;
		background-size: contain;
	}
	.banner-subscribe__content {
		padding:max(30px, 8cqw);
		text-align: center;
	}
}@container banner-subscribe (width >= 570px){.banner-subscribe__img,
	.banner-subscribe__content {
		width:50%;
		flex-shrink:0;
	}
	.banner-subscribe__img {
		background-size: 170%;
	}
	.banner-subscribe__content {
		padding:5cqw;
	}
}.modal-subscribe-banner .modal-w__wrapper{width:840px}.modal-subscribe-banner .modal-w__container{padding:0}