.form_group input:active:focus {
  box-shadow: unset;
}
.form_group{gap: 0 !important;}
.picture {margin-top: 5px;}
.rb_overlay.active , .popup_wrap.active{
	opacity: 1;
	visibility: visible;
}
.popup_wrap{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	background: #fff;
	border-radius: 10px;
	padding: 30px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	width: 400px;
	max-width: 100%;
	transition: 0.2s all;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	z-index: 101;
}
.popup_close_btn {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 18px;
	cursor: pointer;
}
.popup_close_btn:hover { color: #000;}
.flex_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
}
.popup_text{ font-size: 16px;font-weight: 700;margin-bottom: 10px}
.panel_title{
	font-size: 22px;
	font-weight: 600;
	text-align: right;
	color: var(--main-color);
	margin-bottom: 40px;
	display: block;
	position: relative;
	line-height: 45px;
	margin-top: 20px;
}
.panel_title::before{
	content: '';
	position: absolute;
	bottom: -8px;
	right: 0;
	background: #ccc;
	width: 300px;
	height: 1px;
}
.panel_title::after {
	content: '';
	position: absolute;
	bottom: -9px;
	right: 0;
	background: var(--fifth-color);
	width: 50px;
	height: 3px;
}
.panel_nav_wrap a {
	gap: 20px;
	color: #000;
	font-size: 15px;
	position:relative;
}
.panel_nav_wrap a.current , .panel_nav_wrap a:hover {
	color: var(--fifth-color) !important;
	font-weight: bold;
}
.panel_nav_wrap a::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 6px;
	right: 0;
	border-radius: 10px 0 0 10px;
	transition: 0.6s all;
}
.panel_btns {
	display: flex;
	gap: 10px;
	padding: 5px 15px;
	align-items: center;
}
.panel_btns svg {
	width: 20px;
	height: 20px;
	color: #777;
	cursor:pointer;
}
.panel_btn_edit svg:hover {
	color: #1d00aa !important;
}
.panel_btn_remove svg:hover {
	color: #a00 !important;
}
.panel_nav_wrap a.current:before , .panel_nav_wrap a:hover:before{background: var(--fifth-color);}
.panel_nav_wrap a.exit {
	color: var(--third-color) !important;
	font-weight: bold;
}
.panel_nav_wrap a.exit :is( svg , path ){
	stroke:var(--third-color);
}
input[type="file"] {display: none;}
.picture {
	aspect-ratio: 16/9;
	background: #fff;
	display: flex;
	align-items: center !important;
	justify-content: center !important;
	color: #aaa;
	border: 2px dashed currentcolor;
	cursor: pointer;
	transition: color 300ms ease-in-out, background 300ms ease-in-out;
	outline: none;
	overflow: hidden;
	max-height: 220px;
	width: 100%;
}
.picture:hover {color: #777; background: #eee;}
.picture:active {border-color: turquoise;color: turquoise;background: #eee;}
.picture:focus {color: #777;background: #eee;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.picture__img {max-width: 100%;}