/* Start:/local/templates/mystore/components/bitrix/news/apps/bitrix/news.detail/.default/style.css?179251343832919*/
body{
    background-color: #f2f3f5;
}

.app-detail-hero{
	--icon-size:74px;
	display:grid;
	position:relative;
	grid-template-areas:
		"breadcrumbs breadcrumbs"
		"icon appName"
		"icon developer"
		"appInfo appInfo"
		"actions actions";
	grid-template-rows:repeat(4,min-content);
	grid-template-columns:min-content 1fr;
	column-gap:16px;
	padding:70px 20px 16px;
	background:#fff;
	color:#222;
    border-radius: 0 0 16px 16px;
    margin-bottom: 7px;
}

.app-detail-hero *{
	box-sizing:border-box;
}

.app-detail-hero__breadcrumbs{
	display:flex;
	grid-area:breadcrumbs;
	overflow-x:auto;
	align-items:center;
	margin:0 0 16px;
	padding:0;
	color:#6d7885;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	white-space:nowrap;
	scrollbar-width:none;
}

.app-detail-hero__breadcrumbs::-webkit-scrollbar{
	display:none;
}

.app-detail-hero__breadcrumbs a{
	flex:none;
	color:#0077ff;
	text-decoration:none;
}

.app-detail-hero__breadcrumbs svg{
	flex:none;
	width:16px;
	height:16px;
	margin:0 4px;
	color:#0077ff;
	transform:rotate(90deg);
}

.app-detail-hero__icon{
	z-index:1;
	grid-area:icon;
	width:var(--icon-size);
	height:var(--icon-size);
	border:1px solid #ebedf0;
	border-radius:16px;
	object-fit:cover;
}

.app-detail-hero__name{
	display:flex;
	z-index:1;
	grid-area:appName;
	align-items:flex-start;
	margin:4px 0 0;
	min-width:0;
}

.app-detail-hero__name h1{
	align-self:flex-start;
	margin:0;
	color:#222;
	font-size:20px;
	font-weight:500;
	line-height:26px;
	word-break:break-word;
}

.app-detail-hero__developer{
	grid-area:developer;
	align-self:start;
	color:#0077ff;
	font-size:12px;
	font-weight:400;
	line-height:16px;
	text-decoration:none;
}

.app-detail-hero__info{
	z-index:1;
	grid-area:appInfo;
	overflow:hidden;
	margin-top:16px;
}

.app-detail-stats{
	display:flex;
	overflow-x:auto;
	justify-content:flex-start;
	margin:0 -20px;
	padding:0 20px;
	width:auto;
	list-style:none;
	gap:24px;
	scrollbar-width:none;
}

.app-detail-stats::-webkit-scrollbar{
	display:none;
}

.app-detail-stats li{
	display:flex;
	flex:none;
	flex-direction:column;
	align-items:flex-start;
}

.app-detail-stats__value{
	display:flex;
	align-items:center;
	margin:0;
	color:#222;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	white-space:nowrap;
}

.app-detail-stats__value svg{
	flex:none;
	margin-right:4px;
}

.app-detail-stats__label{
	margin-top:2px;
	color:#6d7885;
	font-size:12px;
	font-weight:400;
	line-height:16px;
	white-space:nowrap;
}

.app-detail-hero__actions{
	display:grid;
	z-index:2;
	grid-area:actions;
	margin-top:20px;
	height:fit-content;
}

.app-detail-hero__install{
	position:relative;
	display:block;
	padding:12px 16px;
	width:100%;
	border:0;
	border-radius:12px;
	background:#0077ff;
	color:#fff;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	transition:background-color .2s linear;
}

.app-detail-hero__install:active{
	background:#298dff;
}

.app-detail-monthly{
	display:grid;
	grid-template-areas:
		"value"
		"text";
	margin:0 auto;
	padding-top:8px;
	width:fit-content;
	color:#6d7885;
	font-size:12px;
	line-height:16px;
	text-align:center;
}

.app-detail-monthly strong{
	grid-area:value;
	color:#222;
	font-size:12px;
	font-weight:500;
	line-height:16px;
}

.app-detail-monthly span{
	grid-area:text;
	font-size:12px;
	line-height:16px;
}

@property --frame-angle{
	syntax:"<angle>";
	inherits:false;
	initial-value:0deg;
}

.app-monthly{
	margin:0 auto;
	padding-top:8px;
	color:#6d7885;
	font-size:12px;
	line-height:16px;
	text-align:center;
}

.app-monthly__badge{
	display:inline-flex;
	position:relative;
	overflow:hidden;
	grid-area:value;
	margin-right:4px;
	padding:1px;
	width:fit-content;
	border-radius:4px;
}

.app-monthly__badge::before,
.app-monthly__badge::after{
	content:"";
	position:absolute;
	z-index:0;
	border-radius:inherit;
	inset:0;
}

.app-monthly__badge::before{
	background:#99a2ad;
}

.app-monthly__badge::after{
	background:conic-gradient(
		from var(--frame-angle) at center,
		#0077ff 0deg,
		#0077ff 252deg,
		#39fadb 290deg,
		#39fadb 322deg,
		#0077ff 360deg
	);
	opacity:1;
	animation:app-monthly-frame 3s linear infinite;
}

.app-monthly__value{
	position:relative;
	z-index:1;
	padding:0 4px 0 8px;
	border-radius:3px;
	background:#fff;
	color:#6d7885;
	font-size:12px;
	font-weight:400;
	line-height:16px;
}

.app-monthly__text{
	grid-area:text;
	font-size:12px;
	line-height:16px;
	color:#6d7885;
}

@keyframes app-monthly-frame{
	from{
		--frame-angle:0deg;
	}
	to{
		--frame-angle:360deg;
	}
}

@media(prefers-reduced-motion:reduce){
	.app-monthly__badge::after{
		animation:none;
	}
}




.app-content{
	background:#fff;
	border-radius:16px;
    overflow: hidden;
    padding-top: 10px;
}

.app-tags{
	background:#fff;
}

.app-tags__scroll{
	overflow-x:auto;
	padding:0 20px;
	scrollbar-width:none;
}

.app-tags__scroll::-webkit-scrollbar{
	display:none;
}

.app-tags__row{
	display:flex;
	width:max-content;
	gap:8px;
}

.app-tags__row:not(:last-child){
	margin-bottom:8px;
}

.app-tag{
	display:flex;
	position:relative;
	overflow:hidden;
	align-items:center;
	flex:none;
	padding:4px 8px;
	border-radius:8px;
	color:#222;
	font-size:14px;
	line-height:20px;
	white-space:nowrap;
	text-decoration:none;
}

.app-tag img{
	flex:none;
	margin-right:4px;
	width:16px;
	height:16px;
}

.app-tag--gray{
	background:#ebedf0;
	color:#222;
}

.app-tag--green{
	background:#e8f9ea;
	color:#43a047;
}

.app-tag--pink{
	background:#fdebf4;
	color:#d93b8f;
}

.app-screenshots{
	overflow:hidden;
	padding-top:16px;
	background:#fff;
}

.app-screenshots__scroll{
	display:flex;
	overflow-x:auto;
	padding:0 20px;
	gap:8px;
	scroll-snap-type:x mandatory;
	overscroll-behavior-x:contain;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
}

.app-screenshots__scroll::-webkit-scrollbar{
	display:none;
}

.app-screenshots__scroll img{
	display:block;
	flex:none;
	width:162px;
	height:auto;
	border-radius:12px;
	object-fit:cover;
	aspect-ratio:9/16;
	scroll-snap-align:center;
	scroll-snap-stop:always;
}

.app-description{
	padding:20px 20px 16px;
	background:#fff;
}

.app-description h2{
	margin:0 0 8px;
	color:#222;
	font-size:18px;
	font-weight:500;
	line-height:24px;
}

.app-description__text{
	overflow:hidden;
	margin:0;
	color:#222;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	white-space:pre-line;
	word-break:break-word;
}

.app-description__text.collapsed{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	line-clamp:3;
}

.app-description__more{
	display:flex;
	align-items:center;
	margin-top:4px;
	padding:10px 24px 10px 0;
	border:0;
	background:none;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	cursor:pointer;
	gap:4px;
}

.app-description__more svg{
	transition:transform .2s ease;
}

.app-description.expanded .app-description__more svg{
	transform:rotate(180deg);
}


.app-reviews{
	box-sizing:border-box;
	color:#222;
}
.app-reviews *{
	box-sizing:border-box;
}

.app-reviews{
	display:flex;
	flex-direction:column;
	margin-top:8px;
	padding:16px 20px;
	width:100%;
	border-radius:16px;
	background:#fff;
}
.app-reviews__title{
	margin:0 0 8px;
	font-size:18px;
	font-weight:500;
	line-height:24px;
}
.app-reviews__summary{
	display:grid;
	grid-template-areas:"rating stars" "rating count";
	grid-template-columns:min-content 1fr;
	column-gap:12px;
	row-gap:2px;
	margin-bottom:12px;
}
.app-reviews__rating{
	grid-area:rating;
	font-size:28px;
	font-weight:500;
	line-height:34px;
}
.app-reviews__stars{
	display:flex;
	grid-area:stars;
	align-items:center;
	height:16px;
	color:#447bba;
}
.app-reviews__stars svg{
	flex:0 0 auto;
	width:14px;
	height:16px;
}
.app-reviews__stars svg+svg{
	margin-left:2px;
}
.app-reviews__count{
	grid-area:count;
	color:#818c99;
	font-size:12px;
	font-weight:400;
	line-height:16px;
}
.app-reviews__viewport{
	overflow:hidden;
	margin-right:-20px;
	margin-left:-20px;
}
.app-reviews__list{
	display:flex;
	overflow-x:auto;
	padding:0 20px;
	gap:12px;
	scroll-snap-type:x mandatory;
	scroll-behavior:smooth;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
}
.app-reviews__list::-webkit-scrollbar{
	display:none;
}
.review-card{
	display:flex;
	flex:0 0 calc(100vw - 40px);
	max-width:727px;
	flex-direction:column;
	padding:16px;
	min-width:0;
	border-radius:12px;
	background:#f2f3f5;
	color:#222;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	text-decoration:none;
	scroll-snap-align:center;
}
.review-card__head{
	display:grid;
	grid-template-areas:"name date stars";
	grid-template-columns:min-content min-content 1fr;
	align-items:center;
	margin-bottom:4px;
	min-width:0;
}
.review-card__name{
	grid-area:name;
	font-weight:500;
	white-space:nowrap;
}
.review-card__date{
	grid-area:date;
	margin-left:8px;
	color:#818c99;
	font-weight:400;
	white-space:nowrap;
}
.review-card__stars{
	display:flex;
	grid-area:stars;
	justify-self:end;
	color:#dce1e6;
	font-size:16px;
	line-height:16px;
	letter-spacing:-1px;
	white-space:nowrap;
}

.review-card__stars svg{
	color: #000;
}
.review-card__stars span{
	display:block;
}
.review-card__stars .is-active{
	color:#447bba;
}
.review-card__text{
	position:relative;
	margin:0 0 8px;
	word-break:break-word;
	hyphens:auto;
}
.review-card__text--long{
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:6;
}
.review-card--short .review-card__text{
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}


.review-card__actions{
	display:flex;
	align-items:center;
	width:max-content;
	color:#818c99;
	gap:16px;
}
.review-action{
	display:flex;
	align-items:center;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:none;
	color:inherit;
	font:inherit;
	cursor:pointer;
}
.review-action svg{
	margin-right:8px;
	width:20px;
	height:20px;
	fill:currentColor;
}
.review-answer{
	margin-top:16px;
}
.review-answer__head{
	display:flex;
	align-items:center;
	margin-bottom:4px;
}
.review-answer__head .review-card__date{
	margin-left:8px;
}
.review-answer__verified{
	margin-left:4px;
	width:16px;
	height:16px;
	fill:#447bba;
}
.review-answer__verified .tick{
	fill:none;
	stroke:#fff;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.review-answer .review-card__text{
	margin-bottom:0;
}
.app-reviews__bottom{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:4px;
	margin-bottom:-12px;
	height:40px;
}
.app-reviews__all{
	display:inline-flex;
	align-items:center;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
}
.app-reviews__all svg{
	margin-left:4px;
	width:16px;
	height:16px;
	color: #0077ff;
}
.app-reviews__dots{
	display:flex;
	align-items:center;
}
.app-reviews__dot{
	display:block;
	width:6px;
	height:6px;
	border-radius:3px;
	background:#c5cad0;
	transition:width .25s linear,background-color .25s linear;
}
.app-reviews__dot+.app-reviews__dot{
	margin-left:4px;
}
.app-reviews__dot.is-active{
	width:20px;
	background:#818c99;
}

.app-reviews__stars svg{
	color: #0077ff;
}



.mobile-faq{
	padding-bottom:8px;
	margin-top:8px;
	padding:16px 20px 20px;
	border-radius:16px;
	background:#fff;
}

.mobile-faq__title{
	margin:0 0 8px;
	font-size:18px;
	font-weight:500;
	line-height:24px;
}

.mobile-faq__item{
	margin-bottom:8px;
	padding:6px 0;
	width:100%;
	border-bottom:1px solid #dce1e6;
}

.mobile-faq__item:last-child{
	margin-bottom:0;
	border-bottom:none;
}

.mobile-faq__question{
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#222;
	cursor:pointer;
}

.mobile-faq__question-title{
	overflow:hidden;
	margin:0;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-overflow:ellipsis;
}

.mobile-faq__icon{
	flex-shrink:0;
	width:24px;
	height:24px;
	margin-left:24px;
	color:#222;
	transform:rotate(180deg);
	transition:transform .2s linear;
}

.mobile-faq__item.is-open .mobile-faq__icon{
	transform:rotate(360deg);
}

.mobile-faq__answer{
	display:flex;
	overflow:hidden;
	flex-direction:column;
	padding-top:0;
	max-height:0;
	color:#222;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	white-space:pre-line;
	transition:max-height .2s linear,padding-top .2s linear;
}

.mobile-faq__item.is-open .mobile-faq__answer{
	padding-top:4px;
}



.mobile-whats-new{
	display:grid;
	grid-template-areas:
		"title title"
		"version date"
		"description description"
		"readmore readmore"
		"history history";
	grid-template-columns:repeat(2,1fr);
	margin-top:8px;
	padding:16px 20px;
	border-radius:16px;
	background:#fff;
}

.mobile-whats-new__title{
	grid-area:title;
	margin:0 0 8px;
	font-size:18px;
	font-weight:500;
	line-height:24px;
}

.mobile-whats-new__version,
.mobile-whats-new__date,
.mobile-whats-new__description{
	font-size:14px;
	line-height:20px;
}

.mobile-whats-new__version{
	grid-area:version;
	margin:0;
	font-weight:500;
}

.mobile-whats-new__date{
	grid-area:date;
	justify-self:end;
	margin:0;
	color:#818c99;
	font-weight:400;
}

.mobile-whats-new__description{
	display:-webkit-box;
	overflow:hidden;
	grid-area:description;
	margin:4px 0 0;
	font-weight:400;
	white-space:pre-line;
	word-break:break-word;
	-webkit-hyphens:auto;
	hyphens:auto;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}

.mobile-whats-new__description.is-open{
	display:block;
	-webkit-line-clamp:unset;
}

.mobile-whats-new__more{
	display:flex;
	overflow:hidden;
	grid-area:readmore;
	align-items:center;
	margin:0;
	padding:0 20px 0 0;
	max-height:0;
	border:0;
	background:none;
	opacity:0;
	color:#0077ff;;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	cursor:pointer;
	transition:max-height .25s ease-out,padding .25s ease-out,opacity .25s ease-out;
}

.mobile-whats-new__more.is-visible{
	padding:10px 20px 10px 0;
	max-height:40px;
	opacity:1;
}

.mobile-whats-new__more svg{
	margin-left:4px;
	width:14px;
	height:14px;
	transition:transform .3s ease;
}

.mobile-whats-new__more.is-open svg{
	transform:rotate(180deg);
}

.mobile-whats-new__history{
	display:flex;
	grid-area:history;
	align-items:center;
	margin-top:4px;
	margin-right:auto;
	padding:10px 24px 10px 0;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
}

.mobile-whats-new__history svg{
	flex-shrink:0;
	margin-left:4px;
	width:16px;
	height:16px;
	color:#0077ff;
}




.version-history-popup{
	position:fixed;
	z-index:99;
	inset:0;
	visibility:hidden;
	background:#fff;
	opacity:0;
	transform:translateX(100%);
	transition:transform .25s ease,opacity .25s ease,visibility .25s;
	padding-top: 20px;
	margin-top: 56px;
}

.version-history-popup.is-open{
	visibility:visible;
	opacity:1;
	transform:translateX(0);
}

.version-history-popup__page{
	overflow-y:auto;
	width:100%;
	height:100dvh;
	overscroll-behavior:contain;
	-webkit-overflow-scrolling:touch;
	padding-bottom: 100px;
}


.version-history-heading{
	padding:0 20px;
}

.version-history-breadcrumbs{
	display:flex;
	flex-wrap:wrap;
	margin:0 0 16px;
	padding:0;
	list-style:none;
}

.version-history-breadcrumbs__item{
	display:flex;
	flex-direction:row;
	align-items:flex-end;
	color:#0077ff;
	list-style:none;
}

.version-history-breadcrumbs__item:not(:last-child){
	margin-right:4px;
}

.version-history-breadcrumbs__link{
	color:inherit;
	text-decoration:none;
}

.version-history-breadcrumbs__link span{
	margin-right:4px;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	word-break:break-word;
}

.version-history-breadcrumbs__arrow{
	flex-shrink:0;
	width:20px;
	height:20px;
	color:#0077ff;
	transform:rotate(90deg);
}

.version-history-heading__title{
	margin:0;
	padding:0;
	font-size:28px;
	font-weight:500;
	font-style:normal;
	line-height:34px;
}

.version-history-app{
	z-index:2;
	padding: 0 20px;
	margin-top: 20px;
}

.version-history-app__head{
	display:flex;
	flex-direction:row;
	align-items:center;
	margin:0 0 16px;
}

.version-history-app__icon{
	position:relative;
	flex-shrink:0;
	margin-right:12px;
	width:40px;
	height:40px;
	border:1px solid #dce1e6;
	border-radius:10px;
	object-fit:cover;
}

.version-history-app__name{
	display:-webkit-box;
	overflow:hidden;
	margin:0;
	color:#222;
	font-size:16px;
	font-weight:500;
	line-height:20px;
	word-break:break-word;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}

.version-history-app__stats{
	display:flex;
	overflow-x:auto;
	flex-direction:row;
	align-items:flex-start;
	width:100%;
	white-space:nowrap;
	scrollbar-width:none;
}

.version-history-app__stats::-webkit-scrollbar{
	display:none;
}

.version-history-app__stat{
	display:grid;
	flex-shrink:0;
	grid-template-areas:
		"value"
		"title";
	color:#818c99;
}

.version-history-app__stat:not(:last-child){
	margin-right:24px;
}

.version-history-app__stat-label{
	grid-area:title;
	margin-top:2px;
	color:#818c99;
	font-size:12px;
	font-weight:400;
	line-height:16px;
}

.version-history-app__stat-value{
	grid-area:value;
	color:#222;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	white-space:nowrap;
}

.version-history-app__rating{
	display:flex;
	flex-direction:row;
	align-items:center;
}

.version-history-app__rating svg{
	margin-right:4px;
	width:14px;
	height:14px;
	color:#000;
}

.version-history-app__stat-sub{
	display:none;
}

.version-history-app__stat:first-child .version-history-app__stat-label{
	display:block;
}

.version-history-app__stat:first-child .version-history-app__stat-sub{
	display:none;
}

.visually-hidden{
	position:absolute;
	overflow:hidden;
	margin:-1px;
	padding:0;
	width:1px;
	height:1px;
	border:0;
	clip:rect(0 0 0 0);
	white-space:nowrap;
}



.version-history-list{
	padding:0 20px 24px;
	margin-top: 20px;
}

.version-history-item{
	padding:20px 16px;
	border-radius:12px;
	background:#f2f3f5;
}

.version-history-item:not(:last-child){
	margin-bottom:12px;
}

.version-history-item__head{
	display:flex;
	justify-content:space-between;
	margin-bottom:8px;
}

.version-history-item__version,
.version-history-item__date,
.version-history-item__text{
	margin:0;
	font-size:14px;
	line-height:20px;
}

.version-history-item__version{
	color:#222;
	font-weight:500;
}

.version-history-item__date{
	color:#818c99;
	font-weight:400;
}

.version-history-item__text{
	color:#818c99;
	font-weight:400;
}









.developer-block{
	display:flex;
	position:relative;
	flex-direction:row;
	margin-top:8px;
	padding:16px;
	border-radius:16px;
	background:#fff;
}

.developer-block__info{
	display:flex;
	overflow-x:hidden;
	flex-direction:column;
	flex-shrink:1;
	margin-right:auto;
	min-width:0;
}

.developer-block__title{
	margin:0;
	color:#222;
	font-size:14px;
	font-weight:500;
	line-height:20px;
}

.developer-block__name{
	overflow:hidden;
	margin-top:4px;
	color:#0077ff;
	font-size:18px;
	font-weight:500;
	line-height:24px;
	text-decoration:none;
	white-space:nowrap;
	word-break:break-word;
	text-overflow:ellipsis;
}

.developer-block__apps{
	display:flex;
	flex-direction:row;
	flex-shrink:0;
	align-items:center;
	margin-left:8px;
	width:min-content;
}

.developer-block__apps > *:not(:last-child){
	margin-right:8px;
}

.developer-block__app,
.developer-block__app-icon,
.developer-block__more{
	width:40px;
	height:40px;
	border-radius:10px;
}

.developer-block__app{
	display:block;
	flex-shrink:0;
	background:#fff;
}

.developer-block__app-icon{
	display:block;
	box-sizing:border-box;
	border:1px solid #dce1e6;
	object-fit:cover;
}

.developer-block__more{
	display:flex;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	padding:0 7px;
	width:min-content;
	min-width:40px;
	background:#f2f3f5;
	color:#222;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	text-decoration:none;
	white-space:nowrap;
}


.app-support{
	margin-top:8px;
	padding:16px 20px;
	border-radius:16px;
	background:#fff;
}

.app-support__title{
	margin:0 0 12px;
	color:#222;
	font-size:18px;
	font-weight:500;
	line-height:24px;
}

.app-support__link{
	display:flex;
	align-items:center;
	width:max-content;
	max-width:100%;
	color:#222222;
	text-decoration:none;
}

.app-support__icon{
	flex-shrink:0;
	margin-right:8px;
	width:16px;
	height:16px;
	color:#222222;
}

.app-support__email{
	overflow:hidden;
	margin:0;
	color:#222222;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	word-break:break-word;
}






.active-events{
	margin-top:8px;
	padding:16px 0 16px 20px;
	border-radius:16px;
	background:#fff;
}

.active-events__title{
	margin:0 0 12px;
	color:#222;
	font-size:18px;
	font-weight:500;
	line-height:24px;
}

.active-events__scroll{
	overflow-x:auto;
	padding-right:20px;
	scrollbar-width:none;
}

.active-events__scroll::-webkit-scrollbar{
	display:none;
}

.active-event-card{
	display:flex;
	position:relative;
	overflow:hidden;
	flex-direction:column;
	justify-content:flex-end;
	width:calc(100vw - 40px);
	border-radius:16px;
	color:#fff;
	text-decoration:none;
	aspect-ratio:4/3;
	scroll-snap-align:center;
}

.active-event-card__cover{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#f7f7f7;
	object-fit:cover;
	object-position:center top;
	transition:transform .25s ease-out;
}

.active-event-card__date{
	position:absolute;
	top:20px;
	left:0;
	padding:4px 16px;
	border-radius:0 8px 8px 0;
	background:#f2f3f5;
	color:#222;
	font-size:12px;
	font-weight:500;
	line-height:16px;
}

.active-event-card__gradient{
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	height:62%;
	background:linear-gradient(180deg,rgba(33,33,33,0) 0,#212121 50%);
}

.active-event-card__content{
	display:flex;
	position:relative;
	z-index:1;
	flex-direction:column;
	justify-content:flex-end;
	padding:16px;
}

.active-event-card__content p{
	margin:0;
}

.active-event-card__title{
	overflow:hidden;
	color:#fff;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.active-event-card__subtitle{
	margin-top:0!important;
	color:#fff;
	font-size:14px;
	font-weight:400;
	line-height:20px;
}

.active-event-card__app{
	display:flex;
	overflow:hidden;
	margin-top:16px;
}

.active-event-card__app-icon{
	flex-shrink:0;
	margin-right:12px;
	width:52px;
	height:52px;
	border:1px solid #e1e3e6;
	border-radius:13px;
	background:#e1e3e6;
	object-fit:cover;
}

.active-event-card__app-info{
	display:flex;
	overflow:hidden;
	flex-direction:column;
	justify-content:center;
	min-width:0;
}

.active-event-card__app-name,
.active-event-card__app-description{
	display:block;
	overflow:hidden;
	color:#fff;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.active-event-card__app-name{
	margin-bottom:4px!important;
	font-size:16px;
	font-weight:500;
	line-height:24px;
}

.active-event-card__app-description{
	font-size:14px;
	font-weight:400;
	line-height:20px;
}



.app-extra{
	margin-top:8px;
	padding:16px 20px;
	border-radius:16px;
	background:#fff;
}

.app-extra__title{
	margin:0 0 12px;
	color:#222;
	font-size:18px;
	font-weight:500;
	line-height:24px;
}

.app-extra__row{
	display:flex;
	align-items:center;
}

.app-extra__icon{
	flex-shrink:0;
	margin-right:8px;
	width:16px;
	height:16px;
	color:#6d7885;
}

.app-extra__text{
	margin:0;
	color:#6d7885;
	font-size:14px;
	font-weight:400;
	line-height:20px;
}

.app-extra__more{
	display:flex;
	align-items:center;
	margin-top:4px;
	padding:10px 24px 10px 0;
	width:max-content;
	max-width:100%;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
}

.app-extra__more svg{
	flex-shrink:0;
	margin-left:4px;
	width:16px;
	height:16px;
	color:#0077ff;
}


.app-compare{
	margin-top:8px;
	padding:16px 20px;
	border-radius:16px;
	background:#fff;
}

.app-compare__title{
	margin:0 0 8px;
	color:#222;
	font-size:18px;
	font-weight:500;
	line-height:24px;
}

.app-compare__text{
	margin:0;
	color:#6d7885;
	font-size:14px;
	font-weight:400;
	line-height:20px;
}

.app-compare__link{
	display:flex;
	align-items:center;
	margin-top:4px;
	padding:10px 24px 10px 0;
	width:max-content;
	max-width:100%;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
}

.app-compare__link svg{
	flex-shrink:0;
	margin-left:4px;
	width:16px;
	height:16px;
	color:#0077ff;
}


.recommended-articles{
	margin-top:8px;
	padding:16px 0 16px 20px;
	border-radius:16px;
	background:#fff;
}

.recommended-articles__title{
	margin:0 0 12px;
	color:#222;
	font-size:18px;
	font-weight:500;
	line-height:24px;
}

.recommended-articles__scroll{
	display:flex;
	overflow-x:auto;
	gap:12px;
	padding-right:20px;
	scroll-snap-type:x mandatory;
	scrollbar-width:none;
	max-width: 406px;
}

.recommended-articles__scroll::-webkit-scrollbar{
	display:none;
}

.recommended-article{
	display:flex;
	flex:0 0 auto;
	width: calc(100% - 10px);
	align-items:flex-start;
	min-width:0;
	color:#222;
	text-decoration:none;
	scroll-snap-align:center;
}

.recommended-article__image{
	overflow:hidden;
	flex-shrink:0;
	width:96px;
	height:56px;
	margin-right:12px;
	border-radius:8px;
}

.recommended-article__image img{
	display:block;
	width:96px;
	height:56px;
	object-fit:cover;
}

.recommended-article__text{
	display:-webkit-box;
	overflow:hidden;
	color:#222;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	word-break:break-word;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}


.similar-apps{
	margin-top:8px;
	padding:16px 0 16px 20px;
	border-radius:16px;
	background:#fff;
}

.similar-apps__title{
	margin:0 0 16px;
	color:#222;
	font-size:18px;
	font-weight:500;
	line-height:24px;
}

.similar-apps__scroll{
	display:flex;
	overflow-x:auto;
	padding-right:20px;
	gap:12px;
	scroll-snap-type:x mandatory;
	scrollbar-width:none;
}

.similar-apps__scroll::-webkit-scrollbar{
	display:none;
}

.similar-apps__column{
	display:grid;
	flex:0 0 calc(100vw - 40px);
	grid-template-rows:repeat(3,1fr);
	row-gap:16px;
	scroll-snap-align:center;
	max-width: 727px;
}

.similar-app{
	display:grid;
	grid-template-columns:min-content 1fr;
	column-gap:16px;
	width:100%;
	max-height:max-content;
	color:inherit;
	text-decoration:none;
}

.similar-app__icon{
	align-self:center;
	flex-shrink:0;
	width:64px;
	height:64px;
	border:1px solid #e1e3e6;
	border-radius:16px;
	object-fit:cover;
}

.similar-app__info{
	display:flex;
	overflow:hidden;
	flex-direction:column;
	justify-content:center;
	min-width:0;
}

.similar-app__name,
.similar-app__category{
	margin:0;
}

.similar-app__name{
	display:-webkit-box;
	overflow:hidden;
	color:#222;
	font-size:16px;
	font-weight:500;
	line-height:20px;
	text-overflow:ellipsis;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}

.similar-app__category{
	display:block;
	overflow:hidden;
	color:#222;
	margin: 2px 0;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.similar-app__meta{
	display:flex;
	overflow:hidden;
	align-items:center;
	color:#99a2ad;
}

.similar-app__meta > *:not(:last-child){
	margin-right:8px;
}

.similar-app__rating{
	display:flex;
	align-items:center;
	flex-shrink:0;
	color:#6d7885;
	font-size:14px;
	font-weight:400;
	line-height:20px;
}

.similar-app__rating svg{
	margin-right:4px;
	width:14px;
	height:14px;
}

.similar-app__label{
	display:flex;
	overflow:hidden;
	align-items:center;
	min-width:0;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	white-space:nowrap;
}

.similar-app__label img{
	flex-shrink:0;
	margin-right:4px;
	width:16px;
	height:16px;
}

.similar-app__label span{
	overflow:hidden;
	text-overflow:ellipsis;
}

.similar-app__label--top{
	color:#4bb34b;
}

.similar-app__label--event{
	color:#e03fab;
}

.similar-app__dot{
	margin:0 4px;
	color:#99a2ad;
	font-size:12px;
	line-height:16px;
}

.similar-apps__more{
	display:flex;
	align-items:center;
	margin-top:8px;
	padding:10px 20px 10px 0;
	width:max-content;
	max-width:100%;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
}

.similar-apps__more svg{
	flex-shrink:0;
	margin-left:4px;
	width:16px;
	height:16px;
	color:#0077ff;
}



.sticky-app-info{
	position:fixed;
	z-index:15;
	top:56px;
	right:0;
	left:0;
	padding:8px 12px;
	width:100%;
	border-radius:0 0 16px 16px;
	background:rgba(242,243,245,.88);
	opacity:1;
	transform:translateY(0);
	transition:opacity .15s ease,transform .15s ease;
	-webkit-backdrop-filter:blur(12px);
	backdrop-filter:blur(12px);
}

.sticky-app-info.is-hidden{
	opacity:0;
	transform:translateY(-50%);
	pointer-events:none;
}

.sticky-app-info__inner{
	display:flex;
	flex-direction:row;
	align-items:center;
	margin:0 auto;
	width:100%;
	max-width:767px;

}

.sticky-app-info__back{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:8px;
	width:max-content;
	border-radius:12px;
	color:#0077ff;
	text-decoration:none;
}

.sticky-app-info__back svg{
	width:20px;
	height:20px;
}

.sticky-app-info__icon{
	flex-shrink:0;
	margin-left:8px;
	width:40px;
	height:40px;
	border:1px solid #e1e3e6;
	border-radius:10px;
	object-fit:cover;
}

.sticky-app-info__name{
	display:-webkit-box;
	overflow:hidden;
	margin:0 12px;
	color:#222;
	font-size:16px;
	font-weight:500;
	line-height:20px;
	word-break:break-word;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}




.reviews-popup{
	display:none;
	position:fixed;
	z-index:99;
	inset:0;
	overflow-y:auto;
	background:#fff;

	padding-top: 20px;
    margin-top: 56px;
}

.reviews-popup.is-open{
	display:block;
}

.reviews-popup .version-history-popup__page{
	min-height:100%;
	max-width: 767px;
	margin: 0 auto;
}

.reviews-popup__list{
	display:flex;
	flex-direction:column;
	padding:0 20px 32px;
	gap: 10px;
}

.reviews-popup__list .review-card{
	width:100%;
	margin:0;
	flex: 1;
}

.reviews-popup__list .review-card+.review-card{
	margin-top:0;
}

body.reviews-popup-lock{
	overflow:hidden;
}

.reviews-sort{
	display:flex;
	position:relative;
	z-index:10;
	align-items:center;
	justify-content:flex-end;
	padding:16px 20px;
	background:#fff;
}

.reviews-sort__select{
	position:relative;
}

.reviews-sort__button{
	display:flex;
	position:relative;
	align-items:center;
	padding:4px 8px;
	width:max-content;
	border:0;
	border-radius:8px;
	outline: none;
	background:#fff;
	color:#222;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	white-space:nowrap;
	cursor:pointer;
}

.reviews-sort__button.is-open{
}

.reviews-sort__prefix{
	display:flex;
	align-items:center;
	margin-right:4px;
}

.reviews-sort__prefix-text{
	display:none;
	color:#6d7885;
}

.reviews-sort__sort-icon{
	display:block;
	width:16px;
	height:16px;
	color:#99a2ad;
}

.reviews-sort__value{
	font-weight:500;
}

.reviews-sort__arrow{
	width:16px;
	height:16px;
	margin-left:4px;
	transition:transform .2s linear;
}

.reviews-sort__button.is-open .reviews-sort__arrow{
	transform:rotate(180deg);
}

.reviews-sort__dropdown{
	display:none;
	position:absolute;
	z-index:20;
	top:calc(100% + 8px);
	right:0;
	overflow:hidden;
	width:220px;
	padding:8px 0;
	border-radius:12px;
	box-shadow:0 4px 16px rgba(0,0,0,.08);
	background:#fff;
}

.reviews-sort__select.is-open .reviews-sort__dropdown{
	display:block;
}

.reviews-sort__option{
	display:flex;
	align-items:center;
	width:100%;
	padding:12px 16px;
	border:0;
	background:transparent;
	color:#222;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	text-align:left;
	cursor:pointer;
}

.reviews-sort__option:hover{
	background:#f7f7f7;
}

.reviews-sort__option.is-active{
	font-weight:500;
}









.compatibility-page{
	width:100%;
	padding:0 20px 32px;
	background:#fff;
}

.compatibility-content{
	margin-top:24px;
	padding: 0 20px;
}

.compatibility-description{
	color:#222;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	white-space:pre-line;
}

.compatibility-title{
	margin:32px 0 16px;
	color:#222;
	font-size:18px;
	font-weight:500;
	line-height:28px;
}

.compatibility-requirements__list{
	display:flex;
	flex-direction:column;
}

.compatibility-requirement{
	display:flex;
	flex-direction:column;
	padding:16px 0;
	border-bottom:1px solid #e1e3e6;
	gap:4px;
}

.compatibility-requirement:first-child{
	border-top:1px solid #e1e3e6;
}

.compatibility-requirement__name{
	color:#6d7885;
	font-size:14px;
	font-weight:400;
	line-height:20px;
}

.compatibility-requirement__value{
	color:#222;
	font-size:16px;
	font-weight:400;
	line-height:24px;
}

.compatibility-alternatives{
	margin-top:32px;
}

.compatibility-popup{
	display:none;
	position:fixed;
	z-index:99;
	inset:0;
	overflow-y:auto;
	background:#fff;
	padding-top: 20px;
	margin-top: 56px;
}

.compatibility-popup.is-open{
	display:block;
}

.compatibility-popup .version-history-popup__page{
	min-height:100%;
	padding-bottom: 150px;
	max-width: 767px;
	margin: 0 auto;
}

.version-history-popup__page{
	max-width: 767px;
	margin: 0 auto;
}

body.compatibility-lock{
	overflow:hidden;
}

.compatibility-popup
.mobile-faq{
	padding-left: 0;
	padding-right: 0;
	margin-top: 20px;
}
/* End */
/* /local/templates/mystore/components/bitrix/news/apps/bitrix/news.detail/.default/style.css?179251343832919 */