.more {
	position: relative;
	padding-bottom: 40px;
}

.more.active .more__viewport:after {
	opacity: 0;
}

.more.active .more__toggle:before {
	content: attr(data-hide);
}

.more.active .more__toggle:after {
	font-family: 'Ionicons';
	content: "\";
	color: "inherit";
	font-size: "inherit";
}

.more.more_visible {
	padding-bottom: 0;
}

.more.more_visible .more__viewport:after {
	display: none;
}

.more__viewport {
	position: relative;
	overflow: hidden;
}

.more__viewport:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 15px;
	background: linear-gradient(0deg, #f4f8ff 0%, rgba(244, 248, 255, 0) 100%);
	pointer-events: none;
	transition: opacity .2s ease-in-out;
}

.bg .more__viewport:after {
	background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
}

.more__toggle {
	display: none;
	padding: 10px 0 0;
	border-top: 1px solid #dee5f1;
	font-size: 14px;
	color: #193d80;
	text-align: center;
	transition: color .2s ease-in-out;
	touch-action: manipulation;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.more__toggle:hover {
	color: #7aa9ff;
}

.more__toggle:before {
	content: attr(data-show);
}

.more__toggle:after {
	margin-left: 5px;
	font-family: 'Ionicons';
	content: "\пЏђ";
	color: "inherit";
	font-size: "inherit";
}