/* Start:/local/templates/mystore/element.css?179019298729250*/
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{
	display:none;
	box-sizing:border-box;
	color:#222;
}
.app-reviews *{
	box-sizing:border-box;
}
@media(max-width:719px){
	.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);
	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;
	margin-top:auto;
	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:9999;
	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;
}


.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;
	white-space:break-spaces;
	word-break:normal;
}









.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;
}

.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;
}

.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%;
}

.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;
}
/* End */


/* Start:/local/templates/mystore/template_styles.css?179019473033262*/
@font-face {
    font-family: "vkFont";
    src: url(/local/templates/mystore/assets/fonts/vk-font.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
}

*{box-sizing:border-box}

body{margin:0;font-family:"vkFont",arial,system-ui,sans-serif;color:#222; background-color: #fff;}

.element-detail{
    background-color: #f2f3f5;
}

.mobile-header{
	--header-height:56px;
	position:fixed;
	z-index:101;
	top:0;
	left:0;
	width:100%;
	background:#fff
}

.mobile-header__inner{
	display:grid;
	grid-template-areas:"logo right menu";
	grid-template-columns:1fr 1fr max-content;
	align-items:center;
	width:100%;
	height:56px;
	padding:8px 20px
}

.mobile-header__logo{
	grid-area:logo;
	display:flex;
	align-items:center;
	width:max-content
}

.mobile-header__logo img{
	display:block;
	width:112px;
	height:28px
}

.mobile-header__right{
	grid-area:right;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	width:100%;
	gap:12px
}

.mobile-header__search,
.mobile-header__menu-button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	padding:10px;
	border:0;
	border-radius:12px;
	background:#ebedf0;
	color:#222;
	cursor:pointer
}

.mobile-header__search svg,
.mobile-header__menu-button svg{
	width:20px;
	height:20px
}

.mobile-header__download{
	display:flex;
	align-items:center;
	justify-content:center;
	height:40px;
	padding:10px 16px;
	border-radius:12px;
	background:#ebedf0;
	color:#222;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
	white-space:nowrap
}

.mobile-header__download.is-active{
	background:#0077ff;
	color:#fff;
}

.mobile-header__menu-button{
	grid-area:menu;
	margin-left:12px
}

.mobile-header__menu-close{
	display:none
}

.mobile-header.menu-open .mobile-header__menu-open{
	display:none
}

.mobile-header.menu-open .mobile-header__menu-close{
	display:block
}

/* MENU */

.mobile-menu{
	display:none;
	position:fixed;
	top:56px;
	right:0;
	bottom:0;
	flex-direction:column;
	width:100vw;
	background:#fff;
	overflow-y:auto
}

.mobile-header.menu-open .mobile-menu{
	display:flex;
	animation:mobileMenuOpen .2s linear
}

.mobile-menu__items{
	display:flex;
	flex-direction:column;
	margin-top:16px;
	padding:0 12px
}

.mobile-menu__link{
	display:flex;
	align-items:center;
	padding:12px 8px;
	border-radius:12px;
	color:#222;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	text-decoration:none;
	transition:background-color .2s ease
}

.mobile-menu__link:hover{
	background:#f7f7f7
}

.mobile-menu__link img{
	flex-shrink:0;
	width:24px;
	height:24px;
	margin-right:12px
}

/* LANGUAGE */

.mobile-menu__language{
	margin:8px 20px 0;
	padding:20px 0;
	border-top:1px solid #ebedf0
}

.mobile-menu__language-button{
	display:flex;
	align-items:center;
	padding:0;
	border:0;
	background:none;
	color:#222;
	font-size:16px;
	line-height:24px;
	cursor:pointer
}

.mobile-menu__language-button>svg:first-child{
	width:24px;
	height:24px;
	margin-right:12px
}

.mobile-menu__language-arrow{
	margin-left:10px
}

body.menu-open{
	overflow:hidden
}

@keyframes mobileMenuOpen{
	from{transform:translateX(100%)}
	to{transform:translateX(0)}
}

@media(min-width:720px){
	.mobile-header{
		display:none
	}
}


.footer-mobile{
	padding:32px 20px;
	background:#f2f3f5;
	color:#222;
}

.footer-mobile *{
	box-sizing:border-box;
}

.footer-mobile__top{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}

.footer-mobile__logo{
	display:block;
	width:128px;
	height:32px;
}

.footer-mobile__language{
	display:flex;
	align-items:center;
	margin-top:24px;
	padding:0;
	border:0;
	background:none;
	color:#222;
	font:inherit;
	cursor:pointer;
	gap:8px;
}

.footer-mobile__language span{
	font-size:14px;
	font-weight:500;
	line-height:20px;
}

.footer-mobile__language-arrow{
	width:20px;
	height:20px;
}

.footer-mobile__sections{
	margin-top:32px;
}

.footer-accordion{
	overflow:hidden;
}

.footer-accordion__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	margin:0 0 12px;
	padding:0;
	border:0;
	background:none;
	color:#222;
	font:inherit;
	text-align:left;
	cursor:pointer;
}

.footer-accordion__head span{
	font-size:14px;
	font-weight:500;
	line-height:18px;
}

.footer-accordion__head svg{
	flex:none;
	width:24px;
	height:24px;
	transition:transform .2s linear;
}

.footer-accordion__body{
	display:flex;
	overflow:hidden;
	flex-direction:column;
	max-height:0;
	margin-bottom:0;
	transition:max-height .3s ease,margin-bottom .3s ease;
}

.footer-accordion.active .footer-accordion__body{
	max-height:1000px;
	margin-bottom:24px;
}

.footer-accordion.active .footer-accordion__head svg{
	transform:rotate(180deg);
}

.footer-accordion__body a{
	color:#6d7885;
	font-size:14px;
	font-weight:500;
	line-height:18px;
	text-decoration:none;
	overflow-wrap:anywhere;
}

.footer-accordion__body a:not(:last-child){
	margin-bottom:12px;
}

.footer-mobile__socials{
	display:flex;
	align-items:center;
	margin-top:32px;
}

.footer-mobile__socials a{
	display:block;
	flex:none;
	width:28px;
	height:28px;
}

.footer-mobile__socials a:not(:last-child){
	margin-right:16px;
}

.footer-mobile__socials img{
	display:block;
	width:100%;
	height:100%;
}

.footer-mobile__buttons{
	display:flex;
	flex-direction:column;
	margin-top:24px;
}

.footer-mobile__buttons button{
	position:relative;
	padding:10px 16px;
	width:100%;
	border:0;
	border-radius:12px;
	background:#e1e3e6;
	color:#222;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-align:center;
	white-space:nowrap;
	cursor:pointer;
}

.footer-mobile__buttons button+button{
	margin-top:8px;
}

.footer-mobile__copyright{
	margin-top:24px;
	color:#6d7885;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	text-wrap:balance;
}

.footer-mobile__copyright a{
	color:#6d7885;
	text-decoration:none;
}

@media(min-width:720px){
	.footer-mobile{
		display:none;
	}
}

.language-switcher{
	margin-top:24px;
}

.language-switcher__container{
	display:inline-block;
	position:relative;
}

.language-switcher__button{
	display:flex;
	align-items:center;
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	font-family:"VK Sans Display",Roboto,Arial,sans-serif;
	cursor:pointer;
}

.language-switcher__button svg{
	flex:none;
	color:#6d7885;
	transition:color .3s ease;
}

.language-switcher__text{
	margin:0 0 0 4px;
	min-width:32px;
	color:#6d7885;
	font-size:16px;
	font-weight:500;
	line-height:24px;
}

.language-switcher__chevron{
	width:24px;
	height:24px;
	transform:rotate(180deg);
	transition:transform .25s ease;
}

.language-switcher__button:hover .language-switcher__text,
.language-switcher__button:hover svg{
	color:#99a2ad;
}

.language-switcher.open .language-switcher__text,
.language-switcher.open .language-switcher__button svg{
	color:#99a2ad;
}

.language-switcher.open .language-switcher__chevron{
	transform:rotate(360deg);
}

.language-switcher__dropdown{
	display:none;
	position:absolute;
	z-index:20;
	top:40px;
	left:0;
	padding:4px;
	width:120px;
	border-radius:8px;
	box-shadow:0 4px 16px rgba(0,0,0,.08);
	background:#fff;
}

.language-switcher.open .language-switcher__dropdown{
	display:block;
}

.language-switcher__option{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	padding:4px 8px;
	border:0;
	border-radius:8px;
	background:transparent;
	color:#6d7885;
	font-family:"VK Sans Display",Roboto,Arial,sans-serif;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	text-align:left;
	cursor:pointer;
	transition:background-color .15s ease;
}

.language-switcher__option+.language-switcher__option{
	margin-top:8px;
}

.language-switcher__option:hover{
	background:#f7f7f7;
}



.app-search{
	display:flex;
	position:relative;
	flex-direction:column;
	width:100%;
	border-radius:16px;
	background:#ebedf0;
	gap:4px;
}

.app-search *{
	box-sizing:border-box;
}

.app-search__top{
	display:flex;
	gap:4px;
}

.app-search__back{
	display:none;
	align-items:center;
	justify-content:center;
	flex:none;
	margin-right:8px;
	padding:0;
	border:0;
	background:none;
	color:#0077ff;
	cursor:pointer;
}

.app-search__field{
	display:flex;
	align-items:center;
	padding:4px 4px 4px 16px;
	width:100%;
	min-width:0;
	min-height:48px;
	border-radius:16px;
	background:#ebedf0;
}

.app-search__search-icon{
	flex:none;
	margin-right:8px;
	width:24px;
	height:24px;
	color:#222;
}

.app-search__input{
	overflow:hidden;
	flex:1;
	min-width:0;
	height:40px;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
	color:#222;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	white-space:nowrap;
	text-overflow:ellipsis;
	caret-color:#0077ff;
}

.app-search__input::placeholder{
	color:#6d7885;
	opacity:1;
}

.app-search__submit{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:none;
	padding:10px 16px;
	border:0;
	border-radius:12px;
	background:#0077ff;
	color:#fff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	cursor:pointer;
}

.app-search__results{
	display:none;
	overflow-y:auto;
	flex:1;
	min-height:0;
	background:#fff;
}

.app-search__results-inner{
	padding:12px 20px 32px;
}

.app-search__popular-title{
	display:flex;
	align-items:center;
	padding:8px 0;
	color:#222;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	gap:4px;
}

.app-search__popular-title svg{
	color:#f05c44;
}

.app-search__result{
	display:flex;
	position:relative;
	align-items:center;
	width:100%;
	min-height:44px;
	padding:10px 0;
	border:0;
	background:transparent;
	color:#222;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	text-align:left;
	cursor:pointer;
}

.app-search__result::before{
	content:"";
	flex:none;
	width:24px;
	height:24px;
	margin-right:12px;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.75 3.5C6.74594 3.5 3.5 6.74594 3.5 10.75C3.5 14.7541 6.74594 18 10.75 18C12.4277 18 13.9722 17.4302 15.2007 16.4735L19.4636 20.7364C19.8151 21.0879 20.3849 21.0879 20.7364 20.7364C21.0878 20.3849 21.0878 19.8151 20.7364 19.4636L16.4735 15.2007C17.4302 13.9722 18 12.4277 18 10.75C18 6.74594 14.7541 3.5 10.75 3.5ZM10.75 5.3C7.74005 5.3 5.3 7.74005 5.3 10.75C5.3 13.76 7.74005 16.2 10.75 16.2C13.76 16.2 16.2 13.76 16.2 10.75C16.2 7.74005 13.76 5.3 10.75 5.3Z' fill='%2399a2ad'/%3E%3C/svg%3E") center/24px no-repeat;
}

.app-search.is-focused{
	position:fixed;
	z-index:2147483644;
	top:56px;
	left:0;
	width:100vw;
	height:calc(100dvh - 56px);
	padding-top:4px;
	border-radius:0;
	background:#fff;
	gap:0;
}

.app-search.is-focused .app-search__top{
	padding:0 20px;
}

.app-search.is-focused .app-search__back{
	display:flex;
}

.app-search.is-focused .app-search__field{
	background:#f2f3f5;
}

.app-search.is-focused .app-search__search-icon{
	display:none;
}

.app-search.is-focused .app-search__results{
	display:block;
}

body.search-open{
	overflow:hidden;
}



.intro-mobile{
	--side:20px;
	--gap:12px;
	display:flex;
	flex-direction:column;
	width:100%;
	margin-top:56px;
	padding:16px 0 32px;
	color:#222;
	
	gap:0;
}

.intro-mobile *{
	box-sizing:border-box;
}

.intro-mobile__left{
	margin:0;
	padding:0 var(--side);
	width:100%;
}

.intro-mobile__title{
	margin:0;
	width:100%;
	color:#222;
	font-size:28px;
	font-weight:400;
	font-style:normal;
	line-height:34px;
	white-space:pre-line;
}

.intro-mobile__subtitle{
	margin-top:12px;
	color:#222;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	white-space:pre-line;
    margin-bottom: 32px;
}

/* SEARCH */

.intro-search{
	margin-top:32px;
	width:100%;
}

.intro-search__field{
	display:flex;
	align-items:center;
	padding:4px 4px 4px 16px;
	width:100%;
	min-width:0;
	min-height:48px;
	border-radius:16px;
	background:#ebedf0;
	transition:background-color .2s linear;
}

.intro-search__icon{
	flex:none;
	width:24px;
	height:24px;
	margin-right:8px;
	color:#222;
}

.intro-search input{
	overflow:hidden;
	flex:1 1;
	min-width:0;
	height:40px;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
	color:#222;
	font-family:inherit;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	white-space:nowrap;
	text-overflow:ellipsis;
	caret-color:#0077ff;
}

.intro-search input::placeholder{
	color:#6d7885;
	opacity:1;
}

.intro-search button{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:none;
	padding:10px 16px;
	height:40px;
	border:0;
	border-radius:12px;
	outline:0;
	background:#0077ff;
	color:#fff;
	font-family:inherit;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	cursor:pointer;
}

/* ADVANTAGES */

.intro-advantages{
	display:flex;
	overflow-x:auto;
	margin:16px calc(var(--side) * -1) 0;
	padding:0 var(--side);
	width:100vw;
	gap:12px;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
}

.intro-advantages::-webkit-scrollbar{
	display:none;
}

.intro-advantages__item{
	display:flex;
	flex:0 0 214px;
	align-items:center;
	min-width:214px;
	padding:8px 12px;
	border-radius:12px;
	color:#222;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	white-space:pre-line;
	gap:8px;
}

.intro-advantages__item img{
	flex:none;
	width:36px;
	height:36px;
	object-fit:contain;
}

/* SELECTIONS */

.intro-selections{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:32px;
	width:100%;
}

.intro-selections__scroll{
	display:flex;
	position:relative;
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
	padding:0 var(--side);
	gap:12px;
	overscroll-behavior-x:contain;
	scrollbar-width:none;
	scroll-snap-type:x mandatory;
	scroll-snap-stop:always;
	-webkit-overflow-scrolling:touch;
}

.intro-selections__scroll::-webkit-scrollbar{
	display:none;
}

.intro-selections__slide{
	display:flex;
	flex:none;
	align-items:center;
	overflow:hidden;
	width:calc(2 * (100vw - 20px - 24px) / 5);
	height:auto;
	border-radius:16px;
	aspect-ratio:147 / 184;
	scroll-snap-align: center;
	scroll-snap-stop:always;
}

.intro-selections__card{
	display:flex;
	width:100%;
	height:100%;
	padding:12px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	color:#fff;
	text-decoration:none;
}

.intro-selections__card span{
	overflow:hidden;
	margin-top:auto;
	color:#fff;
	font-size:16px;
	font-weight:500;
	font-style:normal;
	line-height:24px;
	white-space:pre-line;
	text-overflow:ellipsis;
}

@media(min-width:720px){
	.intro-mobile{
		display:none;
	}
}


.popular-mobile{
	--side:20px;
	--gap:12px;
	width:100%;
	padding:0 0 24px;
	color:#222;
}

.popular-mobile *{
	box-sizing:border-box;
}

.popular-mobile__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:8px;
	padding:0 var(--side);
}

.popular-mobile__title{
	margin:0;
	font-size:20px;
	font-weight:500;
	font-style:normal;
	line-height:28px;
}

.popular-mobile__more{
	display:flex;
	align-items:center;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
	gap:4px;
}

.popular-mobile__more svg{
	flex:none;
	width:16px;
	height:16px;
}

/* HORIZONTAL SCROLLER */

.popular-mobile__scroll{
	display:flex;
	position:relative;
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
	padding:0 var(--side);
	gap:12px;
	overscroll-behavior-x:contain;
	scrollbar-width:none;
	scroll-snap-type:x mandatory;
	scroll-snap-stop:always;
	-webkit-overflow-scrolling:touch;
}

.popular-mobile__scroll::-webkit-scrollbar{
	display:none;
}

.popular-mobile__column{
	display:flex;
	flex:none;
	flex-direction:column;
	width:calc(2 * (100vw - 20px - 12px) / 3);
	max-width:334px;
	scroll-snap-align: center;
	scroll-snap-stop:always;
}

/* APP */

.popular-app{
	display:grid;
	position:relative;
	grid-template-columns:min-content minmax(0,1fr);
	align-items:center;
	width:100%;
	padding:8px 16px 8px 0;
	color:#222;
	text-decoration:none;
}

.popular-app::before{
	content:"";
	position:absolute;
	z-index:0;
	top:0;
	right:-8px;
	bottom:0;
	left:-8px;
	border-radius:20px;
	background:#f7f7f7;
	opacity:0;
	transition:opacity .25s ease-in-out;
}

.popular-app:active::before{
	opacity:1;
}

.popular-app__logo{
	position:relative;
	z-index:1;
	overflow:hidden;
	flex-shrink:0;
	width:62px;
	height:62px;
	border:1px solid #e1e3e6;
	border-radius:18.5px;
}

.popular-app__logo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
}

.popular-app__info{
	display:flex;
	position:relative;
	z-index:1;
	overflow:hidden;
	flex-direction:column;
	min-width:0;
	margin-left:12px;
}

.popular-app__name{
	overflow:hidden;
	width:100%;
	color:#222;
	font-size:16px;
	font-weight:500;
	font-style:normal;
	line-height:24px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.popular-app__category{
	overflow:hidden;
	width:100%;
	margin:0;
	color:#222;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.popular-app__rating{
	display:flex;
	align-items:center;
	color:#6d7885;
}

.popular-app__rating svg{
	flex:none;
	width:16px;
	height:16px;
	margin-right:4px;
}

.popular-app__rating span{
	font-size:14px;
	font-weight:400;
	line-height:20px;
}

@media(max-width:479px){
	.popular-mobile__column{
		width:calc(100vw - 40px);
		max-width:none;
	}
}

@media(min-width:720px){
	.popular-mobile{
		display:none;
	}
}


.social-mobile{
	--side:20px;
	width:100%;
	padding:0 0 24px;
	color:#222;
	
}

.social-mobile *{
	box-sizing:border-box;
}

.social-mobile__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:8px;
	padding:0 var(--side);
}

.social-mobile__head h2{
	margin:0;
	font-size:20px;
	font-weight:500;
	line-height:28px;
}

.social-mobile__more{
	display:flex;
	align-items:center;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
	gap:4px;
}

.social-mobile__more svg{
	width:16px;
	height:16px;
	flex:none;
}

.social-mobile__scroll{
	display:flex;
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
	padding:0 var(--side);
	gap:12px;
	overscroll-behavior-x:contain;
	scrollbar-width:none;
	scroll-snap-type:x mandatory;
	scroll-snap-stop:always;
	-webkit-overflow-scrolling:touch;
}

.social-mobile__scroll::-webkit-scrollbar{
	display:none;
}

.social-app{
	display:flex;
	position:relative;
	flex:0 0 calc(2 * (100vw - 20px - 36px) / 7);
	flex-direction:column;
	padding:8px 0;
	color:#222;
	text-decoration:none;
	gap:12px;
	scroll-snap-align:center;
	scroll-snap-stop:always;
}

.social-app::before{
	content:"";
	position:absolute;
	z-index:0;
	top:0;
	right:-8px;
	bottom:0;
	left:-8px;
	border-radius:20px;
	background:#f7f7f7;
	opacity:0;
	transition:opacity .25s ease-in-out;
}

.social-app:active::before{
	opacity:1;
}

.social-app img{
	position:relative;
	z-index:1;
	display:block;
	width:100%;
	border:1px solid #e1e3e6;
	border-radius:25%;
	background:#e1e3e6;
	aspect-ratio:1/1;
	object-fit:cover;
}

.social-app span{
	display:-webkit-box;
	position:relative;
	z-index:1;
	overflow:hidden;
	margin:0;
	color:#222;
	font-size:16px;
	font-weight:500;
	line-height:20px;
	text-align:center;
	word-break:break-word;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
}

@media(min-width:480px) and (max-width:719px){
	.social-app{
		flex-basis:calc(2 * (100vw - 20px - 48px) / 9);
	}
}

@media(min-width:720px){
	.social-mobile{
		display:none;
	}
}



.categories-mobile{
	--side:20px;
	width:100%;
	padding:0 var(--side) 32px;
	color:#222;
	
}

.categories-mobile *{
	box-sizing:border-box;
}

.categories-mobile__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:8px;
}

.categories-mobile__head h2{
	margin:0;
	font-size:20px;
	font-weight:500;
	line-height:28px;
}

.categories-mobile__more{
	display:flex;
	align-items:center;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
	gap:4px;
}

.categories-mobile__more svg{
	flex:none;
	width:16px;
	height:16px;
}

.categories-mobile__scroll{
	overflow-x:auto;
	overflow-y:hidden;
	margin:0 calc(var(--side) * -1);
	padding:0 var(--side);
	width:calc(100% + var(--side) * 2);
	scrollbar-width:none;
	overscroll-behavior-x:contain;
	-webkit-overflow-scrolling:touch;
}

.categories-mobile__scroll::-webkit-scrollbar{
	display:none;
}

.categories-mobile__row{
	display:flex;
	width:max-content;
	gap:12px;
	scroll-snap-type:x mandatory;
}

.categories-mobile__row:first-child{
	margin-bottom:12px;
}

.category-pill{
	display:flex;
	flex:none;
	align-items:center;
	height:36px;
	padding:8px 16px 8px 12px;
	border-radius:999px;
	background:#ebedf0;
	color:#222;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	white-space:nowrap;
	text-decoration:none;
	gap:8px;
	scroll-snap-align:center;
}

.category-pill:active{
	background:#f7f7f7;
}

.category-icon{
	flex:none;
	width:28px;
	height:28px;
	object-fit:contain;
}

.category-icon--blue{
	filter:brightness(0) saturate(100%) invert(39%) sepia(78%) saturate(5642%) hue-rotate(203deg) brightness(105%) contrast(104%);
}

.category-icon--green{
	filter:brightness(0) saturate(100%) invert(57%) sepia(54%) saturate(497%) hue-rotate(71deg) brightness(94%) contrast(90%);
}

.category-icon--orange{
	filter:brightness(0) saturate(100%) invert(76%) sepia(76%) saturate(3938%) hue-rotate(0deg) brightness(104%) contrast(103%);
}

.category-icon--orange-fire{
	filter:brightness(0) saturate(100%) invert(56%) sepia(33%) saturate(6153%) hue-rotate(333deg) brightness(96%) contrast(97%);
}

.category-icon--purple{
	filter:brightness(0) saturate(100%) invert(53%) sepia(72%) saturate(5559%) hue-rotate(231deg) brightness(93%) contrast(94%);
}

.category-icon--violet{
	filter:brightness(0) saturate(100%) invert(21%) sepia(76%) saturate(4217%) hue-rotate(265deg) brightness(78%) contrast(89%);
}

.category-icon--pink{
	filter:brightness(0) saturate(100%) invert(36%) sepia(95%) saturate(2405%) hue-rotate(296deg) brightness(93%) contrast(88%);
}

@media(min-width:720px){
	.categories-mobile{
		display:none;
	}
}


.games-month{
	--side:20px;
	width:100%;
	padding:0 0 24px;
	color:#222;
	
}

.games-month *{
	box-sizing:border-box;
}

.games-month__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:8px;
	padding:0 var(--side);
}

.games-month__head h2{
	margin:0;
	font-size:20px;
	font-weight:500;
	line-height:28px;
}

.games-month__more{
	display:flex;
	align-items:center;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
	gap:4px;
}

.games-month__more svg{
	width:16px;
	height:16px;
	flex:none;
}

.games-month__scroll{
	display:flex;
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
	padding:0 var(--side);
	gap:12px;
	overscroll-behavior-x:contain;
	scrollbar-width:none;
	scroll-snap-type:x mandatory;
	-webkit-overflow-scrolling:touch;
}

.games-month__scroll::-webkit-scrollbar{
	display:none;
}

.games-month__column{
	display:flex;
	flex:0 0 calc(100vw - 40px);
	flex-direction:column;
	scroll-snap-align:center;
	scroll-snap-stop:always;
}

.game-app{
	display:grid;
	position:relative;
	grid-template-columns:62px minmax(0,1fr);
	align-items:center;
	width:100%;
	padding:8px 16px 8px 0;
	color:#222;
	text-decoration:none;
}

.game-app::before{
	content:"";
	position:absolute;
	inset:0 -8px;
	border-radius:20px;
	background:#f7f7f7;
	opacity:0;
	transition:opacity .2s;
}

.game-app:active::before{
	opacity:1;
}

.game-app__logo{
	position:relative;
	z-index:1;
	display:block;
	width:62px;
	height:62px;
	border:1px solid #e1e3e6;
	border-radius:18.5px;
	object-fit:cover;
}

.game-app__info{
	display:flex;
	position:relative;
	z-index:1;
	overflow:hidden;
	flex-direction:column;
	min-width:0;
	margin-left:12px;
}

.game-app__name{
	overflow:hidden;
	color:#222;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.game-app__category{
	overflow:hidden;
	color:#222;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.game-app__rating{
	display:flex;
	align-items:center;
	color:#6d7885;
	font-size:14px;
	line-height:20px;
	gap:4px;
}

.game-app__rating svg{
	width:14px;
	height:13px;
	flex:none;
}

.game-app__rating>span:first-child:not(:last-child){
	font-size:14px;
	line-height:14px;
}

@media(min-width:480px) and (max-width:719px){
	.games-month__column{
		flex-basis:calc(2 * (100vw - 20px - 12px) / 3);
	}
}

@media(min-width:720px){
	.games-month{
		display:none;
	}
}




.offline-games{
	--side:20px;
	--gap:12px;
	--column-width:calc((100vw - 40px - 36px)/4);
	width:100%;
	padding:0 0 24px;
	color:#222;
	
}

.offline-games *{
	box-sizing:border-box;
}

.offline-games__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:8px;
	padding:0 var(--side);
}

.offline-games__head h2{
	margin:0;
	font-size:20px;
	font-weight:500;
	line-height:28px;
}

.offline-games__more{
	display:flex;
	align-items:center;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
	gap:4px;
}

.offline-games__more svg{
	flex:none;
	width:16px;
	height:16px;
}

/* SCROLL */

.offline-games__scroll{
	display:flex;
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
	padding:0 var(--side);
	gap:12px;
	scrollbar-width:none;
	scroll-snap-type:x mandatory;
	scroll-snap-stop:always;
	overscroll-behavior-x:contain;
	-webkit-overflow-scrolling:touch;
}

.offline-games__scroll::-webkit-scrollbar{
	display:none;
}

/* CARD */

.offline-game{
	display:grid;
	position:relative;
	flex:0 0 calc(2 * (100vw - 20px - 12px) / 3);
	grid-template-columns:62px minmax(0,1fr);
	max-width:334px;
	padding:8px 16px 8px 0;
	color:#222;
	text-decoration:none;
	scroll-snap-align:center;
	scroll-snap-stop:always;
}

.offline-game::before{
	content:"";
	position:absolute;
	z-index:0;
	inset:0 -8px;
	border-radius:20px;
	background:#f7f7f7;
	opacity:0;
	transition:opacity .2s;
}

.offline-game:active::before{
	opacity:1;
}

/* TOP */

.offline-game__top{
	display:contents;
}

.offline-game__logo{
	position:relative;
	z-index:1;
	display:block;
	grid-column:1;
	width:62px;
	height:62px;
	border:1px solid #e1e3e6;
	border-radius:18.5px;
	object-fit:cover;
}

.offline-game__info{
	display:flex;
	position:relative;
	z-index:1;
	overflow:hidden;
	grid-column:2;
	flex-direction:column;
	min-width:0;
	margin-left:12px;
}

.offline-game__name{
	overflow:hidden;
	color:#222;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.offline-game__category{
	overflow:hidden;
	color:#222;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.offline-game__rating{
	display:flex;
	align-items:center;
	color:#6d7885;
	font-size:14px;
	line-height:20px;
	gap:4px;
}

.offline-game__rating svg{
	flex:none;
	width:14px;
	height:13px;
}

/* SCREENSHOTS */

.offline-game__screens{
	display:grid;
	position:relative;
	z-index:1;
	grid-template-columns:repeat(3,1fr);
	grid-column:1/span 2;
	margin-top:12px;
	margin-right:-16px;
	gap:12px;
}

.offline-game__screens img{
	display:block;
	width:100%;
	height:auto;
	border-radius:12px;
	aspect-ratio:9/16;
	object-fit:cover;
}

.offline-game__screens--landscape{
	grid-template-columns:1fr;
}

.offline-game__screens--landscape img{
	aspect-ratio:16/9;
}

/* SMALL MOBILE */

@media(max-width:479px){
	.offline-game{
		flex-basis:calc(var(--column-width)*4 + 36px);
		max-width:none;
	}
}

@media(min-width:720px){
	.offline-games{
		display:none;
	}
}





.kiosk-title{
	display:flex;
	flex-direction:column;
}

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

.kiosk-scroll{
	display:flex;
	width:max-content;
	gap:12px;
}

.kiosk-card{
	display:block;
	flex:none;
	width:calc(2 * (100vw - 20px - 24px) / 5);
	color:#222;
	text-decoration:none;
	scroll-snap-align:center;
	scroll-snap-stop:always;
}

.kiosk-card__image{
	overflow:hidden;
	width:100%;
	border-radius:20px;
}

.kiosk-card__image img{
	display:block;
	width:100%;
	aspect-ratio:1/1;
	object-fit:cover;
	transition:transform .2s linear;
}

.kiosk-card__title{
	overflow:hidden;
	margin-top:8px;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

@media(min-width:480px) and (max-width:719px){
	.kiosk-card{
		width:calc(2 * (100vw - 20px - 36px) / 7);
	}
}


.blog-scroll{
	display:flex;
	width:max-content;
	gap:12px;
}

.blog-card{
	display:flex;
	flex:0 0 calc(2 * (100vw - 20px - 12px) / 3);
	flex-direction:column;
	max-width:334px;
	color:#222;
	text-decoration:none;
	scroll-snap-align:center;
	scroll-snap-stop:always;
}

.blog-card__image{
	overflow:hidden;
	width:100%;
	border-radius:16px;
}

.blog-card__image img{
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:16/9;
	object-fit:cover;
	transition:transform .2s linear;
}

.blog-card h3{
	margin:16px 0 0;
	color:#222;
	font-size:16px;
	font-weight:500;
	line-height:24px;
}

@media(max-width:479px){
	.blog-card{
		flex-basis:calc(100vw - 40px);
		max-width:none;
	}
}




.seo-tags__head{
	margin-bottom:16px;
}

.seo-tags__rows{
	display:flex;
	flex-direction:column;
	width:max-content;
}

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

.seo-tags__row+.seo-tags__row{
	margin-top:12px;
}

.seo-tag{
	display:flex;
	flex:none;
	align-items:center;
	width:max-content;
	padding:8px 16px;
	border-radius:999px;
	background:#f7f7f7;
	color:#222;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	white-space:nowrap;
	text-decoration:none;
	scroll-snap-align:center;
	transition:background-color .2s linear;
}

.seo-tag:active{
	background:#ebedf0;
}




.instructions{
	--side:20px;
	--gap:12px;
	--columns:4;
	--column-width:calc((100vw - var(--side) * 2 - var(--gap) * (var(--columns) - 1)) / var(--columns));
	width:100%;
	padding:0 var(--side) 32px;
	color:#222;
}

.instructions *{
	box-sizing:border-box;
}

.instructions__title{
	margin:0;
	font-size:20px;
	font-weight:500;
	line-height:28px;
}

.instructions__viewport{
	overflow:visible;
	margin-right:calc(var(--side) * -1);
	margin-left:calc(var(--side) * -1);
	width:100vw;
}

.instructions__scroll{
	display:flex;
	overflow-x:auto;
	overflow-y:hidden;
	padding:16px var(--side) 0;
	gap:var(--gap);
	scrollbar-width:none;
	scroll-snap-type:x mandatory;
	scroll-snap-stop:always;
	overscroll-behavior-x:contain;
	-webkit-overflow-scrolling:touch;
}

.instructions__scroll::-webkit-scrollbar{
	display:none;
}

.instruction-card{
	display:block;
	position:relative;
	flex:none;
	width:calc(var(--column-width) * 4 + var(--gap) * 3);
	padding:16px 16px 4px;
	border-radius:20px;
	color:#fff;
	text-decoration:none;
	scroll-snap-align:center;
	scroll-snap-stop:always;
}

.instruction-card::after{
	content:"";
	position:absolute;
	z-index:1;
	inset:0;
	background:rgba(255,255,255,.16);
	opacity:0;
	transition:opacity .2s linear;
	pointer-events:none;
}

.instruction-card:active::after{
	opacity:1;
}

.instruction-card--android{
	background:#0077ff;
}

.instruction-card--car{
	background:#792ec0;
}

.instruction-card--tv{
	background:#e03fab;
}

.instruction-card__icon{
	position:absolute;
	z-index:2;
	top:-12px;
	right:-8px;
	width:80px;
	height:80px;
	aspect-ratio:1/1;
	object-fit:contain;
}

.instruction-card__title{
	position:relative;
	z-index:2;
	margin:0;
	padding-right:64px;
	color:#fff;
	font-size:16px;
	font-weight:500;
	line-height:20px;
}

.instruction-card__description{
	display:inline-flex;
	position:relative;
	z-index:2;
	margin-top:2px;
	padding-right:54px;
	color:#fff;
	opacity:.8;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	white-space:pre-line;
}

.instruction-card__link{
	display:flex;
	position:relative;
	z-index:2;
	align-items:center;
	margin-top:2px;
	padding:12px 0;
	color:#fff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	gap:4px;
}

.instruction-card__link svg{
	flex:none;
	width:16px;
	height:16px;
}

@media(min-width:480px) and (max-width:719px){
	.instruction-card{
		--x-screen:100vw;
		--n-visible:1;
		--s-gap:12px;
		--top:calc(2 * (var(--x-screen) - var(--n-visible) * var(--s-gap)));
		--bottom:calc(2 * var(--n-visible) + 1);
		width:calc(var(--top) / var(--bottom));
	}
}

@media(min-width:720px){
	.instructions{
		display:none;
	}
}




.fixed-download{
	display:flex;
	position:fixed;
	z-index:100;
	left:50%;
	bottom:calc(env(safe-area-inset-bottom,0px) + 12px);
	align-items:center;
	padding:12px;
	width:calc(100vw - 16px);
	max-width:400px;
	border-radius:20px;
	box-shadow:0 4px 16px rgba(34,34,34,.24);
	background:#0077ff;
	transform:translateX(-50%);
}

.fixed-download__image{
	display:block;
	flex:none;
	margin-right:12px;
	width:48px;
	height:48px;
	border:1px solid #e1e3e6;
	border-radius:12px;
	background:#e1e3e6;
	object-fit:cover;
}

.fixed-download__content{
	flex:1;
	min-width:0;
	margin-right:12px;
}

.fixed-download__title{
	color:#fff;
	font-size:16px;
	font-weight:500;
	line-height:20px;
}

.fixed-download__button{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:none;
	padding:10px 16px;
	border-radius:12px;
	background:#fff;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
}
/* End */
/* /local/templates/mystore/element.css?179019298729250 */
/* /local/templates/mystore/template_styles.css?179019473033262 */