/* Start:/local/templates/.default/components/bitrix/news.list/lk/style.css?17549724963691*/
.accordion {margin-top: 24px}
.accordion details:first-child {
	border-top: 1px solid #BABDC8;
	animation: fadeIn 0.5s ease-out;
}
.accordion details {
	border-bottom:1px solid #BABDC8;
	overflow: hidden;
	transition: all 0.8s ease;
}
.accordion details[open] {border-bottom:none;}
.accordion summary {
	padding: 16px 16px 20px 16px;
	cursor: pointer;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s ease;
	.summary-name {
		display: flex;
		align-items: center;
		gap: 10px;
		user-select: none;
	}
}
.accordion .summary-name::-webkit-details-marker {
	display: none;
}
.accordion .summary-name::before {
	content: "›";
	color: #1A47A9;
	font-size: xx-large;
	padding-bottom: 5px;

	transition: transform 0.3s ease;
	transform: rotate(0deg);
}
.accordion details[open] .summary-name::before {
	content: "›";
	transform: rotate(90deg);
}
.accordion .accordion-content {
	background-image: url("/local/templates/.default/components/bitrix/news.list/lk/images/background-image.jpg");
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	overflow: hidden;
	transition: max-height 0.5s ease, padding 0.5s ease;
	opacity: 0;
	transform: translateY(-10px);
	border-radius: 8px;
}
.accordion-message {
	display: flex;
	div {min-width: 85px}
	.message-value {
		width: 100%;
		background-color: white;
		border-radius: 20px;
		padding: 20px;
		position: relative;
		box-shadow: 0 4px 16px 0px #1A47A90D;
	}
}
.accordion-message.q-user {
	margin-left: 85px;
	.message-value {
		color: #FF7819;
		a {color: #FF7819;}
	}
	.message-value::before,.message-value::after {
		top: 100%;
		width: 35px;
		height: 39px;
		content: "";
		position: absolute;
		left: 100%;
		background-color: #ffffff;
		mask-image: radial-gradient(ellipse 100% 102% at 100% 0%, transparent 100%, #000 0);
		transform: translateY(-100%);
	}
	.message-value::after {
		transform: translateX(-100%) translateY(-100%);
		width: 22px;
		height: 22px;
		mask-image: radial-gradient(ellipse 100% 100% at 0% 0%, transparent 100%, #000 0);
	}
}
.accordion-message.q-support {
	margin-right: 85px;
	.message-value {
		color: #1A47A9;
		a {color: #1A47A9;}
	}
	.message-value::before,.message-value::after {
		top: 100%;
		width: 35px;
		height: 39px;
		content: "";
		position: absolute;
		right: 100%;
		background-color: #ffffff;
		mask-image: radial-gradient(ellipse 100% 102% at 0% 0%, transparent 100%, #000 0);
		transform: translateY(-100%);
	}
	.message-value::after {
		transform: translateX(100%) translateY(-100%);
		width: 22px;
		height: 22px;
		mask-image: radial-gradient(ellipse 100% 100% at 100% 0%, transparent 100%, #000 0);
	}
}
.svg-content>svg {width: 50px; height: 50px;}
.q-user .svg-content {display: flex; justify-content: end;}
.q-support .svg-content {display: flex; justify-content: start;}

.accordion details[open] .accordion-content {
	opacity: 1;
	transform: translateY(0);
}
.accordion .accordion-content>div {
	display: flex;
	align-items: end;
	transition: all 0.3s ease;
}
.accordion-content > div {
	animation: fadeInItem 0.5s ease forwards;
	opacity: 0;
}
@keyframes fadeInItem {
	to { opacity: 1; }
}
.accordion details[open] .accordion-content > div {
	animation-delay: 0.1s;
}

@media (max-width: 768px) {
	.accordion-message.q-user {
		margin-left: 0;
	}
	.accordion-message.q-support {
		margin-right: 0;
	}
	.svg-content>svg {width: 32px; height: 32px;}

	.accordion-message {
		div {min-width: 55px}
		.message-value {
			border-radius: 16px;
		}
	}

	.accordion-message.q-support,
	.accordion-message.q-user{
		.message-value::before,.message-value::after {
			width: 20px;
			height: 22px;
		}
		.message-value::after {
			width: 16px;
			height: 16px;
		}
	}
}
/* End */
/* /local/templates/.default/components/bitrix/news.list/lk/style.css?17549724963691 */