/* talentrocks/cookie-modal — перенос style.scss (.cookie-modal) + adaptive-style.scss */

.cookie-modal {
	background-color: white;
	border-radius: 10px;
	border: 1px solid #e1e4ea;
	display: none;
	flex-direction: column;
	padding: 20px;
	max-width: 580px;
	position: fixed;
	bottom: 20px;
	left: 20px;
	text-align: center;
	box-shadow: 0 2px 8px 0 rgb(25 46 84 / 10%);
	z-index: 100;
	font-family: var(--tr-font-body, 'Montserrat', sans-serif);
	color: #181818;
	box-sizing: border-box;
}

.cookie-modal.is-visible {
	display: flex;
}

.cookie-modal__title {
	font-weight: 800;
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 8px;
}

.cookie-modal .button {
	margin: 0 auto;
}

.cookie-modal p {
	text-align: start;
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}

/* Специфичнее базового .tr-component a:not(.button) { color: inherit } */
.tr-component.cookie-modal a {
	color: var(--tr-green, #50db94);
}

@media only screen and (max-width: 853px) {
	.cookie-modal {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		left: 0;
		right: 0;
		bottom: 0;
		max-width: none;
	}

	.cookie-modal p {
		font-size: 13px;
	}
}

@media only screen and (max-width: 768px) {
	.cookie-modal__title {
		font-size: 16px;
	}
}

/* В редакторе показываем плашку статично */
.editor-styles-wrapper .cookie-modal {
	display: flex;
	position: static;
	max-width: 580px;
}