.pop_wrap{
	position: fixed;
	width: 100vw;
	height: 100%;
	z-index: 1000;
	background: rgba(0,0,0,0.5);
	transition: opacity 0.2s;
	opacity: 0;
	top: 0;
	left: 0;
}

.pop_wrap[show="1"]{
	opacity: 1;
	animation: pop_show 0.2s;
}

.pop_win{
	position: absolute;
	left: 0;
	bottom: 0;
	background: white;
	border-radius: 20px 20px 0px 0px;
	transition: transform 0.2s;
	transform: translateY(100%);
	width: 100vw;
	padding: 30px 15px 20px;
}

.pop_wrap[show="1"] .pop_win{
	transform: translateY(0px);
	animation: pop_show_win 0.2s;
}

.pop_body{
	position: relative;
	color: #353535;
	font-family: 'MontserratMedium';
}

.pop_message{
	width: 100%;
	padding: 50px 0;
	text-align: center;
	font-size: 20px;
}

.pop_input_label{
	font-size: 13px;
}

.pop_input{
	color: #353535;
	font-family: 'MontserratMedium';
	width: 100%;
	font-size: 18px;
	display: block;
}

.pop_confirm_wrap{
	display: flex;
	justify-content: space-between;
	margin: 30px 0 0;
}

.pop_confirm_button{
	border-radius: 10px;
	border: 1px solid var(--blue);
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(50% - 10px);
	font-family: 'MontserratSemiBold';
}

.pop_confirm_button[type="confirm"]{
	color: var(--blue);
}

.pop_confirm_button[type="cancel"]{
	background: var(--blue);
	color: white;
}

.pop_big_button{
	width: 80%;
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: center;
	margin: 50px auto 0;
	background: var(--blue);
	color: white;
	border-radius: 25px;
}

.pop_big_button[type="remove"]{
	margin: 25px auto 0;
	background: #911111;
}

.pop_remove{
	width: 100%;
	text-align: center;
	font-size: 20px;
}

.pop_toggler_wrap{
	margin: 20px 0 0;
	display: flex;
	align-items: center;
}

.pop_toggler_label{
	font-size: 18px;
}

.pop_toggler{
	width: 46px;
	height: 26px;
	border-radius: 13px;
	padding: 2px;
	background: #363636;
	margin: 0 0 0 auto;
	transition: background 0.2s;
	min-width: 46px;
}

.pop_toggler::after{
	content: '';
	display: block;
	width: 22px;
	height: 22px;
	background: white;
	border-radius: 50%;
	transition: transform 0.2s;
}

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

.pop_toggler[active="1"]::after{
	transform: translateX(20px);
}

.pop_row_flex{
	display: flex;
}

.pop_row_value{
	font-size: 18px;
	margin: 0 0 0 auto;
}

.pop_device_volume_wrap{
	margin: 20px 0 0;
}

.pop_select{
	font-size: 18px;
	color: #353535;
	font-family: 'MontserratMedium';
	flex: 1;
	text-align: right;
	direction: rtl;
}

.pop_small_button{
	display: flex;
	height: 26px;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 auto;
	background: var(--blue);
	color: white;
	border-radius: 13px;
	padding: 0 19px;
}

.pop_input_time{
	background: var(--blue);
	height: 26px;
	border-radius: 13px;
	padding: 10px;
	margin: 0 0 0 auto;
	color: white;
	font-family: 'Montserrat';
	font-size: 18px;
}

@keyframes pop_show{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

@keyframes pop_show_win{
	from{
		transform: translateY(100%);
	}
	to{
		transform: translateY(0px);
	}
}

@media(min-width: 720px){
	.pop_win{
		width: 480px;
		left: calc((100vw - 480px) / 2);
	}
}

@media(min-width: 960px){
	.pop_win{
		width: 600px;
		left: calc((100vw - 600px) / 2);
	}
}

@media(min-width: 1120px){
	.pop_wrap{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.pop_win{
		width: 550px;
		position: relative;
		left: 0;
		border-radius: 10px;
		transform: translateY(30px);
		padding: 24px 24px 80px;
	}

	.pop_wrap[show="1"] .pop_win{
		transform: translateY(0px);
		animation: pop_show_win 0.2s;
	}

	@keyframes pop_show_win{
		from{
			transform: translateY(-30px);
		}
		to{
			transform: translateY(0px);
		}
	}

	.pop_close_desktop{
		width: 22px;
		height: 22px;
		background: url(/static/img/pop/close_desktop.svg) center/auto no-repeat;
		cursor: pointer;
		margin-left: auto;
		margin-bottom: 24px;
	}

	.pop_big_button{
		width: fit-content;
		height: 40px;
		padding: 0 44px;
		border-radius: 5px;
		margin: 40px auto 0;
		cursor: pointer;
	}

	.pop_input_label,
	.pop_input{
		width: 300px;
		margin: auto;
		padding: 0 15px;
	}

	.pop_input{
		border-bottom: 1px solid #353535;
		padding-bottom: 3px;
	}

	.pop_toggler_wrap{
		width: 300px;
		margin: 40px auto;
	}

	.pop_toggler_label{
		font-size: 16px;
	}

	.pop_row_value{
		font-size: 16px;
	}

	.pop_row_flex{
		width: 300px;
		margin: auto;
	}
}