.main_top_menu{
	width: 100vw;
	height: 280px;
	position: relative;
	display: flex;
	flex-direction: column;
}

.main_top_menu::after{
	content: '';
	display: block;
	width: calc(100vw - 40px);
	height: 1px;
	background: linear-gradient(90deg, rgba(128, 128, 128, 0) 0%, #808080 55.73%, rgba(128, 128, 128, 0) 100%);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.main_content_buttons_wrap{
	position: absolute;
	transition: opacity 0.3s, transform 0.3s;
	width: 100vw;
	top: 0;
	left: 0;
}

.main_content_buttons_wrap[type="remove"]{
	transform: translateY(-111px);
}

.main_content_add_button{
	margin: 49px auto 0;
	transition: transform 0.3s;
}

.main_content_buttons_wrap[type="remove"] .main_content_add_button{
	transform: translateY(-100%);
}

.main_content_add_button_icon{
	width: 176px;
	height: 91px;
	background: url(/static/img/main/add_button_icon.svg) center/auto no-repeat;
	margin: auto;
}

.main_content_add_button_text{
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: #838383;
	margin: 10px 0 0;
}

.main_content_remove_button{
	margin: 26px 0 0;
}

.main_content_remove_icon{
	width: fit-content;
	margin: auto;
	transition: transform 0.3s;
	transform-origin: 50% 100%;
}

.main_content_buttons_wrap[type="remove"] .main_content_remove_icon{
	transform: scale(2);
}

.main_content_remove_icon_cap{
	width: 37px;
	height: 9px;
	transition: transform 0.3s;
	transform-origin: 15%;
}

.main_content_buttons_wrap[type="remove"] .main_content_remove_icon_cap{
	transform: rotate(-15deg) translateX(-2px);
}

.main_content_remove_icon_bucket{
	width: 33px;
	height: 34px;
	margin: auto;
	transition: transform 0.3s;
}

.main_content_remove_button_text{
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	color: #838383;
	margin: 10px 0 0;
	transition: transform 0.3s;
	transform-origin: 50% 0%;
}

.main_content_buttons_wrap[type="remove"] .main_content_remove_button_text{
	transform: scale(1.2);
}

.main_content_side_buttons_wrap{
	position: absolute;
	top: 20px;
	right: 18px;
	width: 37px;
	height: 79px;
}

.main_content_side_button[type="settings"]{
	width: 30px;
	height: 30px;
	background: url(/static/img/main/settings.svg) center/auto no-repeat;
}

.main_content_side_button[type="download"]{
	width: 37px;
	height: 33px;
	background: url(/static/img/main/download.svg) center/auto no-repeat;
	margin-top: 16px;
}

.main_action_menu{
	margin: auto 0 0;
	transition: opacity 0.3s;
}

.main_action_menu_buttons_wrap{
	display: flex;
	width: 260px;
	margin: auto;
}

.main_action_menu_button{
	height: 34px;
	background: #FFFFFF;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	color: #353535;
	box-shadow: 0px 3px 5px rgb(0 0 0 / 12%);
}

.main_action_menu_button[type="save"]{
	width: 170px;
	margin-right: 10px;
	transition: opacity 0.3s;
}

.main_action_menu_button[type="save"]::before{
	content: '';
	display: block;
	width: 13px;
	height: 9px;
	margin-right: 4px;
	background: url(/static/img/main/save.svg) center/auto no-repeat;
}

.main_action_menu_button[type="cancel"]{
	width: 80px;
}

.main_action_menu_button[type="cancel"]::before{
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	margin-right: 4px;
	background: url(/static/img/main/cancel.svg) center/auto no-repeat;
}

.main_action_menu_error{
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	color: #FF0000;
	padding: 10px 0 7px;
	opacity: 0;
	transition: opacity 0.3s;
}

.main_action_menu[error="1"] .main_action_menu_button[type="save"]{
	opacity: 0.2;
}

.main_action_menu[error="1"] .main_action_menu_error{
	opacity: 1;
}

.main_content{
	width: calc(100vw - 20px);
	margin: 6px auto 0;
}

.main_edit_button,
.main_edit_button_cancel{
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'MontserratMedium';
	font-size: 13px;
	line-height: 16px;
	border-radius: 5px;
	background: #353535;
	color: #ffffff;
	box-shadow: 0px 3px 5px rgb(0 0 0 / 12%);
}

.main_edit_button::before{
	content: 'Редактировать';
}

.page[type="main"][edit="1"] .main_edit_button::before{
	animation: main_edit_button_1 0.5s forwards;
}

.page[type="main"][edit="0"] .main_edit_button::before{
	animation: main_edit_button_0 0.5s forwards;
}

@keyframes main_edit_button_1{
	0%{
		opacity: 1;
		content: 'Редактировать';
	}
	50%{
		opacity: 0;
	}
	100%{
		opacity: 1;
		content: 'Добавить город';
	}
}

@keyframes main_edit_button_0{
	0%{
		opacity: 1;
		content: 'Добавить город';
	}
	50%{
		opacity: 0;
	}
	100%{
		opacity: 1;
		content: 'Редактировать';
	}
}

.main_edit_button_cancel{
	opacity: 0;
	height: 0;
	overflow: hidden;
}

.page[type="main"][edit="1"] .main_edit_button_cancel{
	animation: main_edit_button_cancel_1 0.5s forwards;
}

.page[type="main"][edit="0"] .main_edit_button_cancel{
	animation: main_edit_button_cancel_0 0.5s forwards;
}

@keyframes main_edit_button_cancel_1{
	from{
		opacity: 0;
		height: 0px;
		margin-top: 0px;
	}
	50%{
		height: 34px;
		margin-top: 10px;
		opacity: 0;
	}
	100%{
		height: 34px;
		margin-top: 10px;
		opacity: 1;
	}
}

@keyframes main_edit_button_cancel_0{
	from{
		opacity: 1;
		height: 34px;
		margin-top: 10px;
	}
	50%{
		opacity: 0;
		height: 34px;
		margin-top: 10px;
	}
	100%{
		opacity: 0;
		height: 0px;
		margin-top: 0px;
	}
}

.main_select_type_menu{
	display: flex;
	justify-content: space-between;
	margin: 20px auto 0;
}

.main_select_type_menu_button{
	width: calc(50% - 5px);
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	line-height: 15px;
	border: 1px solid var(--blue);
	border-radius: 10px;
	color: var(--blue);
}

.main_select_type_menu_button > span{
	font-family: 'MontserratSemiBold';
	margin-left: 3px;
}

.main_select_type_menu_button[active="1"]{
	background: var(--blue);
	color: white;
}

.main_select_wrap{
	margin: 11px 0 0;
	color: #353535;
	padding-bottom: 20px;
}

.main_select{

}

.main_select_city{

}

.main_select_city_name{
	font-size: 25px;
	line-height: 30px;
	text-align: center;
	color: #000000;
	font-family: 'MontserratMedium';
}

.main_select_row{
	margin-top: 10px;
}

.main_select_row:first-child{
	margin-top: 0;
}

.main_select_row_inner{
	display: flex;
	align-items: center;
	background: white;
	padding: 0px 12px;
	border-radius: 5px;
	box-shadow: 0px 3px 5px rgb(0 0 0 / 12%);
	height: 51px;
}

.main_select_checkbox{
	width: 20px;
	height: 20px;
	border: 1px solid #353535;
	border-radius: 5px;
	margin-right: 5px;
}

.main_select_checkbox[active="1"]{
	border: 0;
	background: var(--blue);
	position: relative;
}

.main_select_checkbox[active="1"]::before{
	content: '';
	display: block;
	width: 15px;
	height: 12px;
	background: url(/static/img/main/checked.svg) center/auto no-repeat;
	position: absolute;
	left: 2.5px;
	top: 5px;
}

.main_select_list_expand_button{
	display: flex;
	align-items: center;
	flex: 1;
	min-width: 0;
	align-self: stretch;
}

.main_select_list_name{
	font-size: 12px;
	line-height: 15px;
}

.main_select_list_name > span{
	font-size: 15px;
	line-height: 18px;
	font-family: 'MontserratMedium';
}


.main_select_list_expand_status{
	width: 14px;
	height: 9px;
	margin-left: auto;
	background: url(/static/img/main/expand_icon.svg) center/auto no-repeat;
	transition: transform 0.3s;
}

.main_select_row[expand="1"] > .main_select_row_inner > .main_select_list_expand_button > .main_select_list_expand_status{
	transform: rotate(180deg);
}

.main_select_row[type="street"] > .main_select_row_inner > .main_select_list_expand_button{
	justify-content: space-between;
}

.main_select_city_edit{
	width: 0px;
	height: 27px;
	background: url(/static/img/edit_button.svg) center/auto no-repeat;
	/*margin-left: 20px;*/
}

.page[type="main"][edit="1"] .main_select_city_edit{
	animation: main_select_city_edit_1 0.5s forwards;
}

.page[type="main"][edit="0"] .main_select_city_edit{
	animation: main_select_city_edit_0 0.5s forwards;
}

@keyframes main_select_city_edit_1{
	0%{
		margin-left: 0px;
		width: 0px;
		opacity: 0;
	}
	50%{
		opacity: 0;
		margin-left: 20px;
		width: 27px;
	}
	100%{
		margin-left: 20px;
		width: 27px;
		opacity: 1;
	}
}

@keyframes main_select_city_edit_0{
	0%{
		opacity: 1;
		margin-left: 20px;
		width: 27px;
	}
	50%{
		opacity: 0;
		margin-left: 20px;
		width: 27px;
	}
	100%{
		opacity: 0;
		margin-left: 0px;
		width: 0px;
	}
}

.main_select_list{
	transition: height 0.3s;
	overflow: visible hidden;
}

.main_select_row[expand="0"] > .main_select_list{
	height: 0px;
	/*margin: 15px 0 0 25px;*/
}

.main_select_list_inner{
	padding: 10px 0 5px 25px;
}

.main_files_selected_wrap_scroll_hidder{
	transition: opacity 0.3s;
	height: 96px;
	margin-top: 50px;
	overflow: hidden;
}

.main_files_selected_wrap{
	padding: 0px 20px;
	overflow: auto hidden;
	height: 200px;
}

.main_files_selected_list{
	border: 1px dashed #8A8A8A;
	border-radius: 23px;
	height: 96px;
	padding: 10px 9px;
	display: inline-flex;
	font-size: 0;
}

.main_files_selected_add_button{
	width: 133px;
	height: 76px;
	background: url(/static/img/main/files_add_button.svg) center/auto no-repeat;
}

.main_files_selected{
	display: inline-flex;
	font-size: 0;
}

.main_files_selected_elem{
	width: 135px;
	height: 76px;
	border-radius: 15px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-left: 10px;
	overflow: hidden;
	position: relative;
}

.main_files_selected_elem_remove{
	width: 26px;
	height: 26px;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0px 5px;
	background: url(/static/img/main/cancel.svg) center/auto no-repeat rgba(255,255,255,0.6);
	z-index: 1;
}

.main_files_selected_elem > video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main_file_upload_indicator_wrap{
	width: 148px;
	height: 148px;
	margin: 58px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity 0.3s;
	position: relative;
}

.main_file_upload_indicator_process_wrap{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity 0.3s;
}

.main_file_upload_indicator_process_circle,
.main_file_upload_indicator_process_circle_inner{
	position: absolute;
	top: 21px;
	left: 21px;
	width: 106px;
	height: 106px;
	border-radius: 50%;
}

.main_file_upload_indicator_process_circle{
	background: linear-gradient(180deg, #2B4B9B 0%, #0049FF 100%);
	animation: file_loading 1.5s ease-in-out infinite;
}

.main_file_upload_indicator_process_circle_inner{
	background: linear-gradient(212.24deg, #F5F5F5 13.54%, #EFEFEF 84.7%);
	animation: file_loading_inner 1.5s ease-in-out infinite;
}

@keyframes file_loading{
	0%{
		opacity: 0;
		transform: scale(1);
		box-shadow: 0px 0px 0px rgba(0,0,0,0);
	}
	50%{
		opacity: 1;
		transform: scale(1.4);
		box-shadow: 0px 0px 30px #2B4B9B;
	}
	100%{
		transform: scale(1.4);
		box-shadow: 0px 0px 0px rgba(0,0,0,0);
		opacity: 0;
	}
}

@keyframes file_loading_inner{
	0%{
		transform: scale(1);
		box-shadow: inset 0px 0px 0px rgba(0,0,0,0);
	}
	50%{
		transform: scale(1);
		box-shadow: inset 0px 0px 25px #2B4B9B;
	}
	100%{
		transform: scale(1.4);
		box-shadow: inset 0px 0px 0px rgba(0,0,0,0);
	}
}

.main_file_upload_indicator_process_percent{
	position: relative;
	z-index: 1;
	color: #2B4B9B;
	font-family: 'MontserratSemiBold';
	font-size: 28px;
}

.main_top_menu_content{
	transition: opacity 0.3s;
	width: 100vw;
	height: 280px;
	position: relative;
	display: flex;
	flex-direction: column;
}

.main_complete_wrap{
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: opacity 0.3s;
}

.main_complete_circle_wrap{
	width: 142px;
	height: 142px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 39px;
}

.main_complete_circle{
	background: linear-gradient(212.24deg, #F7F7F7 13.54%, #F0F0F0 84.7%);
	width: 122px;
	height: 122px;
	border-radius: 50%;
	box-sizing: content-box;
	animation: main_complete 0.3s ease-in-out forwards;
}

.main_complete_circle_icon{
	width: 100%;
	height: 100%;
	opacity: 0;
	background: url(/static/img/ok_icon.svg) center/auto no-repeat;
	animation: main_complete_icon 0.3s ease-in-out forwards 0.3s;
}

.main_complete_text{
	font-size: 25px;
	line-height: 30px;
	color: #353535;
	font-family: 'MontserratBold';
	text-align: center;
	margin-top: 14px;
}

@keyframes main_complete{
	0%{
		border: 0px solid #2B4B9B;
		box-shadow: 0px 0px 0px rgba(0,0,0,0);
	}
	100%{
		border: 10px solid #2B4B9B;
		box-shadow: 0px 0px 20px #2B4B9B;
	}
}

@keyframes main_complete_icon{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

.show_time_input{
	-webkit-appearance: none;
	width: 100%;
	height: 9px;
	background-color: rgb(43 75 155 / 20%);
	border-radius: 4px;
	outline: none;
	position: relative;
}

.show_time_input::-moz-range-track{
	width: 100%;
	height: 9px;
	background-color: rgb(43 75 155 / 20%);
	border-radius: 4px;
	border: none;
}

.show_time_input::-webkit-slider-thumb{
	-webkit-appearance: none;
	width: 25px;
	height: 25px;
	background-color: #2B4B9B;
	border-radius: 50%;
	border: none;
	position: relative;
}

.show_time_input::-moz-range-thumb{
	width: 25px;
	height: 25px;
	background-color: #2B4B9B;
	border-radius: 50%;
	border: none;
	position: relative;
}


.show_time_label{
	text-align: center;
}

.show_time_input_wrap{
	width: 260px;
	margin: 10px auto 0;
}

.show_time_input_value{
	width: 80px;
	margin: 23px auto -10px;
	border-bottom: 1px solid #353535;
	font-size: 14px;
	line-height: 17px;
	font-family: 'MontserratLight';
	text-align: center;
}

.show_time_input_value > span{
	font-size: 20px;
	line-height: 24px;
	font-family: 'MontserratMedium';
}

.main_files_selected_elem_video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: none;
}

.page_main_desktop_menu{
	display: none;
}

.page_desktop_download_wrap{
	display: none;
}

@media(min-width: 720px){
	.main_content{
		width: 480px;
	}
}

@media(min-width: 960px){
	.main_content{
		width: 600px;
	}
}

@media(min-width: 1120px){
	.main_top_menu::after {
		display: none;
	}

	.main_content_buttons_wrap_desktop_hidder{
		display: none;
	}

	.page_main_flex{
		display: flex;
		flex: 1;
	}

	.page_main_desktop_menu{
		display: block;
		margin: 103px 20px 0 calc((100% - 1120px) / 2);
	}

	.page_main_desktop_menu_button{
		width: 150px;
		padding-top: 40px;
		margin-top: 65px;
		background-size: auto;
		background-repeat: no-repeat;
		background-position: center top;
		font-size: 16px;
		line-height: 20px;
		text-align: center;
		color: #838383;
		cursor: pointer;
	}

	.page_main_desktop_menu_button[type="add"]{
		background-image: url(/static/img/main/desktop/add_button.svg);
	}

	.page_main_desktop_menu_button[type="remove"]{
		background-image: url(/static/img/main/desktop/remove_button.svg);
	}

	.page_main_desktop_menu_button[type="download"]{
		background-image: url(/static/img/main/desktop/download_button.svg);
	}

	.page_main_desktop_menu_button[type="settings"]{
		background-image: url(/static/img/main/desktop/settings_button.svg);
	}

	.page_main_desktop_menu_button:first-child{
		margin-top: 0;
	}

	.page_main_block{
		border-width: 1px 0px 0px 1px;
		border-style: solid;
		border-color: #A9A9A9;
		border-radius: 10px 0px 0px 0px;
		display: flex;
		flex-direction: row-reverse;
		flex: 1;
		justify-content: flex-end;
		position: relative;
	}

	.page_main_block_del{
		width: 1px;
		background: #A9A9A9;
		align-self: stretch;
		margin: 30px 20px;
	}

	.main_content{
		margin: 30px 0 0 20px;
		width: 435px;
		overflow: hidden;
	}

	.main_edit_button,
	.main_edit_button_cancel,
	.main_select_checkbox,
	.main_select_list_expand_button[onclick],
	.main_select_city_edit,
	div[onclick]{
		cursor: pointer;
		user-select: none;
	}

	.main_select_list_expand_button{
		user-select: none;
	}

	.main_edit_buttons_wrap{
		display: flex;
	}

	.main_edit_button{
		flex: 1;
	}

	@keyframes main_edit_button_cancel_1{
		from{
			opacity: 0;
			width: 0px;
			margin-left: 0px;
		}
		50%{
			width: 150px;
			margin-left: 20px;
			opacity: 0;
		}
		100%{
			width: 150px;
			margin-left: 20px;
			opacity: 1;
		}
	}

	@keyframes main_edit_button_cancel_0{
		from{
			opacity: 1;
			width: 150px;
			margin-left: 20px;
		}
		50%{
			opacity: 0;
			width: 150px;
			margin-left: 20px;
		}
		100%{
			opacity: 0;
			width: 0px;
			margin-left: 0px;
		}
	}

	.main_select_wrap{
		margin: 20px 0 0;
	}

	.main_edit_button,
	.main_edit_button_cancel{
		height: 40px;
		font-size: 15px;
		line-height: 18px;
	}

	.main_edit_button_cancel{
		width: 0px;
	}

	.main_select_list_name{
		font-size: 15px;
		line-height: 18px;
	}

	.main_select_list_name > span{
		font-size: 22px;
		line-height: 27px;
	}

	.main_select_list_expand_status{
		width: 20px;
		height: 12px;
		background: url(/static/img/main/desktop/row_expander.svg) center/auto no-repeat;
	}
	.main_top_menu,
	.main_top_menu_content{
		width: 445px;
		height: 555px;
	}

	.main_files_selected_wrap_scroll_hidder{
		width: 445px;
		height: 375px;
		overflow: hidden;
		border: 1px dashed #D1D1D1;
		border-radius: 24px;
		margin-top: 30px;
	}

	.main_files_selected_wrap {
		padding: 0;
		overflow: hidden auto;
		height: 100%;
		width: 500px;
	}

	.main_files_selected_list{
		border: 0;
		padding: 10px 10px 0;
		height: auto;
	}

	.main_files_selected{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.main_files_selected_elem{
		margin-left: 0;
	}

	.main_action_menu_inner{
		display: flex;
		flex-direction: column-reverse;
	}

	.main_action_menu_error{
		padding: 0;
		font-size: 17px;
		line-height: 21px;
	}

	.main_action_menu_buttons_wrap{
		width: 100%;
		justify-content: space-between;
		margin: 28px 0 0;
	}

	.main_action_menu[error="1"] .main_action_menu_button[type="save"]{
		cursor: default;
	}

	.main_action_menu_button[type="save"],
	.main_action_menu_button[type="cancel"]{
		width: 212px;
		height: 30px;
		font-size: 18px;
		line-height: 22px;
	}

	.main_action_menu_button[type="save"]::before{
		width: 18px;
		height: 13px;
		background: url(/static/img/main/desktop/save.svg) center/auto no-repeat;
		margin-right: 8px;
	}

	.main_action_menu_button[type="cancel"]::before{
		width: 16px;
		height: 16px;
		background: url(/static/img/main/desktop/cancel.svg) center/auto no-repeat;
		margin-right: 8px;
	}

	.main_select_wrap{
		height: 507px;
		width: 500px;
		padding: 0;
		overflow: hidden scroll;
	}

	.main_select{
		width: 435px;
	}

	.page_desktop_download_wrap{
		display: block;
	}

	.page_desktop_download_list{
		width: 445px;
	}

	.main_top_menu,
	.page_desktop_wrapper{
		transition: opacity 0.3s;
	}

}



@media(min-width: 1120px) and (min-height: 705px){
	.main_select_wrap{
		height: calc(100vh - 198px);
	}
}