.vk-site-chat{
	position:fixed;
	right:24px;
	bottom:24px;
	z-index:945;
	font-family:"Segoe UI",Arial,sans-serif;
	color:var(--vk-ui-blue);
}

.vk-site-chat[hidden],
.vk-site-chat__layer[hidden],
.vk-site-chat__unread[hidden]{
	display:none !important;
}

.vk-site-chat__launcher.vk-button{
	position:relative;
	z-index:3;
	width:62px;
	min-width:62px;
	height:62px;
	min-height:62px;
	padding:0;
	border:1px solid rgba(255,255,255,.55);
	border-radius:50%;
	background:linear-gradient(135deg,#61ddbb 0%,#2f7c93 100%);
	color:#fff;
	box-shadow:0 18px 42px rgba(32,54,76,.25),inset 0 1px 0 rgba(255,255,255,.42);
}

.vk-site-chat__launcher.vk-button::before{
	content:"";
	position:absolute;
	inset:-1px;
	z-index:-1;
	border:2px solid rgba(70,204,177,.5);
	border-radius:inherit;
	animation:vkSiteChatPulse 2.8s ease-out infinite;
}

.vk-site-chat__launcher .vk-button__text{
	width:28px;
	height:28px;
}

.vk-site-chat__launcher svg,
.vk-site-chat__avatar svg,
.vk-site-chat__close svg,
.vk-site-chat__send svg{
	display:block;
	width:100%;
	height:100%;
}

.vk-site-chat__launcher:hover,
.vk-site-chat__launcher:focus-visible{
	transform:translateY(-2px);
	box-shadow:0 22px 48px rgba(32,54,76,.3),0 0 0 5px rgba(97,221,187,.16),inset 0 1px 0 rgba(255,255,255,.45);
}

.vk-site-chat.is-open .vk-site-chat__launcher::before{
	animation:none;
	opacity:0;
}

.vk-site-chat__unread{
	position:absolute;
	top:-3px;
	right:-3px;
	z-index:5;
	min-width:20px;
	height:20px;
	box-sizing:border-box;
	padding:0 5px;
	border:3px solid #fff;
	border-radius:999px;
	background:#f4a33c;
	color:#fff;
	font-size:10px;
	font-weight:800;
	line-height:14px;
	text-align:center;
}

.vk-site-chat__layer{
	position:fixed;
	inset:0;
	z-index:2;
	pointer-events:none;
}

.vk-site-chat__panel{
	position:absolute;
	right:24px;
	bottom:94px;
	display:flex;
	flex-direction:column;
	width:min(380px,calc(100vw - 32px));
	height:min(610px,calc(100dvh - 120px));
	box-sizing:border-box;
	border:1px solid rgba(190,211,225,.88);
	border-radius:24px;
	background:#fff;
	box-shadow:0 26px 72px rgba(28,57,82,.22);
	overflow:hidden;
	opacity:0;
	pointer-events:auto;
	transform:translateY(14px) scale(.975);
	transform-origin:bottom right;
	transition:opacity .2s ease,transform .2s ease;
}

.vk-site-chat.is-open .vk-site-chat__panel{
	opacity:1;
	transform:translateY(0) scale(1);
}

.vk-site-chat__header{
	display:flex;
	align-items:center;
	gap:12px;
	flex:0 0 auto;
	min-height:76px;
	box-sizing:border-box;
	padding:14px 14px 14px 16px;
	border-bottom:1px solid #e5edf3;
	background:linear-gradient(135deg,#f2fbf8 0%,#f7fbfd 62%,#fff8ed 100%);
}

.vk-site-chat__avatar{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 44px;
	width:44px;
	height:44px;
	border-radius:15px;
	background:linear-gradient(135deg,#61ddbb,#2f7c93);
	color:#fff;
	box-shadow:0 8px 18px rgba(47,124,147,.18);
}

.vk-site-chat__avatar svg{
	width:23px;
	height:23px;
}

.vk-site-chat__avatar span{
	position:absolute;
	right:-1px;
	bottom:-1px;
	width:10px;
	height:10px;
	border:3px solid #f5fbf9;
	border-radius:50%;
	background:#46ccb1;
}

.vk-site-chat__heading{
	min-width:0;
	flex:1 1 auto;
}

.vk-site-chat__title{
	color:#263f56;
	font-size:17px;
	font-weight:800;
	line-height:1.2;
}

.vk-site-chat__presence{
	margin-top:4px;
	color:#6b7f90;
	font-size:11px;
	line-height:1.25;
}

.vk-site-chat__presence span{
	display:inline-block;
	width:7px;
	height:7px;
	margin-right:4px;
	border-radius:50%;
	background:#46ccb1;
	box-shadow:0 0 0 3px rgba(70,204,177,.13);
}

.vk-site-chat__close.vk-button{
	flex:0 0 38px;
	width:38px;
	min-width:38px;
	height:38px;
	min-height:38px;
	padding:0;
	border-color:transparent;
	background:rgba(255,255,255,.72);
	color:#607586;
	box-shadow:none;
}

.vk-site-chat__close .vk-button__text{
	width:20px;
	height:20px;
}

.vk-site-chat__messages{
	flex:1 1 auto;
	min-height:0;
	padding:18px 16px 12px;
	background:
		radial-gradient(circle at 0 0,rgba(97,221,187,.11),transparent 35%),
		linear-gradient(180deg,#fbfdff 0%,#f5f8fb 100%);
	overflow-x:hidden;
	overflow-y:auto;
	overscroll-behavior:contain;
	scrollbar-width:thin;
	scrollbar-color:#c9d9e3 transparent;
}

.vk-site-chat__welcome{
	display:flex;
	flex-direction:column;
	gap:5px;
	max-width:86%;
	box-sizing:border-box;
	margin:0 0 16px;
	padding:12px 14px;
	border:1px solid #dce7ef;
	border-radius:16px 16px 16px 5px;
	background:#fff;
	color:#50677b;
	font-size:13px;
	line-height:1.45;
}

.vk-site-chat__welcome strong{
	color:#28445b;
	font-size:14px;
}

.vk-site-chat__message{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	margin:0 0 12px;
}

.vk-site-chat__message--visitor{
	align-items:flex-end;
}

.vk-site-chat__bubble{
	max-width:84%;
	box-sizing:border-box;
	padding:10px 13px;
	border:1px solid #dce5ef;
	border-radius:16px 16px 16px 5px;
	background:#fff;
	color:#32485d;
	font-size:14px;
	line-height:1.42;
	overflow-wrap:anywhere;
	white-space:pre-wrap;
}

.vk-site-chat__message--visitor .vk-site-chat__bubble{
	border-color:#bce7d9;
	border-radius:16px 16px 5px 16px;
	background:#eaf9f4;
}

.vk-site-chat__meta{
	display:flex;
	align-items:center;
	gap:5px;
	margin-top:4px;
	padding:0 3px;
	color:#8193a2;
	font-size:10px;
	line-height:1.2;
}

.vk-site-chat__delivery{
	display:inline-block;
	color:#a5b1ba;
	font-weight:700;
	font-size:12px;
	line-height:1;
	letter-spacing:-3px;
	white-space:nowrap;
}

.vk-site-chat__delivery.is-pending{
	letter-spacing:0;
}

.vk-site-chat__delivery.is-delivered{
	color:#3ea98d;
}

.vk-site-chat__notice{
	flex:0 0 auto;
	min-height:17px;
	box-sizing:border-box;
	padding:3px 16px 0;
	background:#fff;
	color:#637789;
	font-size:11px;
	line-height:1.3;
}

.vk-site-chat__notice.is-error{
	color:#bd4052;
}

.vk-site-chat__composer{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	gap:9px;
	flex:0 0 auto;
	padding:9px 12px 10px;
	background:#fff;
}

.vk-site-chat__consent{
	flex:0 0 100%;
	box-sizing:border-box;
	padding:0 2px 2px;
}

.vk-site-chat__consent[hidden]{
	display:none !important;
}

.vk-site-chat__consent .vk-check{
	align-items:flex-start;
	color:#607586;
	font-size:10px;
	line-height:1.35;
}

.vk-site-chat__consent .vk-check__box{
	flex:0 0 auto;
	margin-top:1px;
}

.vk-site-chat__consent a,
.vk-site-chat__privacy a,
.vk-site-chat__privacy button{
color:#247b70;
text-decoration:underline;
text-underline-offset:2px;
}

.vk-site-chat__consent a:hover,
.vk-site-chat__privacy a:hover,
.vk-site-chat__privacy button:hover{
color:#195d57;
}

.vk-site-chat__input.vk-input{
	flex:1 1 0;
	min-height:48px;
	max-height:112px;
	margin:0;
	padding:12px 13px;
	border-radius:16px;
	resize:none;
}

.vk-site-chat__send.vk-button{
	flex:0 0 46px;
	width:46px;
	min-width:46px;
	height:46px;
	min-height:46px;
	padding:0;
	box-shadow:0 10px 22px rgba(70,204,177,.22),inset 0 -2px rgba(0,0,0,.08);
}

.vk-site-chat__send .vk-button__text{
	width:21px;
	height:21px;
	transform:translateX(1px);
}

.vk-site-chat__data-warning{
	flex:0 0 auto;
	padding:0 15px 8px;
	background:#fff;
	color:#8a6740;
	font-size:9px;
	line-height:1.35;
	text-align:center;
}

.vk-site-chat__privacy{
	display:flex;
	flex-direction:column;
	gap:3px;
	flex:0 0 auto;
	padding:0 15px 12px;
	background:#fff;
	color:#8a9aa7;
	font-size:10px;
	line-height:1.35;
	text-align:center;
}

.vk-site-chat__privacy button{
margin:0;
padding:0;
border:0;
background:transparent;
font:inherit;
cursor:pointer;
}

.vk-site-chat__honeypot{
	position:absolute !important;
	left:-10000px !important;
	width:1px !important;
	height:1px !important;
	overflow:hidden !important;
}

body.vk-site-chat-open{
	overflow:hidden;
}

@keyframes vkSiteChatPulse{
	0%{opacity:.65;transform:scale(1)}
	70%,100%{opacity:0;transform:scale(1.42)}
}

@media (min-width:621px){
	body.vk-site-chat-open{
		overflow:auto;
	}
}

@media (max-width:1003px){
	body.vk-site-chat-ready #right_box.site_floating_sidebar{
		--site-floating-sidebar-bottom-offset:98px;
	}
}

@media (max-width:620px){
	.vk-site-chat{
		right:16px;
		right:calc(16px + env(safe-area-inset-right));
		bottom:18px;
		bottom:calc(18px + env(safe-area-inset-bottom));
	}

	.vk-site-chat__launcher.vk-button{
		width:58px;
		min-width:58px;
		height:58px;
		min-height:58px;
	}

	.vk-site-chat.is-open .vk-site-chat__launcher,
	.vk-site-chat.is-open .vk-site-chat__unread{
		opacity:0;
		pointer-events:none;
		transform:scale(.86);
	}

	.vk-site-chat__layer{
		display:flex;
		align-items:flex-end;
		background:rgba(25,43,59,.34);
		-webkit-backdrop-filter:blur(4px);
		backdrop-filter:blur(4px);
		pointer-events:auto;
		opacity:0;
		transition:opacity .2s ease;
	}

	.vk-site-chat.is-open .vk-site-chat__layer{
		opacity:1;
	}

	.vk-site-chat__panel{
		position:relative;
		right:auto;
		bottom:auto;
		width:100%;
		height:min(82dvh,720px);
		max-height:calc(100dvh - 46px);
		border-right:0;
		border-bottom:0;
		border-left:0;
		border-radius:24px 24px 0 0;
		padding-bottom:env(safe-area-inset-bottom);
		transform:translateY(28px);
		transform-origin:bottom center;
	}

	.vk-site-chat.is-open .vk-site-chat__panel{
		transform:translateY(0);
	}

	.vk-site-chat__header{
		min-height:72px;
	}
}

@media (prefers-reduced-motion:reduce){
	.vk-site-chat__launcher.vk-button::before{
		animation:none;
	}

	.vk-site-chat__panel,
	.vk-site-chat__layer,
	.vk-site-chat__launcher.vk-button{
		transition:none;
	}
}
