.google-store {
	.app-support__header-title {
		margin-bottom: 0px;
	}

	.app-support {
		width: 364px;
		margin-bottom: 14px;
		font-size: 14px;
		padding: 0 24px;
		margin-top: 20px;

		@media (max-width: 800px), screen {
			width: auto;
		}
	}

	.app-support__item {
		display: flex;
		gap: 16px;
		padding: 12px;
		border-radius: 8px;
		cursor: pointer;
		margin-left: -12px;
	}

	.app-support__item:hover {
		background-color: var(--color-hover);
	}

	.app-support__item-content-title {
		font-family: 'Product Sans Medium' , Arial, sans-serif;
	}

	.app-support__item-content-subcontent {
		font-family: 'Roboto', sans-serif;
		color: var(--color-subtext);
	}

	.app-support__item-icon {
		width: 18px;
		height: 18px;
	}


	.app-support__description-title {
		font-family: 'Product Sans Medium' , Arial, sans-serif;
	}

	.app-support__description-content {
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		margin-top: 10px;
		white-space: pre-wrap;
		color: var(--color-subtext);
	}
}

.google-store {
	.data-safety {
		margin-top: 20px;
	}
	.data-safety__content {
		font-size: 14px;
		color: var(--color-subtext);
		font-family: 'Roboto', Arial, sans-serif;
	}

	.data-safety__options {
		border: 1px solid rgb(218, 220, 224);
		border-radius: 8px;
		margin-top: 30px;
		padding: 20px 20px 10px 20px;
	}

	.data-safety__list {
		display: flex;
		flex-direction: column;
		margin-bottom: 10px;
		gap: 20px;
	}

	.data-safety__option {
		display: flex;
		gap: 20px;
	}

	.data-safety__option-text {
		color: var(--color-subtext);
		font-size: 14px;
		font-family: 'Roboto', Arial, sans-serif;
	}
	.data-safety__option-text-subtitle {
		font-size: 12px;
	}

	.data-safety__option img {
		width: 20px;
		height: 20px;
	}

	.data-safety__button {
		width: max-content;
		padding: 0 8px;
	}
	.data-safety__description {
		color: var(--color-subtext);
		font-family: 'Roboto', Arial, sans-serif;
		font-size: 14px;
	}
}

.google-store {
	.description-game__content {
		font-size: 14px;
		color: var(--color-subtext);
		white-space: pre-wrap;
		font-family: 'Roboto', Arial, sans-serif;
	}

	.description-game__update {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
		margin-top: 24px;
		font-size: 14px;
		font-family: 'Product Sans Medium';
	}

	.description-game__update p {
		font-family: 'Roboto', Arial, sans-serif;
		font-weight: 400;
		margin-top: 4px;
		color: var(--color-subtext);
	}

	.description-game__tags {
		margin-top: 28px;
		display: flex;
		flex-wrap: wrap;
		gap: 16px 12px;
	}

	.tag-playStore {
		display: flex;
		align-items: center;
		height: 32px;
		padding: 0 15px;
		border-radius: 16px;
		border: 1px solid rgb(218,220,224);
		color: var(--color-subtext);
		font-weight: 600;
		font-size: 14px;
		cursor: pointer;
		transition: border .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);
	}
}

/*.tag:hover {*/
/*	background-color: rgba(218,220,224,0.25);*/
/*	color: var(--color-text);*/
/*}*/

@import url('https://fonts.cdnfonts.com/css/google-sans');
@import url('https://fonts.cdnfonts.com/css/roboto');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols');

.google-store {
	.footer .separator {
		margin: 60px 0 36px;

		@media (max-width: 600px), screen {
			margin: 36px 0;
		}
	}

	.footer{
		padding: 0 24px 16px;
	}

	.footer__content {
		display: grid;
		grid-template-columns: 266px 1fr;
		gap: 16px;
		color: var(--color-subtext);

		@media (max-width: 840px), screen {
			grid-template-columns: 1fr;
			gap: 24px;
		}

	}
	.footer__content-item {
		display: flex;
		flex-direction: column;
		font-size: 12px;
		font-weight: 300;
	}
	.footer__content-item a {
		line-height: 32px;
		color: var(--color-subtext);
	}

	.footer__content-item a:hover {
		color: var(--color-google);
	}
	.footer__content-title {
		font-family: 'Product Sans Medium' , sans-serif;
		font-size: 14px;
		font-weight: 500;

	}

	.footer__navigation-item {
		display: flex;
		align-items: center;
		font-size: 12px;
		line-height: 48px;
	}

	.footer__navigation-item a {
		line-height: 48px;
		color: var(--color-subtext);
	}

	.footer__navigation-item:last-child {
		justify-content: flex-end;
		margin-left: auto;
		@media (max-width: 1280px), screen {
			margin-left: 0;
		}
	}

	.footer__navigation-item a:hover {
		color: var(--color-google);
	}

	.footer__navigation {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		column-gap: 35px;
		margin-top: 32px;
		color: var(--color-subtext);
	}
}


.google-store {
	/* Стили для шапки */
	.gs-header {
		position: sticky;
		top: 0;
		background-color: #fff;
		z-index: 100;
		padding: 8px 0;
		display: flex;
		justify-content: space-between;
		font-family: "Product Sans Medium", Roboto, Arial, sans-serif;
	}

	.gs-header__left {
		display: flex;
		align-items: center;
	}

	.gs-header__logo {
		font-size: 22px;
		color: var(--color-subtext);
		display: inline-flex;
		align-items: center;
		flex-shrink: 0;

	}

	.gs-header__logo-img {
		margin-right: 8px;
		height: 40px;
		width: 40px;
	}

	.gs-header .gs-header__right {
		display: flex;
		align-items: center;
		margin-right: 10px;
		gap: none;
	}

	.gs-header__search-btn,
	.gs-header__help-btn,
	.gs-header__account-btn {
		background: none;
		border: none;
		cursor: pointer;
		padding: 8px;
		margin-left: 4px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.gs-header__account-btn {
		background: url('/img/avatar.png') no-repeat;
		background-size: cover;
		background-position: center;
		width: 32px;
		height: 32px;
		padding: 0;
	}

	.gs-header__search-btn:hover,
	.gs-header__help-btn:hover {
		background-color: rgba(60, 64, 67, 0.08);
	}

	.gs-header__account-img {
		width: 32px;
		height: 32px;
		border-radius: 50%;
	}
}

.gs-header .gs-header__right {
	gap: 0px;
}

.device {
	background: #fff;
	/* padding: 0px 12px ; */
	position: relative;
	width: 100%;
}

.device {
	.btn-link {
		display: flex;
		align-items: center;
		background: none;
		border: none;
		cursor: pointer;
		color: var(--color-google);
		font-size: 14px;
		font-weight: 500;
		border-radius: 6px;
		min-height: 40px;
		padding: 0px 8px;
		text-align: left;
		font-family: "Product Sans Medium", Roboto, Arial, sans-serif;

		&:hover {
			background-color: #f8fafe;
		}
	}

	.section-title {
		font-family: 'Product Sans Medium';
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 5px;
		font-size: 22px;
		margin-bottom: 20px;

		@media (max-width: 800px), screen {
			font-size: 18px;
		}
	}

	.section-title i {
		padding-left: 14px;
		line-height: 1;
		font-size: 20px;
		border-radius: 50%;
		cursor: pointer;
	}

	.section-title i:hover {
		background-color: var(--color-hover);
	}

	i {
		font-family: 'Material Symbols';
		font-weight: normal;
		font-style: normal;
		line-height: 1;
		letter-spacing: normal;
		text-transform: none;
		display: inline-block;
		white-space: nowrap;
		word-wrap: normal;
		direction: ltr;
		-webkit-font-feature-settings: 'liga';
		-webkit-font-smoothing: antialiased;
	}


	.btn {
		padding: 4.5px 16px;
		border-radius: 1000px;
		border: 1px rgb(218, 220, 224) solid;
		cursor: pointer;
		font-family: "Product Sans Medium", sans-serif;
		letter-spacing: 0.25px;
	}

	.btn:hover {
		background-color: var(--color-hover);
	}

	.btn__content {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.btn._active {
		background-color: #e6f3ef;
		border: 1px solid #e6f3ef;
		color: var(--color-google);
	}

	.btn._active:hover {
		background-color: #dde7e4;
	}

}


.device ::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

.google-store {
	.intro {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 0px 0 24px;
		padding: 0 24px;
		padding-bottom: 32px;
		padding-top: 20px;
		position: relative;

		@media (max-width: 600px),
		screen {
			min-height: 56px;
			position: relative;
		}

		--color-text: #e8eaed;
		--color-subtext: #9aa0a6;
	}

	.intro.with-banner {
		padding-top: calc(56.25vw - 40px);
	}

	.intro.dev-version {
		padding-top: 20px;
	}

	.intro.dev-version.with-banner {
		padding-top: 240px;
	}

	.intro-wrapper {
		background: #202124;
	}

	.intro-gradient {
		background: linear-gradient(0deg, #202124 0, #0000 56%);
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.intro__container {
		width: 100%;
	}

	.intro-bg {
		position: absolute;
		width: 100%;
		height: 100%;
		right: 0;
		top: 0;
		background-color: #202124;
	}

	.intro-trailer.dev-version {
		position: absolute;
		background: #434549;
		width: 100%;
		height: 280px;
		right: 0;
		top: 0;
	}

	.intro-trailer {
		position: absolute;
		background: #434549;
		right: 0;
		top: 0;
		height: 56.25vw;
		max-height: 600px;
		width: 100%;
	}

	.intro-trailer__video {
		width: 100%;
		height: 100%;
		background-color: initial;
		cursor: none;
		overflow: hidden;
	}

	.intro-trailer__controls {
		position: absolute;
		bottom: 50%;
		right: 50%;
		transform: translate(50%, 50%);
		font-family: "Google Sans", Roboto, Arial, sans-serif;
		line-height: 1.25rem;
		font-size: .875rem;
		letter-spacing: .0178571429em;
		font-weight: 500;
		z-index: 1;
		background-color: rgba(0, 0, 0, .54);
		border-radius: 48px;
		color: #fff;
		width: fit-content;
	}

	.intro-trailer__controls button {
		background: transparent;
		border: 0;
		box-shadow: none;
		color: inherit;
		min-height: 40px;
		min-width: 40px;
		text-transform: none;
		align-items: center;
		cursor: pointer;
		display: flex;
		justify-content: center;
		padding: 0 26px;
		font-family: inherit;
		font-weight: inherit;
		line-height: inherit;
	}

	.intro-trailer__controls i {
		font-size: 24px;
	}

	.intro__title-wrapper {
		display: flex;
		gap: 24px;
	}

	.intro__title {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		font-size: 1.5rem;
		letter-spacing: 0;
		line-height: 2rem;
		font-weight: 400;
		color: var(--color-text);
		margin-bottom: 4px;
		font-family: "Product Sans Medium", Roboto, Arial, sans-serif;
	}

	.intro__developer {
		margin-top: 16px;

		@media (max-width: 840px),
		screen {
			margin-top: 2px;
		}
	}

	.intro__developer-link {
		color: var(--color-google);
		text-decoration: none;
		font-size: 16px;
	}

	.intro__ads {
		font-family: Roboto, Arial, sans-serif;
		line-height: 1rem;
		font-size: .75rem;
		letter-spacing: .025em;
		font-weight: 400;
		color: var(--color-subtext);
	}

	.intro__ads span:nth-child(2):before {
		content: " · ";
		margin: 0 4px;
	}

	.intro__stats {
		display: flex;
		align-items: center;
		margin: 16px 0;
		white-space: nowrap;
		height: 44px;
		overflow-x: auto;
	}

	.intro__stat {
		position: relative;
		padding: 0 17px;
		text-align: center;

		&:first-child {
			padding: 0 16px 0 0;
		}

		&:last-child {
			padding: 0 0 0 17px;
		}

		&:not(:first-child):before {
			background-color: rgb(232, 234, 237);
			content: "";
			display: block;
			height: 24px;
			left: 0;
			position: absolute;
			top: calc(50% - 12px);
			width: 1px;
		}
	}

	.intro__stat-value {
		font-size: 14px;
		line-height: 24px;
		font-weight: 500;
		color: var(--color-text);
	}

	.intro__stat-label {
		display: flex;
		align-items: center;
		font-size: 12px;
		line-height: 20px;
		color: var(--color-subtext);
		font-family: 'Roboto', Arial, sans-serif;
	}

	.intro__stat-icon {
		width: 12px;
		height: 18px;
		margin-left: 4px;
	}

	.intro__icon._mobile {
		display: none;
		flex-shrink: 0;
		width: 72px;
		height: 72px;
		margin-top: 7px;

		@media (max-width: 840px),
		screen {
			display: block;
		}
	}

	.intro__star {
		font-size: 11px;
	}

	.intro__age-rating-badge {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 18px;
		height: 18px;
		margin: 4px auto 2px;
		background-color: transparent;
		border: 1px solid #f44336;
		border-radius: 50%;
		box-sizing: border-box;
		font-size: 10px;
		color: #f44336;
	}

	.intro__actions {
		display: flex;
		align-items: center;
		margin-bottom: 24px;

		@media (max-width: 600px),
		screen {
			flex-direction: column;
			align-items: unset;
		}
	}

	.intro__install-btn {
		background-color: var(--color-google);
		color: #fff;
		min-width: 200px;
		min-height: 44px;
		font-size: 16px;
		font-weight: 500;
		padding: 10px 16px;
		border: none;
		border-radius: 8px;
		cursor: pointer;
		margin: 2px 0;
		font-family: "Product Sans", Roboto, Arial, sans-serif;
		flex-shrink: 0;
		transition: background-color .2s ease, color .2s ease, opacity .2s ease, transform .15s ease;

		@media (max-width: 600px),
		screen {
			font-size: 14px;
			min-height: 6px;
			padding: 8px 16px;
			margin: 6px 0;
		}

		&:disabled {
			opacity: 0.5;
			cursor: progress;
		}

		&.loading {
			cursor: progress;
			opacity: 0.7;
			animation: btn-pulse 1.2s ease-in-out infinite;
		}

		&.installed {
			background-color: #0f9d58;
		}
	}

	@keyframes btn-pulse {
		0%, 100% { opacity: 0.7; }
		50% { opacity: 0.45; }
	}

	@media (prefers-reduced-motion: reduce) {
		.intro__install-btn.loading {
			animation: none;
			opacity: 0.7;
		}
	}

	.intro__actions-btns {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding-left: 16px;
	}

	.intro__share-btn svg,
	.intro__wishlist-btn svg {
		margin-right: 8px;
		fill: var(--color-google);
		flex-shrink: 0;
	}

	.intro__wishlist-btn,
	.intro__share-btn {

		@media (max-width: 1280px),
		screen {
			span {
				display: none;
			}
		}

		@media (max-width: 600px),
		screen {
			span {
				display: block;
			}
		}
	}

	.intro__devices {
		display: flex;
		align-items: center;
		color: var(--color-subtext);
		font-size: 14px;
	}

	.intro__devices i {
		margin-right: 12px;
		width: 20px;
		height: 20px;
		font-size: 20px;
	}

	.intro__icon-container {
		flex-shrink: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;

		@media (max-width: 840px),
		screen {
			display: none;
		}

		@media (max-width: 600px),
		screen {
			position: static;
			margin: 7px 24px 0 0;
		}
	}

	.intro__icon {
		width: 240px;
		height: 240px;
		border-radius: 20%;
		overflow: hidden;
		box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);

		&._back {
			width: 200px;
			bottom: -10px;
			filter: blur(10px);
			left: 20px;
			opacity: 50%;
			position: absolute;
			z-index: -1;

			@media (max-width: 1280px),
			screen {
				width: 140px;
				height: 140px;
			}

			@media (max-width: 600px),
			screen {
				display: none;
			}
		}

		@media (max-width: 1280px),
		screen {
			width: 180px;
			height: 180px;
		}

		@media (max-width: 600px),
		screen {
			width: 72px;
			height: 72px;
		}
	}
}

.google-store {
	.menu {
		width: 100%;
		left: 0;
		bottom: 0;
		background: #fff;
		display: flex;
		align-content: center;
		@media (max-width: 600px), screen {
			border-top: 1px solid rgb(218, 220, 224);
			height: 56px;
			position: sticky;
			bottom: 0;
			left: 0;
			right: 0;
		}
	}

	.menu__list {
		display: flex;
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
		justify-content: center;
		align-items: center;
	}

	.menu__item {
		padding: 0 16px;
		height: 64px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1;
		max-width: 112px;
		@media (max-width: 600px), screen {
			height: auto;
		}
	}

	.menu__link {
		display: flex;
		align-items: center;
		height: 64px;
		color: var(--color-subtext);
		text-decoration: none;
		font-weight: 500;
		position: relative;
		font-size: .875rem;
		letter-spacing: .0178571429em;

		&._active {
			color: var(--color-google);
		}

		@media (max-width: 600px), screen {
			flex-direction: column;
			height: auto;
		}
	}

	.menu__icon {
		fill: var(--color-subtext);
		display: none;
		@media (max-width: 600px), screen {
			display: block;
		}

		._active & {
			fill: var(--color-google);
		}
	}
}

.google-store {
	.new-in-app {
		margin-top: 44px;
		padding: 0 24px;
		@media (max-width: 800px), screen {
			margin-top: 32px;
		}
	}
	.new-in-app__content {
		font-size: 14px;
		color: var(--color-subtext);
		font-family: 'Roboto', Arial, sans-serif;
	}
}


.google-store {
	.other-games__title {
		margin-top: 20px;
		margin-bottom: 0px;
		padding: 0 24px;
		@media (max-width: 600px), screen {
			margin-top: 0px;
		}
	}

	.other-games__content {
		display: grid;
		grid-template-columns: 1fr;
		padding: 0 24px;
		@media (max-width: 960px), screen {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	.other-games__content-item {
		display: flex;
		gap: 16px;
		font-size: 14px;
		padding: 16px 12px;
		font-family: 'Roboto', sans-serif;
		color: var(--color-text);
		cursor: pointer;
		border-radius: 12px;
		margin-left: -12px;
		border-radius: 8px;
	}

	.other-games__content-item:hover {
		background-color: var(--color-hover);
	}

	.other-games__content-item__rating {
		display: flex;
		align-items: center;
		gap: 4px;
		color: var(--color-subtext);
	}

	.other-games__content-item__rating svg {
		width: 12px;
		height: 12px;
	}

	.other-games__content-item__title {
		font-size: 16px;
	}

	.other-games__content-item__image {
		width: 64px;
		height: 64px;
		border-radius: 12px;
		flex-shrink: 0;
		overflow: hidden;
		@media (max-width: 800px), screen {
			width: 56px;
			height: 56px;
		}
	}

	.other-games__content-item__image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.other-games__rating-star {
		fill: var(--color-subtext);
	}
}

.google-store {
	.report {
		margin-top: 44px;
		padding: 0 24px;
		@media (max-width: 960px), screen {
			display: none;
		}
	}

	.report._mobile {
		display: none;
		@media (max-width: 960px), screen {
			display: block;
			margin-top: 0;
		}
	}
	.report__content {
		display: flex;
		align-items: center;
		gap: 16px;
		color: var(--color-text);
		font-family: 'Product Sans Medium', sans-serif;
	}
	.report__content:hover {
		color: var(--color-text);
		/* cursor: pointer; */
	}
}

.google-store {
	.reviews {
		margin-top: 44px;
	}
	.reviews__title {
		margin-bottom: 24px;
	}
	.reviews__checked {
		display: flex;
		align-items: center;
		gap: 8px;
		color: var(--color-subtext);
		padding: 14px 0px;
		border-radius: 8px;
		cursor: pointer;
	}

	.reviews__checked:hover {
		background-color: var(--color-hover);
		color: var(--color-text);
	}

	.reviews__checked i {
		font-size: 16px;
	}

	.reviews__tabs {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.reviews__tabs i {
		font-size: 16px;
	}

	.reviews__rating {
		display: flex;
		gap: 24px;
		margin-top: 36px;
	}

	.reviews__rating-stars {
		display: flex;
		align-items: center;
	}

	.reviews__rating-stars svg {
		width: 16px;
		height: 16px;
	}

	.rating-star {
		font-size: 0;
		fill: rgb(232, 234, 237);
		stop-color: rgb(232, 234, 237);
	}

	.rating-star._active {
		fill: var(--color-google);
		stop-color: var(--color-google);
	}

	.reviews__rating-graph{
		width: 100%;
	}

	.reviews__rating-number {
		flex-shrink: 0;
		color: var(--color-text);
		font-size: 56px;
	}
	.reviews__rating-all {
		margin-top: 16px;
		color: var(--color-subtext);
		font-size: 12px;
		font-family: 'Roboto', sans-serif;
	}

	.reviews__rating-graph-item {
		display: flex;
		align-items: center;
		gap: 16px;
		color: var(--color-subtext);
		font-family: 'Roboto', sans-serif;
		font-size: 12px;
	}

	.reviews__rating-graph-item-line {
		position: relative;
		width: 100%;
		height: 10px;
		border-radius: 1000px;
		background-color: rgb(232, 234, 237);
	}

	.reviews__rating-graph-item-line-fill {
		position: absolute;
		height: 100%;
		max-width: 100%;
		min-width: 0;
		border-radius: 1000px;
		background-color: var(--color-google);
	}

	.reviews__comments{
		margin-top: 48px;
		font-family: 'Roboto','Arial', sans-serif;
		color: var(--color-subtext);
	}

	.reviews__comments-list {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	.reviews__comments-item-header__wrapper {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.reviews__comments-item-header__user {
		display: flex;
		align-items: center;
		gap: 16px;
		color: var(--color-text);
	}
	.reviews__comments-item-header__avatar {
		width: 32px;
		height: 32px;
		border-radius: 50%;
		overflow: hidden;
	}
	.reviews__comments-item-header__avatar img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.reviews__comments-item-header__actions {
		padding: 12px;
		border-radius: 50%;
		font-size: 24px;
		cursor: pointer;
	}
	.reviews__comments-item-header__actions:hover {
		background-color: var(--color-hover);
	}
	.reviews__comments-item-header__date{
		display: flex;
		align-items: center;
		gap: 7px;
		margin-top: 16px;
		color: var(--color-subtext);
		font-size: 12px;
	}
	.reviews__comments-item-header__stars {
		display: flex;
		align-items: center;
	}
	.reviews__comments-item-header__stars svg {
		width: 12px;
		height: 12px;
	}

	.reviews__comments-item__content {
		margin-top: 8px;
		font-size: 14px;
		color: var(--color-subtext);
	}
	.reviews__comments-item-footer {
		margin-top: 16px;
		font-size: 12px;
	}
	.reviews__comments-item-footer__info {
		display: flex;
		align-items: center;
		gap: 24px;
		margin-top: 12px;
	}
	.reviews__comments-item-footer__btns {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.reviews__comments-all {
		margin-top: 32px;
		width: max-content;
		text-align: center;

		@media (max-width: 800px), screen {
			margin-top: 28px;
		}
	}
	.reviews__comments-item-footer__developer {
		margin: 24px 24px 0 24px;
		padding: 12px 16px 16px;
		background: #f8f9fa;
	}
	.reviews__comments-item-footer__developer_title {
		display: flex;
		align-items: center;
		gap: 16px;
		justify-content: space-between;
		margin-bottom: 12px;
	}
	.reviews__comments-item-footer__developer_title-developer {
		font-size: 14px;
		color: var(--color-text);
	}
	.reviews__comments-item-footer__developer_title-date {
		font-size: 12px;
		color: var(--color-subtext);
	}
}

:root {
	font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
	line-height: 1.5;
	font-weight: 400;

	color-scheme: light dark;
	color: rgba(255, 255, 255, 0.87);
	background-color: #242424;
	color: #222;

	font-synthesis: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	margin: 0;
	display: flex;
	place-items: center;
	min-width: 320px;
	min-height: 100vh;
}

h1,h2,h3 {
	margin: 0;
	font-size: inherit;
}

a {
	font-weight: 500;
	color: #646cff;
	text-decoration: inherit;
}

.pwa-page a:hover:not(.show-link) {
	color: #535bf2;
}
.google-store a:hover:not(.show-link) {
	color: #535bf2;
}

.app__container{
	padding: 0 24px;
}
.separator {
	width: 100%;
	height: 1px;
	background-color: #e8eaed;
}

#app {
	width: 100%;
}

:root {
	--color-google: #01875f;
	--color-hover: rgba(218, 220, 224, 0.25);
	--color-subtext: #5f6368;
	--color-text: #202124;
}

/* Стили для блока скриншотов */
.google-store {
	.screenshots {
		margin-bottom: 24px;
	}

	.screenshots__container {
		display: flex;
		overflow-x: auto;
		gap: 8px;
		max-width: calc(100vw - 24px);
		padding: 4px 0;
	}

	.screenshots__item {
		font-size: 0;
		flex: 0 0 auto;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	}

	.screenshots__image {
		width: 180px;
		height: 320px;
		object-fit: cover;
	}
}