/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/*html {
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}*/

/*pre {
	font-family: monospace, monospace;
	font-size: 1em
}*/

/*a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}*/

/*code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}*/

/*small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}
*/
/*details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

.float-shortcut-button {
	background: #00A6ED;
	box-shadow: 0px 2px 6px 0px #00000059;
	position: fixed;
	bottom: 70px;
	width: 40px;
	height: 40px;
	right: 10px;
	cursor: pointer;
	border-radius: 50%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	z-index: 999;
	animation-duration: .5s;
	animation-fill-mode: both;
	animation-name: slideInRight
}

.float-shortcut-button__icon {
	width: 40px;
	height: 40px;
	background: url("https://static.cdnpure.com/mobile/static/imgs/float-shortcut.svg") center no-repeat;
	animation: bounce_icon 2s cubic-bezier(0.65, 0, 0.35, 1) 0.5s both
}

.share-shortcut .icon {
	background-color: #24CD77;
	background-image: url("https://static.cdnpure.com/www/static/imgs/shortcut.svg")
}

.share-counter {
	line-height: 32px;
	font-size: 11.4px;
	cursor: pointer;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	vertical-align: top;
	height: auto;
	margin: 0 5px;
	padding: 0 6px;
	left: -1px;
	background: #ebebeb;
	color: #32363b;
	transition: all .2s ease
}

.share-counter::after {
	top: 30%;
	left: -4px;
	content: "";
	position: absolute;
	border-width: 5px 8px 5px 0;
	border-style: solid;
	border-color: transparent #ebebeb transparent transparent;
	display: block;
	width: 0;
	height: 0
}

html[dir="lrt"] .share-counter::after {
	left: inherit;
	right: -4px;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #ebebeb
}

#policy-info {
	z-index: 99999999;
	border-top: 1px solid #1e435e;
	font-size: 14px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 21px;
	background: #607d8b;
	color: #fff;
	display: none
}

#policy-info .info-main {
	max-width: 1200px;
	padding: 16px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 32px
}*/

@media screen and (max-width: 719px) {
	#policy-info .info-main {
		flex-direction: column;
		gap: 16px
	}
}

#policy-info a {
	color: #fff;
	text-decoration: underline
}

#policy-info .btn a,
#policy-info .btn span {
	cursor: pointer;
	padding: 5px 12px;
	font-size: 12px;
	line-height: 18px;
	background: #fff;
	border: 1px solid #fff;
	color: #FFFFFF;
	border-radius: 3px;
	text-decoration: none;
	white-space: nowrap;
	text-align: center
}

@media screen and (max-width: 719px) {

	#policy-info .btn a,
	#policy-info .btn span {
		flex: 1
	}
}

#policy-info .btn span {
	color: #4A616C
}

#policy-info .btn a:hover,
#policy-info .btn span:hover {
	text-decoration: none
}

#policy-info .btn span:hover {
	background-color: rgba(255, 255, 255, 0.9)
}

#policy-info .btn span:last-child {
	color: #fff;
	background: none
}

#policy-info .btn span:last-child:hover {
	background-color: rgba(255, 255, 255, 0.1)
}

html[dir="rtl"] #policy-info .btn {
	left: 0;
	right: auto
}

#policy-info .btn {
	display: flex;
	gap: 6px
}

@media screen and (max-width: 719px) {
	#policy-info .btn {
		width: 100%;
		flex-wrap: wrap
	}
}

i.icon {
	display: inline-block;
	vertical-align: bottom
}

.no-scrollbar::-webkit-scrollbar {
	display: none
}

.one-line {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.double-lines {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.shadow-sm {
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.08), 0px 2px 4px -1px rgba(0, 0, 0, 0.12)
}

.shadow-md {
	box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.05), 0px 8px 10px 1px rgba(0, 0, 0, 0.06), 0px 5px 5px -3px rgba(0, 0, 0, 0.1)
}

.shadow-lg {
	box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08)
}

.app-icon {
	border-radius: 15%;
	border: 1px solid #EFF3F9;
	box-sizing: border-box
}

.svg-align {
	vertical-align: middle;
	position: relative;
	top: -0.1em
}

.reset-button {
	all: unset;
	outline: revert
}

.reset-h-tag {
	all: unset
}

:root {
	--module-spacing: 4px;
	--app-horizontal-spacing: 8px;
	--app-vertical-spacing: 12px;
	--html-direction: 1;
	--html-rtl: 0;
	--html-ltr: 1
}

@media screen and (min-width: 720px) and (max-width: 995px) {
	:root {
		--module-spacing: 4px;
		--app-horizontal-spacing: 12px
	}
}

@media screen and (min-width: 996px) {
	:root {
		--module-spacing: 8px;
		--app-horizontal-spacing: 16px
	}
}

/*html[dir="rtl"] {
	--html-direction: -1;
	--html-rtl: 1;
	--html-ltr: 0
}

:root {
	--text-bold: 500
}

html[lang="ja"],
html[lang="th-TH"],
html[lang="ar"],
html[lang="ur"] {
	--text-bold: bold
}

@keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounce_icon {
	0% {
		transform: translateY(0)
	}

	15% {
		transform: translateY(-8px) scaleX(0.9) scaleY(1.1)
	}

	25% {
		transform: translateY(2px) scaleX(1) scaleY(0.9)
	}

	35% {
		transform: translateY(0) scale(1)
	}

	40% {
		transform: translateY(-1px)
	}

	45% {
		transform: translateY(0)
	}
}

.float-button-second {
	box-shadow: 0px 2px 6px 0px #00000059;
	position: fixed;
	bottom: 70px;
	width: 40px;
	height: 40px;
	right: 10px;
	cursor: pointer;
	border-radius: 50%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	z-index: 999;
	animation-duration: .5s;
	animation-fill-mode: both;
	animation-name: slideInRight
}

.float-button-second .icon {
	width: 40px;
	height: 40px;
	animation: bounce_icon 2s cubic-bezier(0.65, 0, 0.35, 1) 0.5s both
}

.float-shortcut-button {
	background: #00A6ED
}

.float-shortcut-button .icon {
	background: url("https://static.cdnpure.com/mobile/static/imgs/float-shortcut.svg") center no-repeat
}

.float-request-notification-permission-button {
	background: #FDC14C
}

.float-request-notification-permission-button .icon {
	background: url("https://static.cdnpure.com/mobile/static/imgs/icon-bell-float.svg") center no-repeat
}

body,
li,
ol,
ul {
	margin: 0;
	padding: 0
}

input,
button,
select,
textarea {
	outline: none
}

html {
	font-size: 62.5%
}*/

/*img {
	vertical-align: middle
}

li {
	list-style: none
}

a {
	color: inherit;
	text-decoration: none
}

a:hover {
	color: #00A6ED
}

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: #F2F5F9;
	font-size: 14px;
	line-height: 1.5;
	color: #5E5E5E
}*/

svg {
	width: 1em;
	height: 1em;
	fill: currentColor
}

.js-ad-slot {
	overflow: hidden
}

body.compensate-for-scrollbar {
	margin-right: 0
}

.pwa-dialog {
	width: 100%;
	z-index: 99999;
	position: fixed;
	bottom: 0;
	background-color: white;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
	border-radius: 8px 8px 0px 0px;
	animation: pwa-dialog-show .8s
}

.pwa-dialog.hide {
	animation: pwa-dialog-hide .8s
}

.pwa-dialog .content {
	margin: 12px 16px;
	display: flex;
	align-items: center;
	font-size: 12px;
	line-height: 16px
}

.pwa-dialog .img {
	width: 48px;
	height: 48px
}

.pwa-dialog .img img {
	width: 100%;
	height: 100%
}

.pwa-dialog .text {
	flex: 1 1;
	margin: 0 8px
}

.pwa-dialog .text .title {
	color: #5E5E5E;
	font-weight: bolder
}

.pwa-dialog .text .des {
	margin-top: 4px;
	color: #8B8B8B
}

.pwa-dialog .button {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 24px;
	background: #1E73E8;
	color: white;
	border-radius: 32px
}

.pwa-dialog .close {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	padding: 8px 8px 2px 20px
}

.pwa-dialog .close:after {
	display: block;
	content: "";
	width: 12px;
	height: 12px;
	background: url("https://static.cdnpure.com/mobile/static/imgs/icon-close.svg")
}

@keyframes pwa-dialog-show {
	from {
		bottom: -80px
	}

	to {
		bottom: 0
	}
}

@keyframes pwa-dialog-hide {
	from {
		bottom: 0
	}

	to {
		bottom: -80px
	}
}

/*body {*/
/*	padding-top: 45px*/
/*}*/

@media screen and (min-width: 996px) {
	body {
		/*padding-top: 70px*/
	}
}

.main-body {
	margin: auto;
	padding: 4px 0;
	max-width: 1200px
}

.main-body .side .module:last-child,
.main-body main>.module:last-child {
	margin-bottom: 0
}

.main-body .side .module:first-child,
.main-body .secondary-body>.module:first-child {
	margin-top: var(--module-spacing)
}

.main-body .secondary-body>.module:last-child {
	margin-bottom: 0
}

.main-body .module {
	margin-bottom: var(--module-spacing);
	padding-bottom: 12px;
	background-color: white
}

.main-body .module .title {
	padding: 12px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

@media screen and (min-width: 996px) {
	.main-body .module .title {
		justify-content: flex-start
	}
}

.main-body .module .title .name {
	margin: 0;
	flex-shrink: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #4B4B4B;
	font-weight:bold;
}

.main-body .module .title.more::after {
	content: " ";
	display: inline-block;
	align-self: center;
	width: 6px;
	height: 6px;
	border: 1px solid #8B8B8B;
	border-right: 0;
	border-bottom: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	flex-shrink: 0;
	right: 16px;
	margin-left: 12px
}

.clear {
	clear: both
}

@media screen and (min-width: 996px) {
	.main-body {
		padding: 16px 0
	}

	.main-body .side .module:first-child {
		margin-top: 0
	}

	.main-body>main,
	.main-body>.secondary-body {
		float: left;
		width: calc(100% - 332px)
	}

	.main-body>.side {
		float: right;
		width: 316px
	}

	html[dir="rtl"] .main-body>main,
	html[dir="rtl"] .main-body>.secondary-body {
		float: right
	}

	html[dir="rtl"] .main-body>.side {
		float: left
	}
}

html[dir="rtl"] .main-body .module .title.more:after {
	margin-left: 0;
	margin-right: 12px;
	transform: rotateZ(315deg)
}

.breadcrumbs {
	color: #8B8B8B;
	font-size: 12px;
	-webkit-tap-highlight-color: transparent
}

.breadcrumbs .item:not(:first-child)::before {
	content: '';
	display: inline-block;
	border: 0;
	margin-left: calc(var(--html-ltr) * 4px + var(--html-rtl) * 6px);
	margin-right: calc(var(--html-ltr) * 6px + var(--html-rtl) * 4px);
	width: 5px;
	height: 5px;
	border-style: solid;
	border-color: #A6A6A6;
	border-top-width: 1px;
	border-right-width: 1px;
	transform: translateY(-1px) rotate(calc(45deg + var(--html-rtl) * 180deg))
}

.show-more {
	position: relative;
	overflow: hidden;
	max-height: var(--height);
	transition: max-height ease .5s
}

.show-more .show-more-content {
	overflow: hidden
}

.show-more .show-more-mask {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding-top: 20px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
	color: #00A6ED
}

.show-more .show-more-button:hover {
	cursor: pointer
}

.show-more .show-more-button svg {
	margin-inline-start: 4px
}

.show-more[data-expanded="true"] {
	padding-bottom: 21px;
	max-height: var(--max-height)
}

.show-more[data-expanded="true"] .show-more-mask {
	background: transparent
}

.show-more[data-expanded="true"] .show-more-mask svg {
	transform: rotateZ(180deg)
}

.fancybox-custom-dialog-class {
	box-sizing: border-box;
	padding: 0 8px;
	z-index: 999999
}

.fancybox-custom-dialog-class .fancybox-custom-dialog {
	box-sizing: border-box;
	border-radius: 8px;
	max-height: 80vh;
	padding: 0;
	width: 480px;
	top: -50vh;
	transform: translateY(50%)
}

@media screen and (max-width: 719px) {
	.fancybox-custom-dialog-class .fancybox-custom-dialog {
		width: 100%;
		min-height: 100px;
		transform: none;
		top: 0;
		border-radius: 8px 8px 0 0
	}
}

.fancybox-custom-dialog-class .fancybox-custom-dialog .title {
	font-weight: var(--text-bold);
	font-size: 14px;
	line-height: 22px;
	color: #4B4B4B;
	padding: 9px 16px;
	border-bottom: 1px solid #F2F5F9;
	padding-right: 40px
}

.fancybox-custom-dialog-class .fancybox-custom-dialog .content-wrap {
	max-height: calc(80vh - 41px);
	overflow-x: hidden;
	overflow-y: auto
}

.fancybox-custom-dialog-class .fancybox-custom-dialog .content {
	padding: 12px 16px 12px 16px
}

.fancybox-custom-dialog-class .fancybox-custom-dialog ul {
	margin-bottom: -12px
}

.fancybox-custom-dialog-class .fancybox-custom-dialog ul li {
	width: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #777777;
	margin-bottom: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fancybox-custom-dialog-class .fancybox-custom-dialog ul::after {
	display: block;
	content: '';
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden
}

.fancybox-custom-dialog-class .fancybox-slide::before {
	vertical-align: bottom
}

.fancybox-custom-dialog-class .fancybox-slide--html {
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 0
}

.fancybox-custom-dialog-class .fancybox-slide--html .fancybox-close-small {
	padding: 14px;
	width: 40px;
	height: 40px
}

.fancybox-custom-dialog-class .fancybox-slide--html .fancybox-close-small svg {
	width: 12px;
	height: 12px;
	vertical-align: super
}

.apk-unit-list.normal-list {
	white-space: nowrap;
	overflow-x: auto;
	counter-reset: badge-count
}

.apk-unit-list.normal-list::-webkit-scrollbar {
	display: none
}

.apk-unit-list.normal-list .apk-unit {
	--badge-color: #F2F5F9;
	display: inline-block;
	margin-left: calc(var(--html-ltr) * var(--app-horizontal-spacing));
	margin-right: calc(var(--html-rtl) * var(--app-horizontal-spacing));
	width: calc((100% - 32px - 7 * var(--app-horizontal-spacing)) / 8)
}

@media screen and (max-width: 719px) {
	.apk-unit-list.normal-list .apk-unit {
		min-width: 80px
	}
}

.apk-unit-list.normal-list .apk-unit:first-child {
	margin-left: calc(var(--html-ltr) * 16px);
	margin-right: calc(var(--html-rtl) * 16px)
}

.apk-unit-list.normal-list .apk-unit:last-child {
	margin-left: calc(var(--html-rtl) * 16px + var(--html-ltr) * var(--app-horizontal-spacing));
	margin-right: calc(var(--html-ltr) * 16px + var(--html-rtl) * var(--app-horizontal-spacing))
}

.apk-unit-list.normal-list .apk-unit .image-ratio {
	position: relative;
	padding-top: 100%
}

.apk-unit-list.normal-list .apk-unit .image-ratio>.apk-unit-image {
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.apk-unit-list.normal-list .apk-unit .apk-unit-title {
	height: 55px;
	margin-top: 4px;
	font-weight: var(--text-bold)
}

.apk-unit-list.normal-list .apk-unit .apk-unit-title,
.apk-unit-list.normal-list .apk-unit .apk-unit-center,
.apk-unit-list.normal-list .apk-unit .apk-unit-desc {
	margin-top: 4px
}

.apk-unit-list.normal-list .stars {
	color: #FA8B16;
	font-size: 12px
}

.apk-unit-list.normal-list .stars.stars-zero {
	color: transparent
}

.apk-unit-list.normal-list .stars.stars-zero svg {
	fill: #C5C5C5
}

.apk-unit-list.normal-list .stars svg {
	margin-inline-end: 4px
}

@media screen and (min-width: 996px) {
	.side .apk-unit-list.normal-list {
		white-space: normal
	}

	.side .apk-unit-list.normal-list .apk-unit {
		width: 100%;
		margin: 12px 0 0 0;
		padding: 4px 16px;
		box-sizing: border-box;
		display: flex;
		gap: 12px
	}

	.side .apk-unit-list.normal-list .apk-unit:first-child {
		margin-top: 0
	}

	.side .apk-unit-list.normal-list .apk-unit .image-ratio {
		width: 60px;
		padding-top: 60px
	}

	.side .apk-unit-list.normal-list .apk-unit-center {
		width: 0;
		flex: 1;
		display: flex;
		flex-direction: column;
		padding: 4px 0;
		justify-content: space-between
	}

	.side .apk-unit-list.normal-list .apk-unit-content {
		font-size: 12px
	}

	.side .apk-unit-list.normal-list .apk-unit-title {
		display: block;
		white-space: nowrap;
		height: 21px
	}

	.side .apk-unit-list.normal-list .apk-unit-title,
	.side .apk-unit-list.normal-list .apk-unit-center,
	.side .apk-unit-list.normal-list .apk-unit-desc {
		margin-top: 0
	}
}

.apk-unit-list .apk-unit.corner-order {
	position: relative
}

.apk-unit-list .apk-unit.corner-order::before,
.apk-unit-list .apk-unit.corner-order::after {
	display: block;
	position: absolute;
	top: 0;
	left: 12px;
	left: calc((-1 * var(--html-direction) + 1) * (100% - 14px - 24px) / 2 + 12px)
}

.apk-unit-list .apk-unit.corner-order::before {
	content: ' ';
	border-left: 7px solid var(--badge-color);
	border-right: 7px solid var(--badge-color);
	border-top: 14px solid var(--badge-color);
	border-bottom: 4px solid transparent;
	z-index: 1
}

.apk-unit-list .apk-unit.corner-order::after {
	content: counter(badge-count);
	width: 14px;
	text-align: center;
	font-size: 10px;
	line-height: 15px;
	color: white;
	z-index: 1
}

.apk-unit-list .apk-unit.corner-order::after {
	counter-increment: badge-count;
	color: #fff
}

.apk-unit-list .apk-unit.corner-order:nth-child(1) {
	--badge-color: #F3251B
}

.apk-unit-list .apk-unit.corner-order:nth-child(2) {
	--badge-color: #F77E13
}

.apk-unit-list .apk-unit.corner-order:nth-child(3) {
	--badge-color: #EFAB19
}

.apk-unit-list .apk-unit.corner-order:nth-child(n+4)::before,
.apk-unit-list .apk-unit.corner-order:nth-child(n+4)::after {
	display: none;
	border-bottom-width: 0;
	color: #8B8B8B
}

@media screen and (min-width: 996px) {
	.side .apk-unit-list .apk-unit.corner-order {
		padding-left: calc(var(--html-ltr) * 26px + 16px);
		padding-right: calc(var(--html-rtl) * 26px + 16px)
	}

	.side .apk-unit-list .apk-unit.corner-order:nth-child(n+4)::before,
	.side .apk-unit-list .apk-unit.corner-order:nth-child(n+4)::after {
		display: block
	}

	.side .apk-unit-list .apk-unit.corner-order::before,
	.side .apk-unit-list .apk-unit.corner-order::after {
		top: 50%;
		transform: translateY(-50%)
	}

	.side .apk-unit-list .apk-unit.corner-order:nth-child(-n+3)::after {
		transform: translateY(calc(-50% - 2px))
	}
}

.notification-request-dialog {
	position: fixed;
	z-index: 999999;
	bottom: 11px;
	margin: 0 8px;
	padding: 24px;
	background-color: white;
	box-shadow: 0px 0px 16px rgba(96, 96, 96, 0.3);
	border-radius: 8px;
	animation: pwa-dialog-show .5s
}

.notification-request-dialog.hide {
	animation: pwa-dialog-hide .5s
}

.notification-request-dialog .content {
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #4B4B4B
}

.notification-request-dialog .actions {
	font-size: 13px;
	line-height: 22px;
	margin-top: 16px;
	display: flex;
	flex-direction: row-reverse
}

.notification-request-dialog .actions button {
	width: 95px;
	padding: 8px 0;
	border: none;
	border-radius: 4px;
	outline: none
}

.notification-request-dialog .actions .denied {
	color: #1A73E8;
	background-color: white;
	margin: 0 16px
}

.notification-request-dialog .actions .granted {
	color: white;
	background-color: #1A73E8
}

@media screen and (min-width: 996px) {
	.notification-request-dialog {
		width: 344px;
		right: 16px;
		bottom: 101px;
		animation: pwa-dialog-show-policy .8s
	}

	.notification-request-dialog.not-policy {
		bottom: 24px;
		animation: pwa-dialog-show .8s
	}

	.notification-request-dialog.not-policy.hide {
		animation: pwa-dialog-hide .8s
	}

	.notification-request-dialog.hide {
		animation: pwa-dialog-hide-policy .8s
	}
}

@keyframes pwa-dialog-show {
	from {
		bottom: -138px
	}

	to {
		bottom: 11px
	}
}

@keyframes pwa-dialog-hide {
	from {
		bottom: 11px
	}

	to {
		bottom: -138px
	}
}

@keyframes pwa-dialog-show-pc {
	from {
		bottom: -150px
	}

	to {
		bottom: 24px
	}
}

@keyframes pwa-dialog-hide-pc {
	from {
		bottom: 24px
	}

	to {
		bottom: -150px
	}
}

@keyframes pwa-dialog-show-policy {
	from {
		bottom: -150px
	}

	to {
		bottom: 101px
	}
}

@keyframes pwa-dialog-hide-policy {
	from {
		bottom: 101px
	}

	to {
		bottom: -150px
	}
}

.debut-game {
	animation-duration: .5s;
	animation-fill-mode: both;
	animation-name: slideInRight;
	display: flex;
	flex-direction: column;
	position: fixed;
	right: 10px;
	bottom: 110px;
	width: 72px;
	height: 72px;
	z-index: 99999
}

@media screen and (min-width: 720px) and (max-width: 995px) {
	.debut-game {
		width: 100px;
		height: 100px
	}
}

@media screen and (min-width: 996px) {
	.debut-game {
		right: 24px;
		width: 110px;
		height: 110px
	}
}

.debut-game .btn {
	width: 16px;
	height: 16px;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0
}

.debut-game .btn::after,
.debut-game .btn::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 8px;
	background-color: #fff
}

.debut-game .btn::before {
	transform: translate(-50%, -50%) rotate(45deg)
}

.debut-game .btn::after {
	transform: translate(-50%, -50%) rotate(-45deg)
}

.debut-game img {
	width: 100%;
	height: 100%
}

@keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.single-apk-recommend-card {
	background: white;
	position: relative;
	overflow: hidden;
	padding: 12px
}

.single-apk-recommend-card a {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center
}

.single-apk-recommend-card img.icon {
	position: static;
	width: 56px;
	height: 56px;
	border-radius: 15%
}

.single-apk-recommend-card .text {
	margin: 0 8px;
	flex: 1
}

.single-apk-recommend-card .text .title {
	color: rgba(0, 0, 0, 0.9);
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.single-apk-recommend-card .text .desc {
	color: rgba(0, 0, 0, 0.45);
	font-size: 12px;
	line-height: 20px;
	margin-top: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.single-apk-recommend-card .single-app-recommend-card-btn {
	padding: 5px 8px;
	background: #24CD77;
	border-radius: 2px;
	color: white;
	font-size: 12px
}

.single-apk-recommend-card .recommendation {
	font-size: 12px;
	line-height: 14px;
	color: rgba(0, 0, 0, 0.6);
	margin-bottom: 10px
}

.aegon-down-item {
	display: flex;
	align-items: center;
	background-color: #fff
}

.aegon-down-item .dl-ref {
	flex: 1;
	display: flex;
	padding: 8px 12px;
	gap: 8px;
	align-items: center
}

.aegon-down-item .dl-ref .icon {
	width: 40px;
	height: 40px
}

.aegon-down-item .dl-ref .text {
	flex: 1;
	width: 0
}

.aegon-down-item .dl-ref .text .title {
	display: block;
	font-weight: var(--text-bold);
	color: #4B4B4B
}

.aegon-down-item .dl-ref .text .desc {
	display: block;
	font-size: 12px;
	color: #5E5E5E
}

.aegon-down-item .aegon-down-item-btn {
	padding: 4px 12px;
	color: #fff;
	background-color: #24CD77;
	border-radius: 4px
}

.aegon-down-item .dl-direct-download-btn {
	margin-inline-end: 12px
}

.ad-js-box .ad-js-anchor {
	display: inline-block;
	font-size: 0;
	background-color: #fff
}

.ad-js-box .ad-js-anchor .ad-js-img {
	display: inline-block;
	width: 100%;
	max-width: 336px;
	object-fit: contain
}

@media screen and (min-width: 720px) {
	.ad-js-box .ad-js-anchor .ad-js-img {
		max-width: min-content
	}
}

.follow-warp {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 20px
}

.follow-warp.details {
	margin-bottom: 12px;
	margin-top: 12px
}

.follow-warp.normal-download {
	padding: 0 16px
}

@media screen and (min-width: 720px) {
	.follow-warp.details {
		margin-bottom: 0;
		margin-top: 8px
	}
}

.follow-warp .plus {
	display: inline-block;
	width: 10px;
	height: 10px;
	position: relative
}

.follow-warp .plus:before,
.follow-warp .plus:after {
	content: "";
	display: block;
	position: absolute;
	background-color: #6E6D79
}

.follow-warp .plus:before {
	width: 100%;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.follow-warp .plus:after {
	height: 100%;
	width: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.follow-warp .custom-details-share-box {
	display: flex;
	gap: 4px
}

.follow-warp .custom-details-share-box .share-counter {
	color: #6E6D79;
	font-weight: 500;
	margin: 0;
	cursor: initial;
	font-size: 12px;
	background-color: #F2F5F9;
	border-radius: 4px
}

.follow-warp .custom-details-share-box .share-counter::after {
	top: 33%;
	border-color: transparent #F2F5F9 transparent transparent
}

.follow-warp .custom-details-share-box svg {
	fill: #6E6D79;
	width: initial;
	height: initial
}

.follow-warp .custom-details-share-box button {
	height: 32px;
	width: 32px;
	border: 1px solid #E7E7E7;
	border-radius: 4px;
	box-sizing: border-box;
	padding-top: 2px;
	background-color: #FFFFFF;
	cursor: pointer;
	margin-right: 0
}

.follow-warp .custom-details-share-box button:active {
	background: rgba(64, 135, 247, 0.1);
	border-color: transparent
}

.follow-warp .custom-details-share-box button:active svg {
	fill: #4087F7
}

@media (any-hover: hover) {
	.follow-warp .custom-details-share-box button:hover {
		background: rgba(64, 135, 247, 0.1);
		border-color: transparent
	}

	.follow-warp .custom-details-share-box button:hover svg {
		fill: #4087F7
	}
}

.follow-warp .custom-details-share-box button.share-more:active svg {
	stroke: #4087F7
}

@media (any-hover: hover) {
	.follow-warp .custom-details-share-box button.share-more:hover svg {
		stroke: #4087F7
	}
}

.follow-warp .custom-details-share-box button.share-more svg {
	stroke: #6E6D79;
	fill: transparent
}

.follow-warp .follow-but {
	cursor: pointer;
	flex-shrink: 0;
	color: #6E6D79;
	font-size: 12px;
	line-height: 20px;
	padding: 6px 8px;
	width: 70px;
	height: 32px;
	border: 1px solid #E7E7E7;
	background-color: #FFFFFF;
	border-radius: 4px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.follow-warp .follow-but:active {
	background: rgba(250, 139, 22, 0.1);
	color: #FA8B16;
	border-color: transparent
}

.follow-warp .follow-but:active .plus:before,
.follow-warp .follow-but:active .plus:after {
	background-color: #FA8B16
}

@media (any-hover: hover) {
	.follow-warp .follow-but:hover {
		background: rgba(250, 139, 22, 0.1);
		color: #FA8B16;
		border-color: transparent
	}

	.follow-warp .follow-but:hover .plus:before,
	.follow-warp .follow-but:hover .plus:after {
		background-color: #FA8B16
	}
}

.follow-warp .follow-but.follow-but-pc[data-follow="false"]:hover::after {
	content: attr(data-title);
	background: #FFF4E8;
	border-radius: 4px;
	display: block;
	position: absolute;
	bottom: 40px;
	width: max-content;
	right: 0;
	font-size: 12px;
	line-height: 20px;
	color: #FA8B16;
	padding: 4px 8px;
	overflow: hidden;
	white-space: initial;
	z-index: 2;
	max-width: 600px
}

@media screen and (max-width: 719px) {
	.follow-warp .follow-but.follow-but-pc[data-follow="false"]:hover::after {
		width: auto
	}
}

.follow-warp .follow-but.follow-but-pc[data-follow="false"]:hover::before {
	content: " ";
	position: absolute;
	width: 0;
	height: 0;
	top: -16px;
	right: 4px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 14px solid #fff4e8;
	z-index: 1
}

.ar_fix .follow-warp .follow-but.follow-but-pc[data-follow="false"]:hover::before {
	left: 4px;
	right: initial
}

.ar_fix .follow-warp .follow-but.follow-but-pc[data-follow="false"]:hover::after {
	left: 0;
	right: initial
}

.js-ad-slot {
	position: relative
}

.js-ad-slot::before {
	content: "AD";
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 0;
	color: #8B8B8B;
	font-size: 14px;
	font-weight: 500;
	overflow: hidden;
	pointer-events: none
}

@media screen and (min-width: 720px) {
	.ad-title {
		margin-top: 22px !important
	}

	.ad-title::after {
		position: absolute;
		top: -22px;
		left: 0;
		right: 0;
		padding: 0 16px 4px;
		content: "Advertisement";
		font-size: 12px;
		line-height: 18px;
		color: #A6A6A6;
		border-bottom: 1px solid #F2F5F9;
		background-color: #fff
	}
}

@media screen and (min-width: 720px) and (min-width: 996px) {
	.ad-title::after {
		text-align: center
	}
}

.ad-js-anchor,
.ad-js-box {
	position: relative
}

.apk-store-button {
	display: flex;
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	height: 40px;
	justify-content: center;
	align-items: center;
	padding: 0 16px;
	margin-top: 8px;
	color: #FF6154;
	border: 1px solid #FF6154;
	border-radius: 4px;
	box-sizing: border-box
}

@media screen and (max-width: 719px) {
	.apk-store-button {
		max-width: 100%
	}
}

.apk-store-button:hover {
	color: #fff;
	background-color: #FF6154
}

.apk-store-button:hover svg path {
	fill: #fff
}

.apk-store-button span {
	padding-left: 8px !important;
	font-size: 14px;
	line-height: 21px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.apk-store-button .icon {
	line-height: 16px;
	height: 16px
}

.apk-store-button .icon svg {
	width: 16px;
	height: 16px
}

.ar_fix .apk-store-button span {
	padding-right: 8px !important
}

.download-process-box .request-permission.notification-apk-store {
	background: rgba(255, 97, 84, 0.1);
	color: #FF6154;
	text-align: left
}

.download-process-box .request-permission.notification-apk-store .button {
	background: #FF6154;
	color: white;
	max-height: 24px;
	box-sizing: border-box;
	white-space: pre
}

.download-process-box .request-permission.notification-apk-store:hover {
	background: rgba(255, 97, 84, 0.15)
}

.download-process-box .request-permission.notification-apk-store .notification-permission {
	align-items: center
}

.apk-store-button-new svg {
	width: 16px;
	height: 16px;
	fill: #FF6154;
	flex-shrink: 0
}

.apk-store-button-new:hover svg {
	fill: #FFFFFF
}

.apk-store-button-new.apk-buff-store-button {
	font-size: 12px
}

.follow-warp {
	align-items: center;
	min-width: 270px
}

.youtube-button-wrap {
	position: relative;
	border-radius: 0px 32px 32px 0px;
	background: linear-gradient(94deg, #74EDE7 -1.94%, #428FF4 104.72%);
	height: 28px;
	display: flex;
	align-items: center;
	padding: 0px 8px 0px 20px;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	cursor: pointer
}

.youtube-button-wrap:hover {
	background: linear-gradient(94deg, #74EDE7 10%, #428FF4 120%)
}

.youtube-button-wrap .button-icon {
	width: 32px;
	height: 32px;
	border-radius: 32px;
	padding: 2.5px;
	box-sizing: border-box;
	background: linear-gradient(to bottom right, #74ECE8, #4492F4);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -16px;
	display: flex;
	justify-content: center;
	align-items: center
}

.youtube-button-wrap .button-icon .button-icon-wrap {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-color: #fff
}

.youtube-button-wrap .button-icon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url(/static/assets/svg/img-common.stack-ec380772.svg#icon-youtube-button);
	width: 20px;
	height: 20px
}

.youtube-button-wrap .button-icon svg {
	width: 20px;
	height: 20px
}

.youtube-button-wrap .button-icon .red-icon {
	display: none;
	position: absolute;
	box-sizing: border-box;
	width: 12px;
	height: 12px;
	padding: 1px 4px;
	left: -1px;
	top: -1px;
	border-radius: 10px;
	line-height: 12px;
	align-items: center;
	justify-content: center;
	background: var(--ranking-one, #F3251B);
	color: #fff
}

.youtube-button-wrap .button-icon .red-icon span {
	transform: translateY(0.8px)
}

.fancybox-container {
	z-index: 9999992
}

.ar_fix .youtube-button-wrap {
	margin-left: 16px
}

.faq .faq-list {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 8px;
	padding: 0 16px;
	align-self: stretch;
	flex-wrap: wrap
}

@media screen and (max-width: 719px) {
	.faq .faq-list {
		flex-direction: column
	}
}

.faq .faq-list a {
	flex: 1;
	box-sizing: border-box;
	display: flex;
	padding: 8px 16px;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	border-radius: 50px;
	background-color: #F2F5F9;
	min-width: 40%;
	font-weight: 500;
	line-height: 22px;
	color: #4B4B4B;
	-webkit-tap-highlight-color: transparent
}

@media screen and (max-width: 719px) {
	.faq .faq-list a {
		width: 100%
	}
}

.faq .faq-list a h4 {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	color: #5E5E5E;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.faq .faq-list a svg {
	width: 16px;
	height: 16px;
	fill: #8B8B8B
}

.faq .faq-list a:hover {
	background: #DBF4FF;
	color: #00A6ED
}

.faq .faq-list a:hover h4 {
	color: #00A6ED
}

.faq .faq-list a:hover svg {
	fill: #00A6ED
}

html[dir="rtl"] .faq .faq-list a svg {
	transform: rotate(180deg)
}

.down-pos-bottom .buff-store-card {
	display: none
}

.buff-store-card {
	padding: 16px;
	background-color: #fff;
	margin-bottom: 4px
}

@media screen and (min-width: 720px) {
	.buff-store-card {
		padding: 12px 16px
	}
}

@media screen and (min-width: 996px) {
	.buff-store-card {
		margin-bottom: 8px
	}
}

.buff-wrap {
	display: flex;
	gap: 12px;
	width: 100%
}

.buff-wrap .left {
	position: relative
}

.buff-wrap .buff-bg {
	width: 100px;
	height: 70px
}

@media screen and (min-width: 720px) {
	.buff-wrap .buff-bg {
		width: 70px;
		height: 49px
	}
}

.buff-wrap .app-icon {
	border-radius: 8px;
	border: 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
	width: 36px;
	height: 36px;
	position: absolute;
	top: 17px;
	right: 11px
}

@media screen and (min-width: 720px) {
	.buff-wrap .app-icon {
		width: 25.2px;
		height: 25.2px;
		top: 11.9px;
		right: 7.7px;
		border-radius: 5.6px;
		border: 0.7px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 1.4px 2.8px 0px rgba(0, 0, 0, 0.2)
	}
}

.buff-wrap .right {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
	min-width: 0
}

@media screen and (min-width: 720px) {
	.buff-wrap .right {
		flex-direction: row;
		gap: 12px;
		align-items: center;
		justify-content: space-between
	}
}

.buff-wrap .card-text {
	color: #5E5E5E;
	line-height: 16px;
	font-weight: 500;
	min-height: 32px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all
}

@media screen and (min-width: 720px) {
	.buff-wrap .card-text {
		display: flex;
		align-items: center;
		font-size: 16px
	}
}

.buff-wrap .card-button {
	display: flex;
	padding: 7px 12px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 4px;
	background: #FF6154;
	line-height: 18px;
	font-weight: 500;
	font-size: 12px;
	color: #fff
}

@media screen and (min-width: 720px) {
	.buff-wrap .card-button {
		max-width: 134px
	}
}

.buff-wrap .card-button .icon {
	width: 14px;
	height: 14px;
	transform: translateY(-1px)
}

.buff-wrap .card-button svg path {
	fill: #fff
}

.downloading .buff-store-card {
	display: flex;
	margin-top: 4px
}

@media screen and (min-width: 996px) {
	.downloading .buff-store-card {
		margin-top: 8px
	}
}

.downloading .share-box.buff-share-box {
	padding-top: 12px
}

.apk-store-pop.apk-buff-store-pop {
	max-width: initial
}

@media screen and (min-width: 720px) {
	.apk-store-pop.apk-buff-store-pop {
		max-width: 360px
	}
}

.apk-store-pop.apk-buff-store-pop .store-pop-header {
	background: linear-gradient(270deg, #E52E43 0%, #FF824D 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.apk-store-pop.apk-buff-store-pop .pop-left {
	width: 64px;
	height: 64px;
	min-width: 64px;
	margin-right: 0
}

.apk-store-pop.apk-buff-store-pop .pop-content {
	display: flex;
	align-items: center;
	gap: 12px
}

.apk-store-pop.apk-buff-store-pop .store-pop-body {
	flex-direction: column;
	gap: 10px
}

.apk-store-pop.apk-buff-store-pop .pop-right {
	display: flex;
	flex-direction: column;
	gap: 8px
}

.apk-store-pop.apk-buff-store-pop .pop-tag-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	color: #5E5E5E;
	font-size: 12px;
	line-height: 14px
}

.apk-store-pop.apk-buff-store-pop .pop-tag {
	display: flex;
	gap: 4px;
	align-items: center;
	padding: 2px 4px;
	border: 1px #EFF3F9;
	background: #FFFFFF
}

.apk-store-pop.apk-buff-store-pop .pop-discount {
	min-height: auto;
	margin: 0;
	font-weight: 500
}

.apk-store-pop.apk-buff-store-pop .pop-buttton {
	width: 100%;
	box-sizing: border-box;
	height: 32px
}

.gp-btn-box a.aipure-button {
	margin-top: 0;
	margin-bottom: 8px
}

a.aipure-button {
	display: flex;
	gap: 8px;
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	height: 40px;
	justify-content: center;
	align-items: center;
	padding: 0 16px;
	margin-top: 8px;
	color: #fff;
	box-sizing: border-box;
	border-radius: 4px;
	background: linear-gradient(91deg, #00C2CB -10.09%, #A33EE0 107.68%)
}

a.aipure-button.download {
	gap: 8px
}

@media screen and (max-width: 719px) {
	a.aipure-button.download {
		width: auto;
		height: 50px;
		padding: 0 16px;
		flex-direction: row-reverse;
		justify-content: space-between;
		font-weight: var(--text-bold)
	}
}

a.aipure-button.download svg {
	width: 16px;
	height: 16px
}

@media screen and (max-width: 719px) {
	a.aipure-button.download svg {
		width: 24px;
		height: 24px
	}
}

@media screen and (max-width: 719px) {
	a.aipure-button {
		max-width: 100%
	}
}

a.aipure-button:hover {
	opacity: 0.9;
	color: #fff
}

a.aipure-button:hover svg {
	fill: #fff
}

a.aipure-button svg {
	width: 16px;
	height: 16px;
	fill: #fff
}

.main-body main {
	position: relative
}

.main-body main .module.developer {
	margin-bottom: var(--module-spacing)
}

@media screen and (min-width: 996px) {
	.main-body main .module.developer {
		margin-bottom: initial
	}
}

.ad-lazy-template {
	display: block
}

.js-ad-slot.module {
	padding-bottom: 0
}

.down-pos-bottom .fancybox-custom-dialog+.js-ad-slot {
	margin-bottom: var(--module-spacing)
}

.down-pos-top .ad-card {
	margin-top: -2px;
	margin-bottom: var(--module-spacing)
}

.down-pos-bottom .ad-card {
	margin: var(--module-spacing) 0
}

.breadcrumbs {
	padding: 3px 16px
}

.breadcrumbs .item:last-child {
	color: #24CD77
}

@media screen and (min-width: 720px) {
	.breadcrumbs {
		padding-top: 8px;
		padding-bottom: 0;
		background-color: white
	}
}

.head-app-info {
	display: flex;
	padding: 6px 16px
}

.head-app-info .icon {
	width: 80px;
	height: 80px;
	margin-top: 6px
}

@media screen and (min-width: 720px) {

	.head-app-info .icon,
	.head-app-info .icon img {
		width: 106px;
		height: 106px
	}
}

.head-app-info .info-content {
	line-height: 1.8;
	width: 0;
	height: 99px;
	flex-grow: 1;
	margin-left: calc(var(--html-ltr) * 12px);
	margin-right: calc(var(--html-rtl) * 12px)
}

@media screen and (min-width: 720px) {
	.head-app-info .info-content {
		height: 130px;
		margin-left: calc(var(--html-ltr) * 16px);
		margin-right: calc(var(--html-rtl) * 16px)
	}
}

.head-app-info .info-title-wrap {
	max-width: calc(100% - 62px)
}

.head-app-info .info-title {
	display: inline;
	vertical-align: bottom;
	width: 100%;
	margin: 0;
	font-size: 18px;
	font-weight: var(--text-bold);
	line-height: 1.5;
	color: #3C4043
}

.head-app-info .info-tag {
	display: inline-block;
	vertical-align: middle;
	color: #24CD77;
	padding: 2px 4px;
	border-radius: 3px;
	border: 1px solid #24CD77;
	font-size: 10px;
	line-height: 14px;
	margin: 0 8px
}

.head-app-info svg {
	width: 12px;
	height: 12px;
	margin-inline-end: 6px
}

.head-app-info .stars {
	fill: #FA8B16;
	color: #FA8B16;
	margin-inline-end: 12px
}

.head-app-info .download-count svg {
	fill: #A6A6A6
}

.head-app-info .info-sdk>span {
	color: #24CD77
}

.head-app-info .version-list-button {
	color: #00A6ED;
	margin-inline-start: 12px
}

@media screen and (min-width: 720px) {
	.head-app-info {
		padding-right: 292px
	}

	.head-app-info .info-content {
		line-height: 2.2
	}

	html[dir="rtl"] .head-app-info {
		padding-right: 16px;
		padding-left: 292px
	}
}

@media screen and (max-width: 719px) {
	.head-app-info {
		padding-right: 32px
	}

	html[dir="rtl"] .head-app-info {
		padding-right: 16px;
		padding-left: 32px
	}
}

.detail-safe-btn {
	background: transparent;
	padding: 0;
	border: 20px solid transparent;
	border-top: 20px solid #2E9CF2;
	border-right: 20px solid #2E9CF2;
	fill: white;
	position: absolute;
	top: 24px;
	right: 0;
	cursor: pointer
}

@media screen and (min-width: 720px) {
	.detail-safe-btn {
		top: 0
	}
}

.detail-safe-btn svg {
	width: 18px;
	height: 18px;
	position: absolute;
	top: -17px;
	right: -17px;
	fill: #fff
}

html[dir="rtl"] .detail-safe-btn {
	transform: rotateY(180deg);
	right: auto;
	left: 0
}

html[dir="rtl"] .detail-safe-btn svg {
	transform: rotateY(180deg)
}

#detail-safe {
	padding: 0;
	height: 80vh
}

#detail-safe .content-wrap {
	padding: 0;
	height: 100%;
	max-height: 100%;
	overflow: hidden
}

#detail-safe .content {
	padding: 0
}

#detail-safe iframe {
	width: 100%;
	height: 100%;
	height: 80vh
}

.js-ad-slot {
	background-color: white
}

.related-search-container {
	position: relative
}

@media screen and (max-width: 996px) {
	.side .js-ad-slot {
		display: none
	}
}

.download-button-box {
	background-color: white;
	padding: 12px 16px 8px 16px
}

.download-button-box svg {
	width: 24px;
	height: 24px
}

.download-button-box .apple-store {
	width: 120px;
	height: 40px
}

.download-button-box .download-start-btn,
.download-button-box .jump-downloading-btn,
.download-button-box .fast-download-start-btn,
.download-button-box .gameloop-btn {
	display: flex;
	align-items: center;
	width: 100%;
	height: 50px;
	padding: 0 16px;
	box-sizing: border-box;
	fill: #fff;
	color: #fff;
	border-radius: 50px;
	border: 1px solid #24CD77;
	background-color: #24CD77;
	gap: 12px
}

.download-button-box .download-start-btn:hover,
.download-button-box .jump-downloading-btn:hover,
.download-button-box .fast-download-start-btn:hover,
.download-button-box .gameloop-btn:hover {
	background-color: #24dc83;
	border-color: #24dc83
}

.download-button-box .download-start-btn .text,
.download-button-box .jump-downloading-btn .text,
.download-button-box .fast-download-start-btn .text,
.download-button-box .gameloop-btn .text {
	flex: 1
}

.download-button-box .download-start-btn .text span,
.download-button-box .jump-downloading-btn .text span,
.download-button-box .fast-download-start-btn .text span,
.download-button-box .gameloop-btn .text span {
	display: block
}

.download-button-box .gameloop-btn:hover {
	border-color: #4087F7
}

.download-button-box .download-start-btn .download-text,
.download-button-box .jump-downloading-btn .download-text {
	font-weight: var(--text-bold)
}

.download-button-box .download-start-btn .download-file-size,
.download-button-box .jump-downloading-btn .download-file-size {
	font-size: 12px
}

.download-button-box .download-start-btn.new-download-start-btn,
.download-button-box .jump-downloading-btn.new-download-start-btn {
	height: auto;
	border: none;
	justify-content: center;
	text-decoration-line: underline;
	line-height: 16px
}

.download-button-box .fast-download-start-btn {
	margin-bottom: 8px
}

.download-button-box .fast-download-start-btn .text {
	display: flex;
	flex-direction: column;
	font-size: 12px
}

.download-button-box .fast-download-start-btn .text strong {
	font-size: 14px;
	font-weight: var(--text-bold)
}

.download-button-box .fast-download-start-btn .fast-down-icon {
	display: inline-block;
	background: url(/static/assets/svg/img-common.stack-ec380772.svg#icon-white-apkpure-lite);
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center
}

.download-button-box .gameloop-btn {
	color: #fff;
	background-color: #4087F7;
	/* border-color: #4087F7; */
	margin-bottom: 8px;
	justify-content: center
}

.download-button-box .gameloop-btn:hover {
	background-color: #111b20;     
	color: #fff;
	border: none;
}

.download-button-box .gameloop-btn~.download-start-btn,
.download-button-box .gameloop-btn~.jump-downloading-btn {
	justify-content: center;
	background-color: #24CD77;
	color: #fff
}

.download-button-box .gameloop-btn~.download-start-btn:hover,
.download-button-box .gameloop-btn~.jump-downloading-btn:hover {
	background-color: #24dc83;
	border-color: #24dc83
}

.download-button-box .gameloop-btn~.download-start-btn svg,
.download-button-box .gameloop-btn~.jump-downloading-btn svg {
	order: -1;
	fill: #fff;
	width: 14px;
	height: 14px;
	margin-inline-end: 8px
}

.download-button-box .gameloop-btn~.download-start-btn .text,
.download-button-box .gameloop-btn~.jump-downloading-btn .text {
	flex: none
}

.download-button-box .gameloop-btn~.download-start-btn .download-text,
.download-button-box .gameloop-btn~.jump-downloading-btn .download-text {
	display: inline;
	font-weight: normal
}

.download-button-box .gameloop-btn~.download-start-btn .download-file-size,
.download-button-box .gameloop-btn~.jump-downloading-btn .download-file-size {
	display: inline;
	font-size: inherit
}

.download-button-box .gameloop-btn~.download-start-btn .download-file-size::before,
.download-button-box .gameloop-btn~.jump-downloading-btn .download-file-size::before {
	content: " ("
}

.download-button-box .gameloop-btn~.download-start-btn .download-file-size::after,
.download-button-box .gameloop-btn~.jump-downloading-btn .download-file-size::after {
	content: ") "
}

.download-button-box .fast-download-start-btn~.download-start-btn,
.download-button-box .fast-download-start-btn~.jump-downloading-btn {
	fill: #24CD77;
	color: #24CD77;
	background-color: #fff
}

.download-button-box .fast-download-start-btn~.download-start-btn:hover,
.download-button-box .fast-download-start-btn~.jump-downloading-btn:hover {
	background-color: #fff;
	border-color: #24CD77
}

.download-button-box .apple-store-btn {
	display: block;
	text-align: center;
	height: 50px;
	padding: 4px 0;
	border: 1px solid #000000;
	border-radius: 4px;
	margin-bottom: 8px;
	box-sizing: border-box
}

.download-button-box .apple-store-btn svg {
	fill: black
}

@media screen and (min-width: 720px) {
	.download-button-box {
		position: absolute;
		top: 37px;
		right: 0;
		background-color: transparent
	}

	.download-button-box .apple-store-btn,
	.download-button-box .download-start-btn,
	.download-button-box .apple-store-btn,
	.download-button-box .jump-downloading-btn,
	.download-button-box .fast-download-start-btn,
	.download-button-box .gameloop-btn {
		width: 260px;
		height: 40px
	}

	.download-button-box .apple-store-btn {
		padding: 0
	}

	.download-button-box .download-start-btn,
	.download-button-box .jump-downloading-btn,
	.download-button-box .fast-download-start-btn {
		gap: 8px;
		justify-content: center
	}

	.download-button-box .download-start-btn svg,
	.download-button-box .download-start-btn .fast-down-icon,
	.download-button-box .jump-downloading-btn svg,
	.download-button-box .jump-downloading-btn .fast-down-icon,
	.download-button-box .fast-download-start-btn svg,
	.download-button-box .fast-download-start-btn .fast-down-icon {
		order: -1;
		width: 16px;
		height: 16px;
		flex: none
	}

	.download-button-box .download-start-btn .fast-down-icon,
	.download-button-box .jump-downloading-btn .fast-down-icon,
	.download-button-box .fast-download-start-btn .fast-down-icon {
		background: url(/static/assets/svg/img-common.stack-ec380772.svg#icon-white-download);
		background-size: cover
	}

	.download-button-box .download-start-btn .text,
	.download-button-box .jump-downloading-btn .text,
	.download-button-box .fast-download-start-btn .text {
		display: block;
		flex: none;
		flex-shrink: 1;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 14px
	}

	.download-button-box .download-start-btn .text span,
	.download-button-box .jump-downloading-btn .text span,
	.download-button-box .fast-download-start-btn .text span {
		display: inline;
		font-size: 14px;
		font-weight: normal
	}

	.download-button-box .download-start-btn .text strong,
	.download-button-box .jump-downloading-btn .text strong,
	.download-button-box .fast-download-start-btn .text strong {
		font-weight: normal
	}

	.download-button-box .download-start-btn .text .download-file-size::before,
	.download-button-box .jump-downloading-btn .text .download-file-size::before,
	.download-button-box .fast-download-start-btn .text .download-file-size::before {
		content: ' ('
	}

	.download-button-box .download-start-btn .text .download-file-size::after,
	.download-button-box .jump-downloading-btn .text .download-file-size::after,
	.download-button-box .fast-download-start-btn .text .download-file-size::after {
		content: ')'
	}

	.down-pos-top .download-button-box:has(:only-child) {
		height: 118px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: center
	}
}

html[dir="rtl"] .download-button-box {
	right: auto;
	left: 0
}

.downloading .download-button-box {
	display: none
}

.down-pos-bottom .download-button-box {
	position: static;
	background-color: #fff
}

@media screen and (min-width: 720px) {

	.down-pos-bottom .download-button-box .apple-store-btn,
	.down-pos-bottom .download-button-box .download-start-btn,
	.down-pos-bottom .download-button-box .apple-store-btn,
	.down-pos-bottom .download-button-box .jump-downloading-btn,
	.down-pos-bottom .download-button-box .fast-download-start-btn,
	.down-pos-bottom .download-button-box .gameloop-btn,
	.down-pos-bottom .download-button-box .telegram-btn {
		width: 320px;
		margin-left: auto;
		margin-right: auto
	}
}

.download-process-box {
	text-align: center;
	padding: 12px 16px;
	background-color: #fff
}

.download-process-box .download-content {
	padding: 8px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid #24CD77;
	opacity: 0.8;
	background: rgba(36, 205, 119, 0.15);
	color: #1C643F;
	position: relative
}

.download-process-box .download-content .title {
	font-weight: var(--text-bold)
}

.download-process-box .download-content h2 {
	font-size: 12px;
	margin: 8px 0;
	font-weight: normal
}

.download-process-box .download-content .download-fallback {
	color: #8B8B8B;
	font-size: 12px
}

.download-process-box .download-content #download_link {
	color: #00A6ED
}

.download-process-box .dotting {
	display: inline-block;
	min-width: 3px;
	min-height: 3px;
	box-shadow: 3px 0 currentColor, 8px 0 currentColor, 13px 0 currentColor;
	animation: dot 2.8s infinite step-start both
}

.download-process-box .how-to {
	display: block;
	padding: 3px 0;
	height: 24px;
	box-sizing: border-box;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	color: #fff;
	font-size: 12px;
	background-color: #24CD77
}

.download-process-box .fast-download-hint {
	display: none;
	color: #A6A6A6;
	font-size: 12px;
	margin-top: 8px
}

.download-process-box .request-permission {
	display: block;
	box-sizing: border-box;
	margin-top: 8px;
	padding: 8px;
	border-radius: 4px;
	background: rgba(250, 104, 22, 0.1);
	color: #FA8B16;
	fill: #FA8B16
}

.download-process-box .request-permission.notification-apk-store svg {
	width: 12px;
	height: 12px
}

.download-process-box .request-permission .notification-permission {
	display: flex;
	justify-content: space-between;
	cursor: pointer
}

.download-process-box .request-permission .button {
	border: 1px solid #FA8B16;
	border-radius: 4px;
	font-size: 12px;
	padding: 2px 6px
}

.download-process-box .request-permission svg {
	width: 10px;
	height: 10px;
	margin-inline-end: 4px
}

.download-process-box {
	padding-top: 0;
	padding-bottom: 0
}

.download-process-box .download-content,
.download-process-box .how-to,
.download-process-box .request-permission {
	display: none
}

.downloading .download-process-box {
	padding-top: 12px;
	padding-bottom: 12px
}

.downloading .download-process-box .download-content,
.downloading .download-process-box .how-to {
	display: block
}

.downloading.downloading-fast .download-process-box .fast-download-hint {
	display: block
}

.downloading[data-notification="default"] .request-permission,
.downloading[data-notification="prompt"] .request-permission {
	display: block
}

@keyframes dot {
	25% {
		box-shadow: none
	}

	50% {
		box-shadow: 3px 0 currentColor
	}

	75% {
		box-shadow: 3px 0 currentColor, 8px 0 currentColor
	}
}

.how-to-install {
	display: block;
	text-align: center;
	background-color: white;
	fill: #00A6ED;
	color: #00A6ED
}

.how-to-install svg {
	width: 12px;
	height: 12px;
	margin-inline-start: 4px
}

@media screen and (min-width: 720px) {
	.down-pos-top .how-to-install {
		padding-top: 8px
	}
}

.downloading .how-to-install {
	display: none
}

.main-body .share-box {
	height: 32px;
	padding: 8px 16px 12px 16px;
	background-color: white;
	margin-bottom: var(--module-spacing)
}

.downloading .share-box {
	padding-top: 0
}

.downloading[data-notification="default"] .main-body .share-box,
.downloading[data-notification="prompt"] .main-body .share-box {
	display: none
}

.change-log p {
	margin: 12px 0
}

.change-log p:first-of-type {
	margin-top: 0
}

.change-log p:last-of-type {
	margin-bottom: 0
}

.change-log>.show-more {
	padding: 0 16px
}

.change-log>.show-more[data-expanded="true"] {
	padding-bottom: 23px
}

.main-body .apk-variants.module .title {
	justify-content: space-between;
	border-bottom: 1px solid #F2F5F9
}

.main-body .apk-variants .problem {
	cursor: pointer;
	font-size: 12px;
	color: #8B8B8B
}

.main-body .apk-variants .problem:hover {
	color: #00A6ED
}

.main-body .apk-variants .show-more-mask {
	margin: 0 16px
}

.main-body .apk-variants .group-title {
	padding: 12px 16px;
	color: #8B8B8B;
	font-size: 12px
}

.main-body .apk-variants .group-title svg {
	margin-inline-end: 8px;
	fill: #A6A6A6;
	width: 16px;
	height: 16px;
	vertical-align: bottom
}

.main-body .apk-variants .apk {
	margin: 0 16px 12px 16px;
	display: flex;
	align-items: center;
	gap: 8px
}

.main-body .apk-variants .apk:last-child {
	margin-bottom: 0
}

.main-body .apk-variants .apk .app-icon {
	cursor: pointer
}

.main-body .apk-variants .apk .info {
	width: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer
}

.main-body .apk-variants .apk .info-top {
	display: flex
}

.main-body .apk-variants .apk .info-top .name {
	flex-shrink: 100000000
}

.main-body .apk-variants .apk .info-top .tag {
	flex-shrink: 10000;
	margin-top: .5px
}

.main-body .apk-variants .apk .info-top>span {
	margin-inline-end: 4px
}

.main-body .apk-variants .apk .info-bottom>span {
	margin-inline-end: 8px;
	font-size: 12px
}

.main-body .apk-variants .apk .name {
	color: #4B4B4B
}

.main-body .apk-variants .apk .code {
	font-size: 12px;
	color: #8B8B8B;
	line-height: calc(14px * 1.5)
}

.main-body .apk-variants .apk .tag {
	border-radius: 4px;
	border: 1px solid currentColor;
	font-size: 10px;
	height: 14px;
	line-height: 14px;
	padding: 2px 4px
}

.main-body .apk-variants .apk .tag[data-tag="APK"] {
	color: #24CD77
}

.main-body .apk-variants .apk .tag[data-tag="XAPK"] {
	color: #00A6ED
}

.main-body .apk-variants .apk .tag[data-tag="APKs"] {
	color: #FA8B16
}

.main-body .apk-variants .apk .tag[data-tag="OBB"] {
	color: #FA8B16
}

.main-body .apk-variants .apk .download-btn {
	padding: 4px 12px;
	color: #fff;
	font-size: 12px;
	background-color: #24CD77;
	border-radius: 4px
}

.main-body .apk-variants .apk .download-btn:hover {
	background-color: #24dc83
}

.main-body .apk-variants .apk .download-btn svg.down {
	margin-inline-end: 4px
}

.main-body .apk-variants .apk .download-btn .mask {
	display: none
}

.main-body .apk-variants .apk .download-btn[disabled="disabled"] {
	position: relative;
	cursor: not-allowed
}

.main-body .apk-variants .apk .download-btn[disabled="disabled"] .mask {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #54E198;
	text-align: center;
	padding: 4px 12px;
	border-radius: 4px
}

.main-body .apk-variants .apk .download-btn[disabled="disabled"] .mask svg {
	animation: rotate 2s linear infinite
}

.main-body .apk-variants .apk~.group-title {
	border-top: 1px solid #F2F5F9
}

@media screen and (max-width: 719px) {
	.main-body .apk-variants .app-icon {
		display: none
	}
}

#dialog-variant.fancybox-custom-dialog {
	top: -50vh;
	transform: translateY(50%);
	border-radius: 8px
}

#dialog-variant.fancybox-custom-dialog .content a {
	color: #00A6ED
}

.fancybox-custom-dialog.variants-desc-dialog .title {
	font-weight: normal;
	color: #8B8B8B;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top: 10px;
	padding-bottom: 10px;
	border: none
}

.fancybox-custom-dialog.variants-desc-dialog .title strong {
	color: #5E5E5E
}

.fancybox-custom-dialog.variants-desc-dialog .content {
	margin: 0 16px 16px;
	padding: 16px;
	background-color: #F2F5F9;
	border-radius: 4px
}

.fancybox-custom-dialog.variants-desc-dialog .content p {
	margin-top: 16px;
	margin-bottom: 0;
	line-height: 18px;
	word-wrap: break-word
}

.fancybox-custom-dialog.variants-desc-dialog .content p:first-child {
	margin-top: 0
}

.fancybox-custom-dialog.variants-desc-dialog .content p .label {
	margin-inline-end: 8px;
	font-weight: var(--text-bold)
}

.fancybox-custom-dialog.variants-desc-dialog .content p .label::after {
	content: ': '
}

.fancybox-custom-dialog.variants-desc-dialog .content p svg {
	margin-inline-start: 8px;
	fill: #24CD77
}

@media screen and (max-width: 719px) {
	.fancybox-custom-dialog.variants-desc-dialog {
		top: -50vh;
		transform: translateY(50%);
		border-radius: 8px
	}
}

.main-body .more-info svg {
	width: 20px;
	height: 20px;
	fill: #00A6ED;
	margin-top: 8px
}

.main-body .more-info ul {
	padding: 0 16px;
	display: flex;
	flex-wrap: wrap;
	word-wrap: break-word
}

.main-body .more-info ul li {
	width: 50%;
	min-height: 36px;
	display: flex;
	margin-top: 8px;
	gap: 8px
}

@media screen and (max-width: 719px) {
	.main-body .more-info ul li.sign {
		width: 100%
	}
}

.main-body .more-info ul li:nth-child(-n+2) {
	margin-top: 0
}

.main-body .more-info ul .info {
	width: 0;
	flex: 1
}

.main-body .more-info ul .info.only-label .label {
	display: block;
	margin-top: 7px
}

.main-body .more-info ul .label {
	font-weight: var(--text-bold)
}

.main-body .more-info ul a.label {
	text-decoration: underline
}

.main-body .more-info ul .value {
	font-size: 12px;
	color: #8B8B8B;
	margin-top: 4px
}

.main-body .more-info ul a.value {
	color: #00A6ED
}

.main-body .more-info ul button {
	background-color: transparent;
	color: inherit;
	border: none;
	text-decoration: underline;
	padding: 0;
	cursor: pointer
}

#language-dialog ul li {
	width: 30%;
	float: left
}

@media screen and (max-width: 719px) {
	#language-dialog ul li {
		width: 50%
	}
}

.available-platform {
	background-color: white
}

.available-platform .list {
	padding: 0 16px;
	line-height: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 8px
}

.available-platform a {
	display: inline-block;
	padding: 6px 16px;
	border: 1px solid #00A6ED;
	color: #00A6ED;
	fill: #00A6ED;
	border-radius: 4px;
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.available-platform a:hover {
	background: rgba(0, 166, 237, 0.1);
	border-color: transparent
}

.available-platform a svg {
	width: 14px;
	height: 14px;
	margin-inline-end: 4px
}

.faq .show-more {
	margin: 0 16px
}

.faq .content {
	margin-bottom: 12px;
	counter-reset: chapter
}

.faq .content>* {
	margin: 8px 0;
	font-size: 12px
}

.faq .content h4 {
	font-weight: var(--text-bold);
	font-size: 14px;
	color: #4B4B4B;
	margin: 12px 0 8px
}

.faq .content h4:first-child {
	margin-top: 0
}

.faq .content h4::before {
	counter-increment: chapter;
	content: counter(chapter) ". "
}

@keyframes rotate {
	to {
		transform: rotateZ(360deg)
	}
}

.faq .faq-list a:hover {
	background-color: #F2F5F9
}

.google-play-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #100F0D;
	border-radius: 4px;
	height: 50px;
	width: 100%
}

.google-play-btn:hover {
	opacity: .9
}

.google-play-btn svg {
	height: 100%;
	width: auto
}

@media screen and (min-width: 720px) {
	.google-play-btn {
		width: 320px;
		height: 40px;
		margin-left: auto;
		margin-right: auto
	}
}

.telegram-btn {
	font-size: 14px;
	padding: 0 16px;
	box-sizing: border-box;
	background-color: #0096DA !important;
	fill: #fff;
	color: #fff;
	border-radius: 4px;
	align-items: center;
	height: 40px;
	width: max-content;
	max-width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px
}

.telegram-btn .svg-align {
	top: initial
}

.telegram-btn.mt-large {
	margin-top: 8px
}

.telegram-btn.mb-large {
	margin-bottom: 8px
}

.telegram-btn.download {
	width: auto;
	height: 50px;
	padding: 0 16px;
	justify-content: space-between
}

@media screen and (min-width: 720px) {
	.telegram-btn.download {
		width: 260px;
		height: 40px;
		justify-content: center
	}
}

.telegram-btn.download svg {
	order: 2;
	width: 24px;
	height: 24px
}

@media screen and (min-width: 720px) {
	.telegram-btn.download svg {
		order: 0;
		width: 16px;
		height: 16px
	}
}

.telegram-btn.details,
.telegram-btn.download_normal {
	width: auto
}

.telegram-btn.pre_reg {
	width: auto;
	height: auto;
	box-sizing: initial
}

.telegram-btn svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0
}

.telegram-btn .text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: initial !important
}

.telegram-btn:hover {
	opacity: .9;
	color: #fff
}

.cust_clh28225{ }
.cust_cli28225{font-weight: normal;
    /*font-size: 12px;*/
	overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1; 
   -webkit-box-orient: vertical;
   text-align: center;
   margin:0 auto;
   width:100%;
   text-align:left;
   }
   
   ul.nav_menu {
    list-style: none;
    margin-left: -15px;
    color: #fff;
}

#exampleModal .modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    height: 550px;
    overflow: auto;
}
@media (min-width: 576px) {
    #exampleModal .modal-dialog {
        max-width: 800px;
        margin: 1.75rem auto;
    }
	 #PermissionModal .modal-dialog {
        max-width: 800px;
        margin: 1.75rem auto;
    }
}
.cust_cl1_25425{ width:50px;margin-right:10px;}
.cust_cl2_25425{ margin-top:8px;}
.cust_cl3_25425{ font-size:16px;}