.new__segment{
	&>h6{
		margin-top: 0px;
		margin-bottom: 20px;
		font-size: 28px;
		line-height: 125%;
		font-weight: 600;
		color:#111928;
	}
	& .controls{
		display: flex;
		justify-content:flex-end;
		margin-top: 40px;
		&>.outline-btn{
			min-width: 180px;
			color:#1C45C2;
			font-size: 16px;
			line-height: 22px;
			margin-right: 8px;
			min-height: 48px;
			align-items:center;
			justify-content:center;
		}
		&>.regular-btn{
			font-size: 16px;
			min-width: 180px;
			min-height: 48px;
			align-items:center;
			justify-content:center;
		}
	}
	& .categories__box{
		& .content{
			& .segment__list{
				& .btn{
					margin-top: 32px;
					&>a{

						padding-left: 20px;
						padding-right: 20px;
						color:#1C45C2;
						min-height: 41px;
						font-size: 14px;
					}
				}
				& .list{
					& .elem{
						display: flex;
						align-items:center;
						justify-content:space-between;
						margin-bottom: 24px;
						& .remove{
							display: inline-flex;
							align-items:center;
							justify-content:center;
							margin-left: 24px;
							&>a{
								display: inline-flex;
								align-items:center;
								justify-content:center;
								min-width: 30px;
								max-width: 30px;
								min-height: 30px;
								max-height: 30px;
								border-radius: 8px;
								transition:.3s ease all;
								padding-left: 4px;
								&:hover{
									background-color:rgba(240,82,82,0.15);
								}
							}
						}
						&:last-child{
							margin-bottom: 0px;
						}
						&>.spacer{
							display: inline-flex;
							min-width: 40px;
							min-height: 1px;
							background-color:#E5E7EB;
						}
						& .group__dropdown{
							width: 100%;
						}
						&>.field{
							width: 100%;
							position: relative;
							&.days__field{
								&>input{
									padding-right: 45px;
								}
								position: relative;
								& span.days{
									position: absolute;
									right: 12px;
									min-height: 25px;
									display: flex;
									align-items:center;
									justify-content:center;
									border-radius: 6px;
									background-color:#E5E7EB;
									padding-left: 4px;
									padding-right: 4px;
									font-size: 14px;
									bottom:8px;
									line-height: 150%;
									font-weight: 400;
									color:#111928;
								}
							}
							& input{
								width: 100%;
								height: 42px;
								border-radius: 8px;
								outline:none;
								border:1px solid #D1D5DB;
								border-radius: 8px;
								padding-left: 12px;
								padding-right: 12px;
								font-size: 14px;
								line-height: 150%;
								color:#111928;
								&.bold{
									font-weight: bold;
								}
							}
						}
					}
				}
			}
			padding:24px;
			& .created__segments{
				max-height: 490px;
				overflow-y:auto;
				margin-bottom: -24px;
				padding-bottom: 24px;
				width: calc(100% + 8px);
				padding-right: 8px;
				&::-webkit-scrollbar {
				  width: 6px;
				}
				 
				&::-webkit-scrollbar-track {

				}
				 
				&::-webkit-scrollbar-thumb {
					border-radius: 250px;
				  background-color:rgb(28,69,194);
				}
				& .grid{
					display: grid;
					grid-template-columns:repeat(5 ,1fr);
					grid-column-gap:24px;
					grid-row-gap:24px;
					& .elem{
						display: flex;
						flex-direction:column;
						justify-content:space-between;
						min-height: 120px;
						border-radius: 8px;
						border:1px solid #E5E7EB;
						text-decoration: none;
						padding:20px;
						& ul{
							padding:0px;
							list-style-type: none;
							margin:0px;
							display: flex;
							align-items:center;
							justify-content:flex-start;
							flex-wrap:wrap;
							& li{
								&:nth-child(1){
									word-break:break-all;
								}
								&.spacer{
									display: inline-flex;
									align-items:center;
									justify-content:center;
									margin:0px 8px;
								}
								display: flex;
								align-items:center;
								font-size: 14px;
								line-height: 150%;
								font-weight: 500;
								color:#6B7280;
								justify-content:flex-start;
								& span{
									display: inline-flex;
									margin-right: 4px;
								}
							}
						}
						&>p{
							margin-top: 0px;
							min-height: 55px;
							margin-bottom: 15px;
							font-size: 16px;
							line-height: 125%;
							font-weight: 600;
							color:#111928;
						}
					}
				}
			}
		}
		& .head{
			padding:24px;
			display: flex;
			align-items:center;
			justify-content:space-between;
			border-bottom:1px solid #E5E7EB;
			&>.left{
				& .switcher{
					& ul{
						border:1px solid #E5E7EB;
						border-radius: 8px;
						padding:0px;
						list-style-type: none;
						margin:0px;
						display: flex;
						align-items:center;
						justify-content:flex-start;
						& li{
							&:nth-child(1) a{
								border-top-left-radius: 8px;
								border-bottom-left-radius: 8px;
							}
							&:nth-child(3) a{
								border-top-right-radius: 8px;
								border-bottom-right-radius: 8px;
							}
							&>a{
								display: flex;
								align-items:center;
								justify-content:flex-start;
								text-decoration: none;
								font-size: 14px;
								line-height: 130%;
								min-height: 42px;
								padding-left: 24px;
								padding-right: 24px;
								font-weight: 500;
								color:#6B7280;
								transition:.3s ease all;
								&:hover{
									background-color:#F9F9F9;
									color:#000000;
									& span svg path{
										fill:#000;
									}
								}
								&.current{
									background-color:#F9F9F9;
									color:#000000;
									& span svg path{
										fill:#000;
									}
								}
								& span{
									display: inline-flex;
									margin-right: 10px;
									& svg path{
										transition:.3s ease all;
									}
								}
							}
						}
					}
				}
			}
			&>.right{
				display: flex;
				align-items:center;
				justify-content:flex-start;
				width: 100%;
				max-width: 485px;
				& .group__input{
					width: 100%;
					max-width: 370px;
					position: relative;
					display: flex;
					align-items:center;
					& span{
						display: inline-flex;
						position: absolute;
						left: 10px;
					}
					&>input{
						width: 100%;
						height: 37px;
						border-radius: 8px;
						border:1px solid #D1D5DB;
						background-color:#F9FAFB;
						padding-left: 34px;
						padding-right: 12px;
					}
				}
				&>a{
					white-space: nowrap;
					margin-left: 8px;
				}
			}
		}
		border:1px solid #E5E7EB;
		border-radius: 8px;
		background-color:#fff;
		margin-top: 24px;
	}
	& .size__box{
		padding:20px 24px;
		padding-bottom: 24px;
		border-radius: 8px;
		border:1px solid #E5E7EB;
		background-color:#fff;
		margin-top: 24px;
		& .size__bottom{
			display: flex;
			align-items:flex-end;
			justify-content:space-between;
			& .size__grid{
				display: flex;
				align-items:flex-start;
				justify-content:flex-start;
				&>.el{
					margin-right: 64px;
					&:last-child{
						margin-right: 0px;
					}
					&>span{
						font-size: 18px;
						line-height: 150%;
						font-weight: 500;
						color:#111928;
						&.colored{
							color:#4162E5;
						}
					}
					&>p{
						margin-top: 0px;
						margin-bottom: 8px;
						display: flex;
						align-items:center;
						font-size: 14px;
						line-height: 21px;
						color:#6B7280;
						font-weight: 400;
						justify-content:flex-start;
						& span{
							display: inline-flex;
							margin-right: 8px;
							align-items:center;
							justify-content:center;
						}
					}
				}
			}
			& .btn{
				& .outline-btn{
					min-height: 41px;
					font-size: 14px;
					color:#1C45C2;
					padding-left: 20px;
					padding-right: 20px;
				}
			}
		}
		&>p{
			margin-top: 0px;
			margin-bottom: 24px;
			font-size: 14px;
			line-height: 150%;
			font-weight: 500;
			color:#111928;
		}
	}
	& .segment__name{

		padding:20px;
		border:1px solid #E5E7EB;
		border-radius: 8px;
		background-color:#fff;
		padding-bottom: 24px;
		& .type{
			&>p{
				margin-top: 0px;
				margin-bottom: 15px;
				font-size: 14px;
				line-height: 150%;
				font-weight: 500;
				color:#111928;
			}
			& .radios{
				display: flex;
				align-items:center;
				justify-content:flex-start;
				&>.container__radio{
					display: flex;
					align-items:center;
					justify-content:flex-start;
					& p{
						margin:0px;
						margin-left: 8px;
						font-size: 14px;
						line-height: 14px;
						font-weight: 500;
						color:#111928;
					}
					margin-right: 16px;
				}
			}
		}
		& .group__input{
			max-width: 635px;
			margin-bottom: 24px;
		}
		&>p{
			margin-top: 0px;
			margin-bottom: 24px;
			font-size: 14px;
			line-height: 150%;
			font-weight: 400;
			color:#6B7280;
		}
	}
}
.segment__list>.btn:nth-child(1){
	margin-top: 0px;
}
.ai__segment{
	& .ai__box{
		& .btn{
			&>a{
				display: inline-flex;
				align-items:center;
				justify-content:center;
				min-height: 41px;
				padding-left: 20px;
				padding-right: 20px;
				color:#1C45C2;
				font-size: 14px;
			}
		}
		&>.group__input{
			margin-bottom: 22px;
			&>textarea{
				height: 120px;
			}
		}
	}
}
@media (max-width: 1280px){
	.new__segment .categories__box .content .created__segments .grid{
		grid-template-columns:repeat(4 ,1fr);
	}
	.new__segment .categories__box .head>.right{
		max-width: 380px;
	}
}
@media (max-width: 1200px){
	.new__segment .categories__box .content .created__segments .grid{
		grid-template-columns:repeat(3 ,1fr);
		grid-column-gap:15px;
		grid-row-gap:15px;
	}
	.new__segment .categories__box .head>.right{
		max-width: 100%;
		width: 100%;
	}
	.new__segment .categories__box .head>.right .group__input{
		max-width: 100%;
	}
	.new__segment .categories__box .head{
		flex-direction:column;
		&>.left{
			width: 100%;
			margin-bottom: 10px;
			& .switcher{
				& ul li{
					width: 100%;
					&>a{
						width: 100%;
						align-items:center;
						justify-content:center;
					}
				}
			}
		}
	}
}
@media (max-width: 991px){
	.ai__segment .ai__box>.group__input{
		margin-bottom: 15px;
	}
	.new__segment .categories__box .content .segment__list .list .elem{
		flex-direction:column;
		position: relative;

	}
	.new__segment .categories__box .content .segment__list .list .elem .remove{
		position: absolute;
		right: 0px;
		bottom:6px;
	}
	.new__segment .categories__box .content .segment__list .list .elem>div:nth-child(5){
		width: calc(100% - 35px);margin-right: auto;
	}
	.new__segment .categories__box .content .segment__list .list .elem>.spacer{
		min-height: 10px;
		min-width: 1px;
	}
	.new__segment .segment__name>p{
		margin-bottom: 16px;
	}
	.new__segment .segment__name .group__input{
		margin-bottom: 16px;
	}
	.new__segment>h6{
		font-size: 24px;
	}
	.new__segment .segment__name{
		padding:16px;
	}
	.new__segment .size__box{
		padding:16px;
		margin-top: 16px;
	}
	.new__segment .categories__box{
		margin-top: 16px;
	}
	.new__segment .controls{
		margin-top: 25px;
	}
	.new__segment .categories__box .head , .new__segment .categories__box .content{
		padding:16px;
	}
	.new__segment .size__box>p{
		margin-bottom: 15px;
	}
	.new__segment .categories__box .content .created__segments{
		margin-bottom: -16px;
		padding-bottom: 16px;
	}
}	
@media (max-width: 767px){
	.new__segment .categories__box .head>.left .switcher ul li>a{
		font-size: 12px;
		padding-left: 15px;
		padding-right: 15px;
		min-height: 37px;
		& span{
			margin-right: 6px;
		}
	}
	.new__segment>h6{
		margin-bottom: 15px;
	}
	.new__segment .categories__box .content .created__segments .grid .elem{
		padding:15px;
	}
	.new__segment .categories__box .head>.left .switcher ul{
		overflow-x:auto;
		&::-webkit-scrollbar {
		  width: 6px;
		 height:4px;
		}
		 
		&::-webkit-scrollbar-track {

		}
		 
		&::-webkit-scrollbar-thumb {
			border-radius: 250px;
		  background-color:rgb(28,69,194);
		}
		& li a {
			white-space: nowrap;
		}
	}
	.new__segment .categories__box .content .created__segments .grid{
		grid-template-columns:repeat(2 ,1fr);
	}
	.new__segment .size__box .size__bottom{
		flex-direction:column;
		&>.size__grid{
			width: 100%;
			margin-bottom: 10px;
		}
		& .btn{
			width: 100%;
			&>a{
				width: 100%;
				align-items:center;
				justify-content:center;
			}
		}
	}
	.new__segment .categories__box .content .created__segments{
		max-height: 350px;
	}
}
@media (max-width: 540px){
	.new__segment .size__box .size__bottom .size__grid>.el{
		margin-right: 32px;
	}
	.new__segment .categories__box .content .created__segments .grid{
		grid-template-columns:1fr;
	}
}
@media (max-width: 480px){
	.ai__segment .ai__box .btn>a{
		width: 100%;
	}
	.new__segment .controls{
		margin-top: 15px;
		flex-direction:column;
		&>a{
			margin-right: 0px!important;
			width: 100%;
			margin-bottom: 10px;
			&:last-child{
				margin-bottom: 0px;
			}
		}

	}
	.new__segment .categories__box .head>.right{
		flex-direction:column;
		align-items:center;
		justify-content:center;
		&>a{
			width: 100%;
			margin-left: 0px;
			align-items:center;
			justify-content:center;
		}
		&>.group__input{
			margin-bottom: 10px;
		}
	}
	.new__segment .size__box .size__bottom .size__grid{
		flex-direction:column;
		&>.el{
			margin-right: 0px;
			margin-bottom: 20px;
			&:last-child{
				margin-bottom: 0px;
			}
		}
	}
}