@keyframes menu-radial-animation {
	0% {
		background-position: 30% 10%;
	}

	50% {
		background-position: 30% 16%;
		filter: saturate(1.8);
	}

	100% {
		background-position: 80% 0%;
	}
}

@keyframes menu-vertial-animation {
	0% {
		background-position: 30% 30%;
	}

	50% {
		background-position: 80% 80%;
	}

	100% {
		background-position: 20% 20%;
	}
}

// 0512新增primary样式
.@{menu-prefix-cls} {
	&-primary&-inline,
	&-primary&-vertical {
		background: @gradient-menu-vertical;
		color: @menu-primary-item-color;
		position: relative;

		&::before {
			content: '';
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: radial-gradient(circle, @primary-40, transparent, transparent);
			background-size: 250% 250%;
		}

		&.@{menu-prefix-cls}-breathing {
			background-size: 200% 200%;
			animation: menu-vertial-animation 6.5s alternate infinite;

			&::before {
				animation: menu-radial-animation 6.5s alternate infinite;
			}
		}

		// 下拉icon
		.@{menu-prefix-cls}-submenu-expand-icon,
		.@{menu-prefix-cls}-submenu-arrow {
			color: @menu-primary-item-color;
		}

		.@{menu-prefix-cls}-sub {
			background: transparent;
			color: @menu-primary-item-color;
		}

		.@{menu-prefix-cls} {
			&-item:not(.@{menu-prefix-cls}-item-selected):not(.@{menu-prefix-cls}-item-disabled):hover,
			&-submenu:not(.@{menu-prefix-cls}-submenu-selected):not(.@{menu-prefix-cls}-submenu-disabled)
				.@{menu-prefix-cls}-submenu-title:hover {
				color: @menu-primary-item-hover-color;
				background: @menu-primary-bg-hover-color;

				.@{menu-prefix-cls}-submenu-expand-icon,
				.@{menu-prefix-cls}-submenu-arrow {
					color: @menu-primary-item-hover-color;
				}
			}

			&-submenu:hover .@{menu-prefix-cls}-submenu-title {
				.@{menu-prefix-cls}-submenu-expand-icon,
				.@{menu-prefix-cls}-submenu-arrow {
					color: @menu-primary-item-color;
				}
			}

			&-item-selected {
				background: @menu-primary-bg-select-color;
				color: @menu-primary-item-highlight-color;
			}

			&-submenu-selected {
				color: @menu-primary-item-highlight-color;

				.b-design-menu-submenu-title {
					background: transparent !important;
				}
			}
		}

		.@{menu-prefix-cls}-item::after {
			background: @white;
		}

		//group
		.@{menu-prefix-cls}-item-group-title {
			color: rgba(#fff, 0.65);
		}

		//driver样式
		.@{ant-prefix}-divider-horizontal {
			border-color: rgba(255, 255, 255, 0.2);
		}
	}

	&&-primary&-inline-collapsed {
		//选中的item或subMenu背景色
		&.@{menu-prefix-cls}-vertical .@{menu-prefix-cls}-submenu-selected {
			background: @menu-primary-bg-select-color;

			.@{menu-prefix-cls}-submenu-title:hover {
				color: @menu-primary-item-highlight-color;
				background: transparent;
			}

			.@{menu-prefix-cls}-submenu-title::after {
				content: '';
				position: absolute;
				left: 0;
				border: none;
				width: 3px;
				height: 100%;
				background: @white;
			}
		}
	}

	&-primary &-item-disabled,
	&-primary &-submenu-disabled {
		background: transparent !important;
		color: @menu-primary-item-color-disabled !important;

		a {
			color: @menu-primary-item-color-disabled !important;
		}

		> .@{menu-prefix-cls}-submenu-title {
			color: @menu-primary-item-color-disabled !important;
			background: transparent !important;
		}
	}
}