

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
	--color-main-1:#27F28D;
	--color-main-2:#7DFFD2;
	--color-main-3:#0A2F24;
	--color-white:#ffffff;
	--color-link:#08120E;
}

.gc-main-content:not(.with-left-menu) .top-notification-wrapper{
	display:none;
}

.common-banner-wrapper.hide_banners{
	display:none!important;
}

.info-wrapper .common-banner-wrapper{
	position:relative!important;
}

.common-banner-wrapper{
	position:fixed!important;
	left:90px!important;
	bottom:5px!important;
	z-index:999!important;
	display:flex!important;
	justify-content:flex-end!important;

	font-family:"Inter",sans-serif!important;

	background:linear-gradient(
	135deg,
	#3BFF9F,
	#00C870,
	#1CF5C3
	)!important;

	border-radius:9px!important;
	padding:0!important;
}

.common-banner{

	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;

	padding:8px 15px 8px 7px!important;

	border-radius:6px!important;

	max-height:none!important;

	background:linear-gradient(
	135deg,
	rgba(9,40,30,.97),
	rgba(12,76,55,.97),
	rgba(27,196,116,.95)
	)!important;

	box-shadow:
	0 8px 25px rgba(0,0,0,.25),
	0 0 18px rgba(39,242,141,.25);
}

.common-banner a{
	text-decoration:none!important;
	color:inherit!important;
	cursor:pointer;
}
.common-banner .banner-wrapper-content{
	display:flex!important;
	align-items:center!important;
	flex:1!important;
	margin-left:10px!important;
	min-width:0!important;
}

.common-banner .banner-content{
	flex:1 1 auto!important;
	width:auto!important;
	min-width:0!important;
	color:#fff!important;
	padding-right:12px!important;
}

.common-banner .banner-content a{
	color:#fff!important;
}

/* ===== Заголовок ===== */

.common-banner .banner-title{
	font-family:"Inter",sans-serif!important;
	font-size:16px!important;
	font-weight:700!important;
	line-height:18px!important;
	margin:0 0 4px!important;
	color:var(--color-white)!important;
	word-break:break-word!important;
}

.common-banner .banner-title span{
	border:1px solid rgba(255,255,255,.7)!important;
	border-radius:10px!important;
	padding:1px 5px!important;
}

/* ===== Текст ===== */

.common-banner .banner-text{
	padding:0!important;
	font-family:"Inter",sans-serif!important;
	font-size:14px!important;
	line-height:18px!important;
	font-weight:400!important;
	color:rgba(255,255,255,.95)!important;
}

.common-banner .banner-text span{
	font-weight:600!important;
}
/* ===== Кнопка ===== */

.common-banner .banner-link{

	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;

	min-width:110px!important;
	height:34px!important;

	padding:0 14px!important;

	margin-left:10px!important;

	flex-shrink:0!important;

	font-family:"Inter",sans-serif!important;
	font-size:11px!important;
	font-weight:700!important;
	text-transform:uppercase!important;

	color:#0A2F24!important;

	background:linear-gradient(
	135deg,
	#ffffff,
	#D8FFF0
	)!important;

	border-radius:8px!important;

	box-shadow:
	0 0 18px rgba(39,242,141,.35)!important;

	transition:.3s!important;
}

.common-banner .banner-link:hover{

	transform:translateY(-2px);

	box-shadow:
	0 0 24px rgba(39,242,141,.6)!important;
}

/* ===== Крестик ===== */

.common-banner .banner-close{

	color:#fff!important;

	font-size:24px!important;

	font-weight:700!important;

	line-height:1!important;

	margin-left:18px!important;

	cursor:pointer;
}
/* ===== Логотип ===== */

.common-banner .banner-logo{

	width:60px!important;
	height:60px!important;

	border-radius:50%!important;

	border:2px solid rgba(39,242,141,.6)!important;

	box-shadow:
	0 0 14px rgba(39,242,141,.4)!important;

	object-fit:cover!important;
}

.common-banner__note{

	position:absolute!important;

	right:25px!important;
	bottom:-7px!important;

	font-size:10px!important;

	color:#fff!important;

	opacity:.95;
}

.common-banner a.mobile{
	display:none!important;
}

.mobile-show{
	display:none!important;
}

/* ===========================
   Планшет
=========================== */

@media (max-width:768px){

.common-banner-wrapper{
	left:8px!important;
	bottom:50px!important;
}

}

.common-banner .banner-title a{
	color:#fff!important;
	text-decoration:none!important;
	display:block!important;
}

.common-banner .banner-text a{
	color:#fff!important;
	text-decoration:none!important;
}

.common-banner .banner-content{
	display:flex!important;
	flex-direction:column!important;
}


/* ------------- 
content start - шрифт
------------- */


.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
/* ------------- 
content finish - шрифт
------------- */
