html,
body {
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	touch-action: manipulation;
	-webkit-user-select: none;
	user-select: none;
}

:root {
	--app-height: 100vh;
}

#container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: var(--app-height);
	width: 100%;
	overflow: hidden;
}

@keyframes paver-geo-pulse {
	0% {
		transform: scale(0.8);
		opacity: 0.0;
		box-shadow: 0 0 0 0 rgba(23, 36, 239, 0.35);
	}
	30% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(1.4);
		opacity: 0;
		box-shadow: 0 0 0 12px rgba(23, 36, 239, 0);
	}
}

@keyframes authScreenSlideUpBounce {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}
	60% {
		transform: translateY(-8px);
		opacity: 1;
	}
	80% {
		transform: translateY(4px);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes authScreenSlideFromRightBounce {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	60% {
		transform: translateX(-8px);
		opacity: 1;
	}
	80% {
		transform: translateX(4px);
	}
	100% {
		transform: translateX(0);
	}
}

@keyframes authScreenSlideDownBounce {
	0% {
		transform: translateY(0);
		opacity: 1;
	}
	60% {
		transform: translateY(12px);
	}
	80% {
		transform: translateY(-4px);
	}
	100% {
		transform: translateY(100%);
		opacity: 0;
	}
}

body {
	font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

html.paver-desktop,
html.paver-desktop body {
	background: #ffffff;
}

html.paver-desktop #container,
html.paver-desktop #controls-root,
html.paver-desktop #auth-root,
html.paver-desktop .bottomSheet,
html.paver-desktop .bottomSheetOverlay,
html.paver-desktop .historyView,
html.paver-desktop .historyDetailsView,
html.paver-desktop .docViewer,
html.paver-desktop .aboutView,
html.paver-desktop .nameEditor,
html.paver-desktop .qrScanner,
html.paver-desktop .stationSheetPhotoModal,
html.paver-desktop .pushLoadingOverlay,
html.paver-desktop .activeRental,
html.paver-desktop .rentalCompletedBanner,
html.paver-desktop .debtBanner,
html.paver-desktop .topBannersSlider,
html.paver-desktop .bottomNotifications {
	display: none !important;
}

html.paver-desktop .desktopOnly {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	box-sizing: border-box;
	background: #ffffff;
}

html.paver-desktop .desktopOnly__text {
	font-size: 18px;
	font-weight: 700;
	color: #404040;
	text-align: center;
}

.authRoot {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ffffff;
	display: none;
	z-index: 100;
}

.authRoot--visible {
	display: flex;
	align-items: center;
	justify-content: center;
}

.authScreen {
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 480px;
	margin: 0 auto;
	padding: 24px 24px 40px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

.authScreen--enterFromBottom {
	animation: authScreenSlideUpBounce 0.5s ease-out forwards;
}

.authScreen--enterFromRight {
	animation: authScreenSlideFromRightBounce 0.5s ease-out forwards;
}

.authScreen--exitDown {
	animation: authScreenSlideDownBounce 0.45s ease-in forwards;
}

.authScreen--welcome {
	background: #ffffff;
	color: #404040;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding-top: 32px;
	padding-bottom: 32px;
}

.welcomeCloud {
	position: absolute;
	width: 140px;
	height: auto;
	pointer-events: none;
}

.welcomeCloud--left {
	top: -12px;
	left: -38px;
	width: min(38vw, 200px);
}

.welcomeCloud--right {
	bottom: 26%;
	right: -72px;
	width: min(60vw, 280px);
}

.welcomeLogo {
	margin-top: 14vh;
	max-width: min(320px, 70vw);
	height: auto;
}

.welcomeTitle {
	margin: 0 0 8px;
	font-size: 32px;
	font-weight: 800;
}

.welcomeSubtitle {
	margin: 0;
	font-size: 16px;
	opacity: 0.9;
}

.welcomeSubtitlePrimary {
	margin-top: auto;
	margin-bottom: 4px;
	align-self: flex-start;
	font-size: 18px;
	font-weight: 700;
	color: #404040;
}

.welcomeSubtitleSecondary {
	margin: 0 0 16px;
	align-self: flex-start;
	font-size: 14px;
	font-weight: 500;
	color: #6b7280;
}

.welcomeButton {
	margin-top: 0;
	width: 100%;
	border: none;
	border-radius: 10px;
	background: #404040;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	padding: 14px 16px;
	cursor: pointer;
}

@media (max-height: 640px) {
	.authScreen--welcome {
		padding-top: 16px;
		padding-bottom: 16px;
	}
	.welcomeLogo {
		margin-top: 5vh;
		max-width: min(260px, 64vw);
	}
	.welcomeCloud--right {
		bottom: 20%;
	}
}

@media (min-height: 800px) {
	.welcomeLogo {
		margin-top: 18vh;
	}
	.welcomeCloud--right {
		bottom: 28%;
	}
}

.authScreen--hidden {
	display: none;
}

.authScreen__back {
	border: none;
	background: transparent;
	font-size: 24px;
	line-height: 1;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.authBack {
	position: absolute;
	top: 16px;
	left: 2px;
	border: none;
	background: transparent;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.authBack__icon {
	color: #404040;
	width: 20px;
	height: 20px;
}

.historyView__backIcon img,
.historyDetailsView__backIcon img {
	width: 20px;
	height: 20px;
	display: block;
}

.authScreen__title {
	margin: 40px auto 24px;
	text-align: left;
	font-size: 28px;
	font-weight: 800;
	max-width: 85%;
	width: 100%;
	box-sizing: border-box;
}

#code-step .authScreen__title {
	text-align: center;
}

.authForm {
	display: flex;
	flex-direction: column;
	margin-top: 8px;
	flex: 1;
}

.authForm__label {
	font-size: 14px;
	margin-bottom: 8px;
}

.authPhone {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	margin-bottom: 12px;
	margin-top: 8px;
	padding: 12px 16px;
	border-radius: 10px;
	background: #f5f5f7;
	width: 100%;
	max-width: 85%;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}

.authPhone__code {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border-radius: 999px;
	border: none;
	background: transparent;
	padding: 0;
	margin-left: 0;
	font-size: 18px;
	font-weight: 600;
	cursor: default;
	color: #404040;
}

.authPhone__flag {
	width: 28px;
	height: 20px;
	border-radius: 4px;
	flex-shrink: 0;
}

.authPhone__code:focus,
.authPhone__code:active {
	outline: none;
	box-shadow: 0 0 0 2px #40404010;
	background: #f0f0f3;
}

.authPhone__input {
	flex: 1 1 auto;
	margin-left: 0;
	border-radius: 0;
	border: none;
	padding: 0;
	font-size: 18px;
	font-weight: 600;
	outline: none;
	box-sizing: border-box;
	background: transparent;
}

.authPhone__input:focus {
	border-color: transparent;
	box-shadow: none;
}

.authPhone__input::placeholder {
	color: #9ca3af;
}

.authForm__hint {
	font-size: 13px;
	color: #666666;
	margin-top: 4px;
}

.authForm__hint--center {
	text-align: center;
}

.authForm__hint--code {
	margin-top: 4px;
}

.authForm__error {
	font-size: 13px;
	color: #ef4444;
	margin-top: 8px;
	min-height: 18px;
}

.authCode {
	margin-top: 12px;
	margin-bottom: 8px;
}

.authCode--boxes {
	display: flex;
	justify-content: center;
	gap: 12px;
}

.authCode__inputBox {
	width: 44px;
	height: 56px;
	border-radius: 10px;
	border: none;
	background: #f7f7f9;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	outline: none;
}

.authCode__inputBox:focus {
	box-shadow: 0 0 0 2px #40404010;
}

.authForm__legal {
	margin-top: auto;
	margin-bottom: 40px;
	font-size: 12px;
	line-height: 1.4;
	color: #a0a0a0;
	text-align: center;
}

.authForm__legal--small {
	margin-top: 16px;
	margin-bottom: 20px;
	font-size: 11px;
	line-height: 1.4;
	color: #a0a0a0;
	text-align: left;
	max-width: 85%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.authForm__legal--small a {
	color: #00adff;
	text-decoration: underline;
}

.authForm__newsletterRow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 8px;
	margin-bottom: 4px;
}

.authForm__newsletterText {
	font-size: 14px;
	line-height: 1.3;
	color: #404040;
}

.authForm__switch {
	width: 44px;
	height: 26px;
	border-radius: 999px;
	border: none;
	background: #e5e7eb;
	position: relative;
	padding: 0;
	cursor: pointer;
}

.authForm__switch::before {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
	border-radius: 999px;
	background: #ffffff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	transition: transform 0.18s ease-out;
}

.authForm__switch--on {
	background: #22c55e;
}

.authForm__switch--on::before {
	transform: translateX(18px);
}

.authForm__resend {
	margin: 12px 0 8px;
	font-size: 16px;
	font-weight: 600;
	color: #999999;
	text-align: center;
}

.authForm__resend--active {
	color: #4699ff;
	cursor: pointer;
}

.authButton {
	margin-top: 0;
	align-self: stretch;
	width: 100%;
	max-width: 85%;
	margin-left: auto;
	margin-right: auto;
	border: none;
	border-radius: 10px;
	background: #000000;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	padding: 14px 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none;
	box-sizing: border-box;
}

.authButton--telegram {
	margin-top: 0;
	background: #f6f6f6;
	color: #000000;
	box-sizing: border-box;
}

.authButton--max {
	margin-top: 8px;
	background: #f6f6f6;
	color: #000000;
	box-sizing: border-box;
}

.authForm__divider {
	text-align: center;
	color: #9ca3af;
	font-size: 14px;
	font-weight: 500;
	margin: 12px 0 16px 0;
}

.authButton__icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.authButton:disabled,
.authForm--loading .authButton {
	opacity: 0.7;
	cursor: default;
}

.authButton__spinner {
	border: 2px solid rgba(255, 255, 255, 0.4);
	border-top-color: #ffffff;
	border-radius: 999px;
	width: 16px;
	height: 16px;
	animation: authButtonSpinner 0.7s linear infinite;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}

.authButton--loadingText {
	opacity: 0.9;
}

.authButtonSkip {
	margin-top: 12px;
	align-self: center;
	border: none;
	background: transparent;
	color: #9ca3af;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}

.authButtonSkip:hover {
	color: #6b7280;
}

@keyframes authButtonSpinner {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.buttonRoot {
	width: 32px;
	box-shadow: 0 1px 3px 0 rgba(38, 38, 38, 0.5);
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: #fff;
}

.button {
	padding: 0;
	outline: 0;
	border: none;
	cursor: pointer;
	background: #fff;
	width: 32px;
	height: 32px;
	color: #262626;
	box-sizing: border-box;
}

.geoControl {
	position: absolute;
	right: 8px;
	bottom: 40px;
	transform: none;
}

.geoControl--raised {
	bottom: 168px;
}

.geoControl__btn {
	width: 58px;
	height: 58px;
	border-radius: 44%;
	border: 0.4px solid rgba(224, 224, 224, 0.7);
	outline: none;
	padding: 0;
	cursor: pointer;
	background-color: #ffffff;
	box-sizing: border-box;
	background-image: url('./icon/geolocation.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
}

.userHeadingMarker {
	position: relative;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-6px);
}

.userHeadingMarker__icon {
	width: 18px;
	height: 18px;
	fill: #1724ef;
}



.menuControl {
	position: absolute;
	left: 8px;
	bottom: 40px;
	top: auto;
	transform: none;
}

.menuControl__btn {
	width: 58px;
	height: 58px;
	border-radius: 44%;
	border: 0.4px solid rgba(224, 224, 224, 0.7);
	outline: none;
	padding: 0;
	cursor: pointer;
	background-color: #ffffff;
	box-sizing: border-box;
	background-image: url('./icon/menu.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
}



.chargeControl {
	position: absolute;
	left: 50%;
	right: auto;
	bottom: 44px;
	transform: translateX(-50%);
	width: auto;
	max-width: calc(100% - 148px);
}

.chargeControl__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 56px;
	padding: 0 18px;
	width: 100%;
	border-radius: 26px;
	border: none;
	outline: none;
	cursor: pointer;
	background-color: #00adff;
	color: #ffffff;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 14px;
	font-weight: 500;
	position: relative;
	overflow: hidden;
}

.chargeControl__btn:disabled {
	background-color: #9ca3af;
	cursor: default;
}

.chargeControl__btn:disabled::after {
	display: none;
}

@keyframes paverChargeShine {
	0% {
		transform: translateX(-140%) skewX(-18deg);
		opacity: 0;
	}
	2% {
		opacity: 0.0;
	}
	8% {
		transform: translateX(140%) skewX(-18deg);
		opacity: 0.9;
	}
	12% {
		opacity: 0;
	}
	100% {
		transform: translateX(140%) skewX(-18deg);
		opacity: 0;
	}
}

.chargeControl__btn::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 45%;
	background: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.55) 50%,
		rgba(255, 255, 255, 0) 100%
	);
	transform: translateX(-140%) skewX(-18deg);
	opacity: 0;
	animation: paverChargeShine 14s ease-in-out infinite;
	pointer-events: none;
}

.chargeControl__icon {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	background-image: url('./icon/qrmain.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.chargeControl__text {
	display: flex;
	flex-direction: column;
	line-height: 1.1;
	text-align: center;
	align-items: center;
}

.chargeControl__title {
	font-size: 16px;
	font-weight: 600;
	white-space: nowrap;
}

.chargeControl__subtitle {
	font-size: 12px;
	font-weight: 400;
	opacity: 0.9;
	white-space: nowrap;
}

.mapLoadingBanner {
	position: absolute;
	left: 50%;
	bottom: 116px;
	transform: translateX(-50%);
	padding: 6px 12px;
	border-radius: 999px;
	background: #ffffff;
	color: #404040;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 12px;
	font-weight: 500;
	white-space: nowrap;
	opacity: 1;
	transition: opacity 0.18s ease-out, transform 0.18s ease-out;
	z-index: 30;
	border: 0.5px solid rgba(0, 0, 0, 0.06);
}

.mapLoadingBanner--hidden {
	opacity: 0;
	transform: translate(-50%, 4px);
	pointer-events: none;
}



.zoomControl {
	width: 52px;
	background: #ffffff;
	border: 0.4px solid rgba(224, 224, 224, 0.7);
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 0;
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: max(8px, env(safe-area-inset-right, 0px) + 4px);
	transform: translateY(-50%);
}

.zoomControl__btn {
	width: 52px;
	height: 52px;
	border-radius: 0;
	border: none;
	border-bottom: 0.5px solid rgba(224, 224, 224, 0.7);
	outline: none;
	background-color: transparent;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	line-height: 1;
	color: #000000;
	box-sizing: border-box;
}

.zoomControl__btn:last-child {
	border-bottom: none;
}

.zoomControl__btn:hover {
	background: #f5f5f5;
}

.zoomControl__btn:active {
	background: #e0e0e0;
}

.bottomSheet {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	background: #ffffff;
	border-radius: 10px 10px 0 0;
	box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
	transform: translateY(110%);
	transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
	padding: 12px 0 0;
	box-sizing: border-box;
}

#documents-sheet.bottomSheet {
	border-radius: 10px 10px 0 0;
}

.rentalCompletedBanner {
	position: relative;
	margin: 0 auto 8px;
	padding: 8px 12px;
	max-width: calc(100% - 24px);
	background: rgba(18, 108, 253, 0.96);
	color: #ffffff;
	border-radius: 10px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-10px);
	transition: opacity 0.18s ease-out, transform 0.18s ease-out;
	z-index: 50;
}

/* Отдельный баннер для предупреждения про VPN — как на скрине:
   снизу экрана, серый фон, чёрный текст */
#paver-vpn-banner {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 80;
	padding: 6px 14px 10px;
	box-sizing: border-box;
	background: #f3f4f6;
	color: #404040;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.25;
	text-align: center;
	opacity: 0;
	transform: translateY(100%);
	transition: opacity 0.18s ease-out, transform 0.18s ease-out;
}

#paver-vpn-banner.paver-vpn-banner--visible {
	opacity: 1;
	transform: translateY(0);
}

.rentalCompletedBanner--visible {
	opacity: 1;
	transform: translateY(0);
}

.rentalCompletedBanner--success {
	background: #22c55e;
}

.rentalCompletedBanner--error {
	background: #ef4444;
}

.debtBanner {
	position: fixed;
	z-index: 60;
	max-width: calc(100% - 48px);
	margin: 0 24px;
	top: 76px;
	left: 0;
	right: 0;
	width: calc(100% - 48px);
	box-sizing: border-box;
}

.debtBanner__button {
	width: 100%;
	border: none;
	border-radius: 10px;
	padding: 8px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fef3c7;
	color: #92400e;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

.debtBanner__amount {
	font-weight: 700;
}

.closingWarningBanner {
	position: fixed;
	left: 12px;
	right: 12px;
	top: 56px;
	z-index: 55;
	box-sizing: border-box;
	padding: 12px 40px 12px 16px;
	background: #fef3c7;
	color: #92400e;
	border-radius: 10px;
	display: block;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.1);
	position: fixed;
}

.closingWarningBanner__content {
	flex: 1 1 auto;
}

.closingWarningBanner__title {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 4px;
}

.closingWarningBanner__subtitle {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
}

.closingWarningBanner__close {
	position: absolute;
	top: 8px;
	right: 10px;
	border: none;
	background: transparent;
	color: #92400e;
	font-size: 18px;
	line-height: 1;
	padding: 0;
	cursor: pointer;
	appearance: none;
}

.debtSheet__amountRow {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin: 8px 0 16px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.debtSheet__amountLabel {
	font-size: 14px;
	color: #6b7280;
}

.debtSheet__amountValue {
	font-size: 20px;
	font-weight: 700;
}
.pushLoadingOverlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 3000;
	opacity: 0;
	transform: translateY(24px);
	pointer-events: none;
	transition: opacity 0.22s ease-out, transform 0.22s ease-out;
}

.pushLoadingOverlay--visible {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.pushLoadingOverlay__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.pushLoadingOverlay__spinnerCircle {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: rgba(64, 123, 255, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
}

.aboutView {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ffffff;
	z-index: 2200;
	display: none;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.25s ease-out, transform 0.25s ease-out;
}

.aboutView--visible {
	display: flex;
	opacity: 1;
	transform: translateY(0);
}

.aboutView__content {
	text-align: center;
	padding: 32px 24px 56px;
}

.aboutView__icon {
	width: 96px;
	height: auto;
	margin-bottom: 16px;
}

.aboutView__title {
	margin: 0 0 4px;
	font-size: 28px;
	font-weight: 800;
	color: #404040;
}

.aboutView__version {
	margin: 0 0 32px;
	font-size: 14px;
	color: #6b7280;
}

.aboutView__links {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.aboutView__link {
	text-decoration: none;
	color: #404040;
	font-size: 15px;
	font-weight: 600;
	padding: 10px 14px;
	border-radius: 999px;
	border: 1px solid #e5e7eb;
}

.aboutView__link:active {
	background: #f3f4f6;
}

.aboutView__close {
	position: absolute;
	top: 16px;
	left: 12px;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	border: none;
	background: transparent;
	cursor: pointer;
}

.aboutView__close img {
	width: 20px;
	height: 20px;
}

.aboutView__closeBtn {
	margin-top: 32px;
	width: 100%;
	max-width: 260px;
	border-radius: 999px;
	border: 1px solid #e5e7eb;
	background: #f9fafb;
	padding: 10px 16px;
	font-size: 15px;
	font-weight: 600;
	color: #404040;
	cursor: pointer;
}

.aboutView__closeBtn:active {
	background: #e5e7eb;
}

.downloadAppView {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ffffff;
	z-index: 2250;
	display: none;
	flex-direction: column;
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.25s ease-out, transform 0.25s ease-out;
}

.downloadAppView--visible {
	display: flex;
	opacity: 1;
	transform: translateY(0);
}

.downloadAppView__topBar {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 20px 10px;
	border-bottom: 1px solid #f3f4f6;
	position: relative;
}

.downloadAppView__back {
	position: absolute;
	left: 12px;
	border: none;
	background: transparent;
	padding: 8px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.downloadAppView__title {
	font-size: 18px;
	font-weight: 700;
}

.downloadAppView__body {
	flex: 1;
	padding: 24px 20px;
}

.downloadAppView__text {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	color: #4b5563;
}

.pushLoadingOverlay__spinner {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	border: 4px solid rgba(64, 123, 255, 0.24);
	border-top-color: #407bff;
	animation: pushSpinnerRotate 1s linear infinite;
}

.pushLoadingOverlay__label {
	font-size: 20px;
	font-weight: 600;
	color: #111111;
}

.pushLoadingOverlay--return .pushLoadingOverlay__label {
	font-size: 20px;
	font-weight: 600;
	color: #111111;
}

@keyframes pushSpinnerRotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.activeRental__innerCard {
	background: #ffffff;
	border-radius: 10px;
	box-shadow: none;
	padding: 18px 16px 12px;
}

.activeRental {
	transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	transform: translateY(0);
	opacity: 1;
}

.activeRental--hiding {
	transform: translateY(40px);
	opacity: 0;
}

.activeRental__header {
	display: flex;
	justify-content: center;
	margin-bottom: 8px;
}

.activeRental__summary {
	display: inline-flex;
	align-items: baseline;
	justify-content: center;
	gap: 24px;
}

.activeRental__time {
	font-size: 22px;
	font-weight: 700;
}

.activeRental__price {
	font-size: 22px;
	font-weight: 700;
}

.activeRental__tariffInfo {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 12px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 12px;
}

.activeRental__tariffLabel {
	opacity: 0.7;
}

.activeRental__tariffValue {
	font-weight: 500;
}

.activeRental__divider {
	border: none;
	height: 1px;
	background: #eceff4;
	margin: 10px 0 12px;
}

.activeRental__cardInfo {
	margin-bottom: 12px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.activeRental__cardLabel {
	font-size: 11px;
	opacity: 0.6;
	margin-bottom: 4px;
}

.activeRental__cardButton {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	border: none;
	outline: none;
	background: #126cfd;
	color: #ffffff;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 12px;
	font-weight: 600;
}

.activeRental__cardBrand {
	letter-spacing: 0.06em;
}

.activeRental__cardDots {
	opacity: 0.9;
}

.activeRental__cardLast4 {
	font-weight: 700;
}

.bottomSheet--secondary {
	bottom: 0;
	z-index: 30;
	max-height: calc(var(--app-height) - 6px);
}

.bottomSheet--open {
	transform: translateY(0);
}

.bottomSheet__handle {
	width: 26px;
	height: 4px;
	border-radius: 999px;
	background: #d4d4d4;
	margin: 2px auto 24px;
}

.bottomSheet__title {
	margin: 0 0 12px;
	font-size: 20px;
	font-weight: 700;
}

.bottomSheet__title--smaller {
	font-size: 16px;
	font-weight: 400;
}

.bottomSheet__account {
	margin-bottom: 16px;
}

.bottomSheet__accountHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.bottomSheet__accountName {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 2px;
	opacity: 1;
	color: #494949;
}

.bottomSheet__accountPhone {
	font-size: 14px;
	font-weight: 500;
	color: #a3a3a3;
}

.bottomSheet__cardsRow {
	display: flex;
	gap: 8px;
	margin: 12px 0 4px;
}
.bottomSheet__accountNameButton {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 0;
	border: none;
	background: transparent;
	color: inherit;
	cursor: pointer;
}

.bottomSheet__accountNameButton:active {
	opacity: 0.7;
}

.bottomSheet__accountEditIcon {
	width: 18px;
	height: 18px;
	border-radius: 0;
	background: transparent url('icon/pen.svg') center/14px 14px no-repeat;
	display: none;
}

.nameEditor {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ffffff;
	display: none;
	z-index: 130;
	max-width: 480px;
	margin: 0 auto;
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}

.nameEditor--visible {
	display: flex;
	flex-direction: column;
	opacity: 1;
	transform: translateY(0);
}

.nameEditor__topBar {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px 16px 10px;
	position: relative;
}

.nameEditor__back {
	position: absolute;
	left: 4px;
	border: none;
	background: transparent;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.nameEditor__title {
	font-size: 18px;
	font-weight: 600;
	color: #404040;
}

.nameEditor__body {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 32px 24px 0;
}

.nameEditor__fieldLabel {
	font-size: 28px;
	font-weight: 600;
	color: #d1d5db;
	margin-bottom: 16px;
}

.nameEditor__input {
	border: none;
	border-bottom: 1.5px solid #e5e7eb;
	font-size: 24px;
	font-weight: 500;
	padding: 8px 0;
	outline: none;
}

.nameEditor__input::placeholder {
	color: #d1d5db;
}

.nameEditor__primaryBtn {
	width: 100%;
	border: none;
	border-radius: 10px;
	padding: 14px 16px;
	font-size: 16px;
	font-weight: 600;
	background: #404040;
	color: #ffffff;
}

.nameEditor__primaryBtn:disabled {
	background: #f3f4f6;
	color: #9ca3af;
}

.nameEditor__buttonRow {
	margin-top: 28px;
}

.bottomSheetCard {
	flex: 1 1 0;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 16px 14px;
	border-radius: 10px;
	background: #f4f3f1;
	text-align: left;
	color: #494949;
}

.bottomSheetCard__value {
	display: inline-flex;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 6px;
}

.bottomSheetCard__valueIcon img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	display: block;
}

.bottomSheetCard__valueIcon.paymentIcon--sberpay img {
	width: 32px;
	height: 32px;
}

.bottomSheetCard__valueIcon {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	margin-right: 8px;
}

.bottomSheetCard__label {
	font-size: 13px;
	opacity: 0.85;
}

.bottomSheet__logout {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	border: none;
	background: transparent;
	cursor: pointer;
}

.bottomSheet__logoutIcon {
	width: 12px;
	height: 12px;
	background-image: url('./icon/exit.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.bottomSheet__title--secondary {
	margin-top: 20px;
}

.bottomSheet__content {
	max-width: 480px;
	margin: 0 auto;
	padding: 0 16px 24px;
	box-sizing: border-box;
}

.bottomSheet__appBanner {
	width: 100%;
	margin: 12px 0 10px;
	border: none;
	outline: none;
	border-radius: 10px;
	padding: 14px 18px;
	background: #3e4eff;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	display: none;
}

.bottomSheet__appBannerText {
	display: inline-block;
}

.bottomSheet__chips {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.bottomSheet__paymentsList {
	margin-bottom: 16px;
	font-size: 14px;
	color: #333333;
}

.paymentsLoader {
	min-height: 180px;
	padding: 24px 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-align: center;
	color: #6b7280;
}

.paymentsLoader__spinner {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 4px solid rgba(50, 97, 236, 0.22);
	border-top-color: #00adff;
	animation: pushSpinnerRotate 0.95s linear infinite;
}

.paymentsLoader__title {
	font-size: 15px;
	font-weight: 600;
	color: #404040;
}

.paymentsLoader__subtitle {
	font-size: 13px;
	font-weight: 500;
	color: #6b7280;
}

.bottomSheet__documentsButtons {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.bottomSheet__docButton {
	width: 100%;
	border: none;
	border-radius: 0;
	padding: 14px 0;
	background: transparent;
	font-size: 16px;
	font-weight: 500;
	color: #404040;
	text-align: left;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.bottomSheet__docButtonLabel {
	flex: 1 1 auto;
	text-align: left;
}

.bottomSheet__docButtonArrow {
	flex: 0 0 auto;
	color: #9ca3af;
	font-size: 20px;
}

.paymentMethodItem {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 10px 12px;
	border-bottom: 1px solid #f3f4f6;
}

.paymentMethodItem__content {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	transform: translateX(0);
	transition: transform 0.2s ease-out;
}

.paymentMethodItem--showDelete .paymentMethodItem__content {
	transform: translateX(-88px);
}

.paymentMethodItem__icon {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-right: 4px;
}

.paymentMethodItem__icon img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.paymentMethodItem--sberpay .paymentMethodItem__icon img {
	width: 40px;
	height: 40px;
}

.paymentMethodItem__label {
	flex: 1 1 auto;
	font-size: 18px;
	font-weight: 600;
	color: #404040;
	display: flex;
	align-items: center;
	margin-left: 8px;
}

.paymentMethodItem__check {
	margin-left: auto;
	width: 28px;
	height: 28px;
	border-radius: 999px;
	background: #e5e7eb;
	display: flex;
	align-items: center;
	justify-content: center;
}

.paymentMethodItem__deleteBtn {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 88px;
	border: none;
	background: #fee2e2;
	color: #b91c1c;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateX(100%);
	transition: transform 0.2s ease-out;
}

.paymentMethodItem__deleteBtn:active {
	background: #fecaca;
}

.paymentMethodItem--showDelete .paymentMethodItem__deleteBtn {
	transform: translateX(0);
}

.paymentMethodItem__check svg {
	width: 22px;
	height: 22px;
	stroke: #e5e7eb;
	stroke-width: 2.6;
	fill: none;
}

.paymentMethodItem--selected .paymentMethodItem__check {
	background: #2457ff;
}

.paymentMethodItem--selected .paymentMethodItem__check svg {
	stroke: #ffffff;
}

.bottomSheet__paymentAddCard {
	width: 100%;
	border: none;
	background: #ffffff;
	padding: 14px 16px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	cursor: pointer;
	border-radius: 10px;
	font-weight: 400;
	text-align: left;
}

.paymentAddCard__icon img {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.paymentAddCard__label {
	font-size: 15px;
	font-weight: 400;
	text-align: left;
}

.paymentAddCard__arrow {
	margin-left: auto;
	opacity: 0.6;
}
.bottomSheet__takePowerBtn {
	margin-top: 16px;
	width: 100%;
	border-radius: 10px;
	border: none;
	background: #00adff;
	padding: 12px 18px;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.takePowerBtn__mainText {
	font-size: 16px;
	font-weight: 600;
}

.takePowerBtn__priceText {
	font-size: 12px;
	font-weight: 400;
	opacity: 0.9;
}

.bottomSheet__takePowerBtn:disabled {
	background: #9ca3af;
	cursor: default;
}

.bottomSheet__takePowerText {
	display: none;
}

.takePower__hint {
	margin-top: 8px;
	font-size: 12px;
	color: #9ca3af;
	text-align: center;
}

.takePower__header {
	position: relative;
	margin-bottom: 50px;
}

.takePower__headerText {
	max-width: 60%;
}

.takePower__codeRow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.takePower__stationCard {
	border-radius: 10px;
	padding: 20px 0;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.takePower__terms {
	margin-top: 12px;
	font-size: 12px;
	color: #9ca3af;
	text-align: center;
	line-height: 1.4;
}

.takePower__termsLink {
	color: #9ca3af;
	text-decoration: underline;
}

.stationSheet__content {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
}

.stationSheet__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 10px;
}

.stationSheet__headerLeft {
	min-width: 0;
	flex: 1 1 auto;
}

.stationSheet__stationNumber {
	font-size: 16px;
	font-weight: 700;
	color: #404040;
	margin: 0;
}

.stationSheet__placeName {
	font-size: 22px;
	line-height: 1.1;
	font-weight: 800;
	letter-spacing: 0.01em;
	margin-top: 6px;
	color: #404040;
	word-break: break-word;
}

.stationSheet__placeAddress {
	font-size: 14px;
	line-height: 1.25;
	margin-top: 6px;
	color: #6b7280;
	word-break: break-word;
}

.stationSheet__placeHours {
	font-size: 16px;
	line-height: 1.25;
	margin-top: 8px;
	font-weight: 600;
}

.stationSheet__placeHours--open {
	color: #16a34a;
}

.stationSheet__placeHours--closed {
	color: #dc2626;
}

.stationSheet__iconBtn {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: #f3f4f6;
	border: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.stationSheet__iconBtn img {
	width: 20px;
	height: 20px;
	display: block;
}

#station-sheet.bottomSheet {
	height: min(80vh, calc(var(--app-height) - 6px));
	max-height: min(80vh, calc(var(--app-height) - 6px));
}

#station-sheet .bottomSheet__content.stationSheet__content {
	height: 100%;
}

/* Полноэкранное меню способов оплаты */
#payments-sheet.bottomSheet,
#take-payments-sheet.bottomSheet {
	top: 0;
	bottom: 0;
	max-height: 100vh;
	height: 100vh;
	border-radius: 0;
}

.paymentsView {
	/* Поверх карты, как historyView */
	z-index: 2000;
	top: 0;
	background: #ffffff;
	display: flex;
	flex-direction: column;
	opacity: 0;
	transform: translateX(100%);
	transition: transform 0.22s ease-out, opacity 0.22s ease-out;
	pointer-events: none;
}

.paymentsView.bottomSheet--open {
	opacity: 1;
	transform: translateX(0);
	pointer-events: auto;
}

.paymentsView.paymentsView--closing {
	transform: translateX(-100%);
	opacity: 0;
}

.paymentsView__topBar {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 20px 10px;
	border-bottom: 1px solid #f3f4f6;
	background: #ffffffcc;
	backdrop-filter: blur(14px);
}

.paymentsView__back {
	border: none;
	background: transparent;
	padding: 8px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 12px;
}

.paymentsView__backIcon img {
	width: 20px;
	height: 20px;
	display: block;
}

.paymentsView__title {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.01em;
	text-align: center;
	font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.paymentsView__body {
	flex: 1;
	overflow-y: auto;
	padding: 8px 16px 20px;
	background: #ffffff;
}

.stationSheet__code {
	margin: 8px 0 10px;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 3px;
	text-align: center;
}

.stationSheet__slider {
	margin: 8px 0 12px;
}

.stationSheet__slides {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	background: #f5f5f7;
	width: 100%;
	height: 160px;
	aspect-ratio: 16 / 9;
}

.stationSheet__slide {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.25s ease-out;
}

.stationSheet__slide--active {
	opacity: 1;
}

.stationSheet__slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.stationSheet__dots {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-top: 6px;
}

.stationSheet__dot {
	width: 6px;
	height: 6px;
	border-radius: 999px;
	border: none;
	background: #d1d5db;
	padding: 0;
	cursor: pointer;
}

.stationSheet__dot--active {
	background: #404040;
}

.stationSheet__errorBanner {
	margin-bottom: 12px;
	padding: 10px 12px;
	border-radius: 10px;
	background: #fee2e2;
	color: #b91c1c;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
}

.stationSheet__inventory {
	margin-bottom: 12px;
	background: #f5f5f7;
	border-radius: 10px;
	padding: 16px 14px;
	font-size: 13px;
	color: #404040;
	display: flex;
	flex-direction: row;
	gap: 16px;
	justify-content: center;
}

.stationSheet__inventoryRow {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.stationSheet__inventoryLabel {
	color: #6b7280;
	order: 2;
	text-align: center;
	font-size: 12px;
}

.stationSheet__inventoryValue {
	font-weight: 700;
	order: 1;
	font-size: 28px;
	line-height: 1;
}

.stationSheet__body {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	padding-bottom: 12px;
}

.stationSheet__tariff {
	margin-bottom: 12px;
}

.stationSheet__tariffTitle {
	font-size: 16px;
	font-weight: 700;
	color: #111111;
	margin-bottom: 6px;
	padding: 0 2px;
}

.stationSheet__tariffTable {
	background: #f3f4f6;
	border-radius: 10px;
	padding: 2px 12px;
	display: flex;
	flex-direction: column;
}

.stationSheet__tariffRow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 7px 0;
	border-bottom: 1px solid #e5e7eb;
}

.stationSheet__tariffRow:last-child {
	border-bottom: none;
}

.stationSheet__tariffRowLabel {
	font-size: 13px;
	font-weight: 500;
	color: #111111;
}

.stationSheet__tariffRowValue {
	font-size: 13px;
	font-weight: 700;
	color: #111111;
}

.stationSheet__howItWorks {
	margin-bottom: 12px;
	background: transparent;
	border-radius: 10px;
	padding: 12px 14px;
	font-size: 13px;
	color: #404040;
}

.stationSheet__howTitle {
	font-weight: 600;
	margin-bottom: 6px;
}

.stationSheet__howList {
	margin: 0;
	padding-left: 16px;
	list-style: disc;
}

.stationSheet__howList li {
	margin-bottom: 0;
}

.stationSheet__howList li:not(:last-child) {
	border-bottom: 1px solid #e5e7eb;
	padding-bottom: 6px;
	margin-bottom: 6px;
}

.stationSheet__scanBtn {
	margin-top: 16px;
	width: 100%;
	border-radius: 10px;
	border: none;
	background: #00adff;
	padding: 15px 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	cursor: pointer;
}

.stationSheet__scanBtn:disabled {
	background: #9ca3af;
	cursor: default;
}

.stationSheet__scanIcon {
	width: 20px;
	height: 20px;
	background: url('./icon/qr.svg') center/contain no-repeat;
}

.stationSheet__scanLabel {
	white-space: nowrap;
}

.stationSheet__footer {
	flex-shrink: 0;
	background: #ffffff;
	padding-top: 8px;
	padding-bottom: calc(30px + env(safe-area-inset-bottom));
	border-top: 1px solid #e5e7eb;
}

.stationSheetPhotoModal {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.85);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 70;
}

.stationSheetPhotoModal--visible {
	display: flex;
}

.stationSheetPhotoModal__image {
	max-width: 92%;
	max-height: 92%;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.takePower__code {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 2px;
	text-align: left;
	margin-bottom: 0;
	margin-top: 4px;
}

.takePower__stationIcon {
	position: absolute;
	top: -20px;
	right: -35px;
	width: 120px;
	height: 120px;
	object-fit: contain;
}

.activeRental {
	position: fixed;
	left: 12px;
	right: 12px;
	bottom: 28px;
	z-index: 40;
	background: transparent;
	border-radius: 18px;
	box-shadow: none;
	padding: 0;
	box-sizing: border-box;
	display: none;
}

.activeRental--visible {
	display: block;
}

.activeRental__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 14px;
}

.activeRental__title {
	font-size: 18px;
	font-weight: 700;
	color: #404040;
	margin-bottom: 4px;
}

.activeRental__amount {
	font-size: 14px;
	font-weight: 400;
	color: #6b7280;
}

.activeRental__tariffLabel {
	font-size: 18px;
	font-weight: 700;
	color: #404040;
	text-align: right;
	margin-bottom: 4px;
}

.activeRental__tariffValue {
	font-size: 14px;
	font-weight: 400;
	color: #6b7280;
	text-align: right;
}

.activeRental__actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.activeRental__actionBtn {
	border: none;
	border-radius: 10px;
	padding: 12px 14px;
	background: #f3f4f6;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 500;
	color: #404040;
	cursor: pointer;
}

.activeRental__actionBtn--primary {
	background: #404040;
	color: #ffffff;
}

.activeRental__actionIcon {
	display: none;
}

.activeRental__actionIcon--close {
	background: #ef4444;
	color: #ffffff;
}

.activeRental__actionIcon--info {
	background: #e5e7eb;
	color: #404040;
}

.activeRental__actionLabel {
	font-size: 14px;
	font-weight: 700;
	color: inherit;
}

.takePower__tariff {
	background: #f5f5f7;
	border-radius: 18px;
	padding: 16px;
	margin-bottom: 16px;
}

.takePower__tariffTitle {
	margin: 0 0 4px;
	font-size: 16px;
	font-weight: 700;
}

.takePower__tariffList {
	margin: 0;
	padding-left: 0;
	list-style: none;
	font-size: 13px;
	color: #6b7280;
}

.takePower__tariffList li + li {
	margin-top: 2px;
}

.takePower__cardRow {
	width: 100%;
	border: 1px solid #e5e7eb;
	background: #ffffff;
	border-radius: 20px;
	padding: 14px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
	cursor: pointer;
}

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

.takePower__cardIcon {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
}

.takePower__cardIcon img {
	width: 28px;
	height: 28px;
	object-fit: contain;
	display: block;
}

.takePower__cardIcon.paymentIcon--sberpay img {
	width: 36px;
	height: 36px;
}

.takePower__cardLabel {
	font-size: 15px;
	font-weight: 500;
	color: #404040;
}

.takePower__cardArrow {
	font-size: 20px;
	color: #9ca3af;
}

.paymentAddCard__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.paymentAddCard__label {
	flex: 1 1 auto;
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	color: #404040;
}

.paymentAddCard__arrow {
	display: inline-block;
}

.chip {
	border: none;
	outline: none;
	cursor: pointer;
	width: 100%;
	padding: 14px 20px;
	border-radius: 0;
	background: #f4f3f1;
	font-size: 16px;
	font-weight: 600;
	color: #494949;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.chip--wide {
	padding-inline: 20px;
}

.bottomSheet__chips .chip:first-child {
	border-radius: 20px 20px 0 0;
}

.bottomSheet__chips .chip:last-child {
	border-radius: 0 0 20px 20px;
}

.chip__icon {
	flex: 0 0 auto;
	margin-right: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.chip__icon img {
	width: 20px;
	height: 20px;
	display: block;
}

.chip__label {
	flex: 1 1 auto;
	position: relative;
}

.bottomSheet__chips .chip__label::after {
	content: '';
	position: absolute;
	left: 0;
	right: 16px;
	bottom: -14px;
	height: 1px;
	background: #e5e7eb;
}

.bottomSheet__chips .chip:last-child .chip__label::after {
	display: none;
}

.chip__arrow {
	flex: 0 0 auto;
	font-size: 20px;
	color: #9ca3af;
}

.chip--logout {
	margin-top: 12px;
	border-radius: 20px;
}

.bottomSheet__support {
	margin-bottom: 0;
}

.bottomSheet__supportList {
	display: flex;
	flex-direction: column;
	margin-top: 8px;
}

.bottomSheet__supportItem {
	border: none;
	background: transparent;
	padding: 14px 0;
	margin: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.bottomSheet__supportIcon {
	width: 24px;
	height: 24px;
	margin-right: 10px;
	flex: 0 0 auto;
}

.bottomSheet__supportIcon--mail {
	background-image: url('./icon/mail.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.bottomSheet__supportIcon--telegram {
	background-image: url('./icon/telegram.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.bottomSheet__supportLabel {
	flex: 1 1 auto;
	text-align: left;
	font-size: 16px;
	color: #404040;
}

.bottomSheet__supportArrow {
	flex: 0 0 auto;
	font-size: 18px;
	color: #000000;
}

.bottomSheet__supportClose {
	margin-top: 16px;
	width: 100%;
	border-radius: 14px;
	border: none;
	background: #f3f4f6;
	padding: 12px 16px;
	font-size: 16px;
	font-weight: 600;
	color: #000000;
	cursor: pointer;
}

.bottomSheet__footer {
	margin-top: 24px;
	font-size: 12px;
	color: #a0a0a0;
}

.bottomSheet__version {
	white-space: nowrap;
}

.bottomSheetOverlay {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.2);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	z-index: 10;
}

.bottomSheetOverlay--visible {
	opacity: 1;
	pointer-events: auto;
}

.docViewer {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #ffffff;
	z-index: 200;
	display: none;
	flex-direction: column;
}

.docViewer--visible {
	display: flex;
}

.docViewer__topBar {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 10px 16px 8px;
	box-sizing: border-box;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.docViewer__back {
	border: none;
	overflow: auto;
	border-radius: 999px;
	width: 36px;
	margin-right: 12px;
}

.docViewer__content {
	padding: 16px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	font-size: 13px;
	line-height: 1.5;
	color: #404040;
}

.historyView {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ffffff;
	z-index: 2000;
	display: none;
	flex-direction: column;
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.historyView--visible {
	display: flex !important;
	opacity: 1;
	transform: translateY(0);
}

.historyView__topBar {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 20px 10px;
	border-bottom: 1px solid #f3f4f6;
	background: #ffffffcc;
	backdrop-filter: blur(14px);
}

.historyView__back {
	border: none;
	background: transparent;
	padding: 8px;
	margin-right: 10px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 12px;
}

.historyView__title {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.01em;
	text-align: center;
	flex: 0 0 auto;
	font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.historyView__body {
	flex: 1;
	overflow-y: auto;
	padding: 8px 12px 20px;
	background: #f9fafb;
}

.historySection {
	padding: 16px 8px 6px;
	font-size: 12px;
	font-weight: 600;
	color: #9ca3af;
	text-transform: uppercase;
}

.historyItem {
	width: 100%;
	border: none;
	background: #ffffff;
	padding: 12px 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 14px;
	box-sizing: border-box;
	margin: 0 0 2px;
	border-bottom: 1px solid #f3f4f6;
	transition: background 0.12s ease-out;
}

.historyItem__left {
	display: flex;
	flex-direction: column;
}

.historyItem__number {
	font-size: 15px;
	font-weight: 600;
	color: #404040;
}

.historyItem__date {
	margin-top: 4px;
	font-size: 12px;
	color: #9ca3af;
}

.historyItem__amount {
	font-size: 16px;
	font-weight: 700;
	color: #404040;
}

.historyItem__arrow {
	margin-left: 8px;
	color: #d1d5db;
	font-size: 18px;
}

.historyItem:active {
	background: #f9fafb;
}

.historyView__pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px 16px;
	gap: 12px;
	border-top: 1px solid #f0f0f0;
}

.historyView__pageBtn {
	border-radius: 999px;
	border: none;
	padding: 6px 12px;
	font-size: 13px;
	background: #f3f3f3;
}

.historyView__pageBtn:disabled {
	opacity: 0.4;
}

.historyView__pageLabel {
	font-size: 13px;
	color: #666;
}

.historyView__empty {
	padding: 32px 24px;
	text-align: center;
	font-size: 14px;
	color: #9ca3af;
}

.historyView__loader {
	padding: 16px;
	text-align: center;
	font-size: 14px;
	color: #6b7280;
}

.historyView__loadMore {
	margin: 8px 24px 24px;
	border-radius: 999px;
	border: none;
	padding: 12px 18px;
	font-size: 14px;
	background: #404040;
	color: #ffffff;
	font-weight: 600;
}

.historyDetailsView {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ffffff;
	z-index: 2100;
	display: none;
	flex-direction: column;
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.historyDetailsView--visible {
	display: flex !important;
	opacity: 1;
	transform: translateY(0);
}

.historyDetailsView__topBar {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 20px 10px;
	border-bottom: 1px solid #f3f4f6;
}

.historyDetailsView__back {
	border: none;
	background: transparent;
	padding: 8px;
	margin-right: 10px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 12px;
}

.historyDetailsView__title {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	flex: 0 0 auto;
}

.historyDetailsView__body {
	flex: 1;
	overflow-y: auto;
	padding: 20px 20px 32px;
	background: #ffffff;
}

.historyDetailsView__subtitle {
	font-size: 14px;
	color: #9ca3af;
	margin-bottom: 20px;
}

.historyDetailsView__section {
	padding: 0 0 20px;
	border-bottom: 1px solid #f3f4f6;
}

.historyDetailsView__sectionTitle {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 12px;
}

.historyDetailsView__row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	font-size: 14px;
	margin-bottom: 10px;
}

.historyDetailsView__label {
	color: #9ca3af;
}

.historyDetailsView__value {
	font-weight: 600;
	color: #404040;
}

.historyDetailsView__section {
	padding: 16px;
	border-bottom: 1px solid #f3f3f3;
}

.historyDetailsView__subtitle {
	font-size: 13px;
	color: #999;
	margin-bottom: 12px;
}

.historyDetailsView__sectionTitle {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 8px;
}

#support-sheet.bottomSheet {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
}

.historyDetailsView__row {
	display: flex;
	justify-content: space-between;
	margin-top: 6px;
	font-size: 13px;
}

.historyDetailsView__label {
	color: #999;
}

.historyDetailsView__value {
	font-weight: 500;
}

.docViewer__backIcon {
	color: #404040;
}

.docViewer__title {
	flex: 1 1 auto;
	text-align: center;
	margin-right: 36px;
	font-size: 15px;
	font-weight: 600;
	color: #404040;
}

.docViewer__body {
	flex: 1 1 auto;
	overflow: hidden;
}

.docViewer__frame {
	border: none;
	width: 100%;
	height: 100%;
}

@media (max-width: 480px) {
	.authCode__inputBox {
		width: 38px;
	}
}

.qrScanner {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000000;
	color: #ffffff;
	z-index: 250;
	display: flex;
	flex-direction: column;
	opacity: 0;
	pointer-events: none;
	transform: translateY(8px);
	transition: opacity 0.32s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.32s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.qrScanner--visible {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.qrScanner__topBar {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 22px 16px 4px;
}

.qrScanner__close {
	position: absolute;
	left: 12px;
	border: none;
	background: transparent;
	color: #ffffff;
	font-size: 26px;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.qrScanner__title {
	font-size: 14px;
	font-weight: 600;
	margin-top: 6px;
}

.qrScanner__viewport {
	flex: 1 1 auto;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 80px;
}

.qrScanner__video {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.5;
	z-index: 240;
	pointer-events: none;
}

.qrScanner__frame {
	width: 190px;
	height: 190px;
	position: relative;
	z-index: 260;
}

.qrScanner__corner {
	position: absolute;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	border: 5px solid transparent;
}

.qrScanner__corner--tl {
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	top: 0;
	left: 0;
}

.qrScanner__corner--tr {
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	top: 0;
	right: 0;
}

.qrScanner__corner--bl {
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	bottom: 0;
	left: 0;
}

.qrScanner__corner--br {
	border-bottom-color: #ffffff;
	border-right-color: #ffffff;
	bottom: 0;
	right: 0;
}

.qrScanner__bottomBar {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px 24px;
	position: relative;
	z-index: 260;
}

.manualStation {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 97vh;
	border-radius: 20px 20px 0 0;
	background: #ffffff;
	display: flex;
	flex-direction: column;
	z-index: 2000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(40px);
	transition: opacity 0.25s ease-out, transform 0.25s ease-out, visibility 0.25s ease-out;
}

.manualStation--visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.manualStation__topBar {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 12px 0;
	position: relative;
}

.manualStation__topBar::before {
	content: '';
	position: absolute;
	top: 8px;
	left: 50%;
	transform: translateX(-50%);
	width: 36px;
	height: 4px;
	background: #d1d1d6;
	border-radius: 2px;
}

.manualStation__close {
	border: none;
	background: transparent;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.manualStation__closeIcon img {
	width: 16px;
	height: 16px;
	display: block;
}

.manualStation__close:focus,
.manualStation__close:active {
	outline: none;
	box-shadow: none;
}

.manualStation__title {
	margin-bottom: 24px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
}

.manualStation__body {
	flex: 1;
	padding: 32px 20px 0;
}

.manualStation__inputWrapper {
	border-radius: 18px;
	border: 2px solid #111111;
	padding: 18px 24px;
}

.manualStation__input {
	width: 100%;
	border: none;
	outline: none;
	font-size: 28px;
	text-align: center;
	letter-spacing: 4px;
	box-sizing: border-box;
	max-width: 100%;
	overflow: hidden;
}

.manualStation__error {
	margin-top: 10px;
	font-size: 13px;
	color: #ef4444;
	min-height: 18px;
}

.manualStation__footer {
	margin-top: 16px;
	padding: 0 0 24px;
}

.manualStation__submit {
	width: 100%;
	border: none;
	border-radius: 14px;
	padding: 14px 16px;
	background: #00afff;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

.manualStation__submit:disabled {
	background: #e5e5ea;
	color: #b0b0b5;
	cursor: default;
}

.qrScanner__manualBtn {
	flex: 0 1 auto;
	border-radius: 22px;
	border: none;
	background: #1c1c1e;
	padding: 12px 40px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	cursor: pointer;
	opacity: 0.85;
}

.qrScanner__circleBtn {
	flex: 0 0 auto;
	width: 50px;
	height: 50px;
	border-radius: 22px;
	border: none;
	background: #1c1c1e;
	opacity: 0.85;
	cursor: pointer;
	transition: background-color 0.18s ease-out, color 0.18s ease-out;
}

.qrScanner__circleBtn--close {
	margin-right: auto;
}

.qrScanner__circleBtn--flash {
	background: #1c1c1e url('./icon/flash.svg') center/48% no-repeat;
	margin-left: auto;
}

.qrScanner__circleBtn--flash.qrScanner__circleBtn--active {
	background-color: #ffffff;
	background-image: url('./icon/flash-dark.svg');
	opacity: 1;
}

.qrScanner__circleBtn--close {
	position: relative;
}

.qrScanner__circleBtn--close::before,
.qrScanner__circleBtn--close::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 22px;
	height: 2px;
	background: #ffffff;
	border-radius: 999px;
	transform-origin: center;
}

.qrScanner__circleBtn--close::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.qrScanner__circleBtn--close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.topBannersSlider {
	position: fixed;
	top: 12px;
	left: 0;
	right: 0;
	z-index: 45;
	overflow-x: hidden;
	overflow-y: visible;
	padding-bottom: 8px;
}

.topBannersSlider__dots {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-bottom: 8px;
}

.topBannersSlider__dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.2);
	transition: background 0.3s ease, width 0.3s ease;
}

.topBannersSlider__dot--active {
	width: 18px;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.6);
}

.topBannersSlider__track {
	display: flex;
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	width: 100%;
}

.topBannerCard {
	flex-shrink: 0;
	width: calc(100% - 48px);
	display: flex;
	align-items: center;
	gap: 10px;
	background: #ffffff;
	border: none;
	border-radius: 14px;
	padding: 8px 12px;
	margin: 0 24px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	box-sizing: border-box;
}

.topBannerCard:active {
	transform: scale(0.98);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.topBannerCard__icon {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.topBannerCard__icon img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.topBannerCard__content {
	flex: 1;
	text-align: left;
	min-width: 0;
}

.topBannerCard__title {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #404040;
	margin: 0 0 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.topBannerCard__subtitle {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #6b7280;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.topBannerCard__arrow {
	flex-shrink: 0;
	font-size: 22px;
	color: #9ca3af;
	font-weight: 300;
}

.bottomNotifications {
	position: fixed;
	left: 24px;
	right: 24px;
	bottom: 700px;
	top: auto;
	z-index: 50;
	pointer-events: none;
	padding-top: 76px;
}

.bottomNotifications > * {
	pointer-events: auto;
}

#paver-toast-banner {
	position: fixed;
	left: 24px;
	right: 24px;
	bottom: 700px;
	z-index: 50;
	max-width: calc(100% - 48px);
	margin: 0 auto;
}
.mapgl-balloon,
[class*="balloon"],
[class*="popup"],
.mapgl-marker-selected,
[class*="highlight"],
[class*="mapgl-marker"][class*="active"],
div[class*="marker-background"],
div[class*="marker-overlay"],
svg[class*="marker"] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

.mapgl-marker:focus,
.mapgl-marker:focus-visible,
.mapgl-marker:active,
.mapgl-marker:hover {
	outline: none !important;
	box-shadow: none !important;
	background: none !important;
}

.mapgl-marker *,
.mapgl-marker *:before,
.mapgl-marker *:after {
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
}

.mapgl-marker {
	background: none !important;
	background-color: transparent !important;
	background-image: none !important;
}

.mapgl-marker > div:not([style*="border-radius"]) {
	background: transparent !important;
	display: none !important;
}
[class*="mapgl"] [class*="selection"],
[class*="mapgl"] [class*="active"],
[class*="mapgl"] [class*="background"],
div[style*="background"][style*="blue"],
div[style*="background: rgb(50"],
div[style*="position: absolute"][style*="background"] {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

.mapgl-marker,
.mapgl-marker *,
[class*="mapgl"] {
	-webkit-tap-highlight-color: transparent !important;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	user-select: none !important;
}

.mapgl-marker {
	pointer-events: auto !important;
	touch-action: manipulation !important;
	cursor: pointer !important;
}

.mapgl-marker > * {
	pointer-events: none !important;
}

.mapgl-marker ~ div[style*="position"],
.mapgl-marker + div[style*="position"],
[class*="mapgl"] > div[style*="position: absolute"][style*="background"],
[class*="mapgl"] > div:not([class]):not([id])[style*="background"] {
	display: none !important;
	visibility: hidden !important;
}

.mapgl-marker > div:first-child:not([style*="border-radius"]) {
	background: none !important;
	background-color: transparent !important;
	background-image: none !important;
}