.arco-dropdown-menu {
	background-color: var(--color-bg-white);
	border: 1px solid var(--color-border-2);
	border-radius: 4px;
	box-shadow: none;
	box-sizing: border-box;
	max-height: 200px;
	overflow: auto;
	padding: 4px 0;
	position: relative
}

.arco-dropdown-menu-hidden {
	display: none
}

.arco-dropdown-menu-item,
.arco-dropdown-menu-pop-header {
	background-color: initial;
	box-sizing: border-box;
	color: var(--color-text-1);
	cursor: pointer;
	font-size: 13px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	padding: 0 12px;
	position: relative;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	z-index: 1
}

.arco-dropdown-menu-item.arco-dropdown-menu-selected,
.arco-dropdown-menu-pop-header.arco-dropdown-menu-selected {
	background-color: var(--color-bg-4);
	color: rgb(var(--primary-6));
	font-weight: 500;
	transition: all .1s linear
}

.arco-dropdown-menu-item:hover,
.arco-dropdown-menu-pop-header:hover {
	background-color: var(--color-bg-4);
	color: var(--color-text-1)
}

.arco-dropdown-menu-item:focus-visible,
.arco-dropdown-menu-pop-header:focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset
}

.arco-dropdown-menu-item.arco-dropdown-menu-active,
.arco-dropdown-menu-pop-header.arco-dropdown-menu-active {
	box-shadow: 0 0 0 1px rgb(var(--primary-6)) inset
}

.arco-dropdown-menu-item.arco-dropdown-menu-disabled,
.arco-dropdown-menu-pop-header.arco-dropdown-menu-disabled {
	background-color: initial;
	color: var(--color-text-4);
	cursor: not-allowed
}

.arco-dropdown-menu-item a,
.arco-dropdown-menu-item a:active,
.arco-dropdown-menu-item a:focus,
.arco-dropdown-menu-item a:hover,
.arco-dropdown-menu-pop-header a,
.arco-dropdown-menu-pop-header a:active,
.arco-dropdown-menu-pop-header a:focus,
.arco-dropdown-menu-pop-header a:hover {
	color: inherit;
	cursor: inherit;
	text-decoration: none
}

.arco-dropdown-menu-item>a:only-child:before,
.arco-dropdown-menu-pop-header>a:only-child:before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.arco-dropdown-menu-pop-header {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.arco-dropdown-menu-pop-header .arco-dropdown-menu-icon-suffix {
	margin-left: 12px
}

.arco-dropdown-menu-group:first-child .arco-dropdown-menu-group-title {
	margin-top: 4px
}

.arco-dropdown-menu-group-title {
	box-sizing: border-box;
	color: var(--color-text-3);
	font-size: 12px;
	line-height: 20px;
	margin-top: 8px;
	overflow: hidden;
	padding: 0 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.arco-dropdown-menu-dark {
	background-color: var(--color-menu-dark-bg);
	border-color: var(--color-menu-dark-bg)
}

.arco-dropdown-menu-dark .arco-dropdown-menu-item,
.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header {
	background-color: initial;
	color: var(--color-text-4)
}

.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-selected,
.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected {
	background-color: initial;
	color: var(--color-white)
}

.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-selected:hover,
.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected:hover {
	color: var(--color-white)
}

.arco-dropdown-menu-dark .arco-dropdown-menu-item:hover,
.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header:hover {
	background-color: var(--color-menu-dark-hover);
	color: var(--color-text-4)
}

.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-disabled,
.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-disabled {
	background-color: initial;
	color: var(--color-text-2)
}

.arco-dropdown-menu-dark .arco-dropdown-menu-group-title {
	color: var(--color-text-3)
}

.arco-dropdown-menu-pop-trigger .arco-trigger-arrow {
	display: none
}

.arco-dropdown-menu+.arco-trigger-arrow {
	background-color: var(--color-bg-white)
}

.arco-dropdown-menu-rtl .arco-dropdown-menu-item,
.arco-dropdown-menu-rtl .arco-dropdown-menu-pop-header {
	text-align: right
}

.arco-dropdown-menu-rtl .arco-dropdown-menu-item .arco-dropdown-menu-icon-suffix,
.arco-dropdown-menu-rtl .arco-dropdown-menu-pop-header .arco-dropdown-menu-icon-suffix {
	margin-left: 0;
	margin-right: 12px
}

.arco-dropdown {
	border-radius: var(--border-radius-medium);
	box-shadow: 0 0 32px rgba(205, 213, 222, .42)
}

.arco-dropdown-menu-inner {
	padding: 3px
}

.arco-dropdown-menu-group-title {
	margin-bottom: 4px
}

.arco-dropdown-menu-pop-header {
	border-radius: var(--border-radius-medium);
	height: 32px;
	line-height: 32px
}

.arco-dropdown-menu-pop-header:not(:last-child) {
	margin-bottom: 4px
}

.arco-dropdown-menu-pop-header:hover {
	background-color: initial
}

.arco-dropdown-menu-pop-header:hover:before {
	background: var(--color-bg-4);
	border-radius: var(--border-radius-medium);
	bottom: 0;
	content: "";
	display: block;
	left: 3px;
	position: absolute;
	right: 3px;
	top: 0;
	z-index: -1
}

.arco-dropdown-menu-item {
	border-radius: var(--border-radius-medium);
	height: 32px;
	line-height: 32px
}

.arco-dropdown-menu-item.arco-dropdown-menu-selected {
	background-color: initial
}

.arco-dropdown-menu-item.arco-dropdown-menu-selected:before {
	background: var(--color-bg-4);
	border-radius: var(--border-radius-medium);
	bottom: 0;
	content: "";
	display: block;
	left: 3px;
	position: absolute;
	right: 3px;
	top: 0;
	z-index: -1
}

.arco-dropdown-menu-item:not(:last-child) {
	margin-bottom: 4px
}

.arco-dropdown-menu-item:not(.arco-dropdown-menu-disabled):hover {
	background-color: initial
}

.arco-dropdown-menu-item:not(.arco-dropdown-menu-disabled):hover:before {
	background: var(--color-bg-4);
	border-radius: var(--border-radius-medium);
	bottom: 0;
	content: "";
	display: block;
	left: 3px;
	position: absolute;
	right: 3px;
	top: 0;
	z-index: -1
}

.arco-dropdown .arco-dropdown-menu-pop-header .arco-dropdown-menu-icon-suffix {
	color: rbg(var(--color-fill-2))
}

.arco-dropdown a {
	text-decoration: none
}

body[arco-theme=dark] .arco-dropdown {
	box-shadow: none
}

.arco-tooltip-content {
	background-color: initial;
	border-radius: 4px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
	color: var(--color-white);
	font-size: 12px;
	line-height: 1.5715;
	padding: 8px 12px
}

.arco-tooltip-content-inner {
	word-wrap: break-word;
	text-align: left
}

.arco-tooltip-mini {
	font-size: 12px;
	padding: 8px 12px
}

.arco-trigger-arrow.arco-tooltip-arrow {
	background-color: initial
}

body[arco-theme=dark] .arco-tooltip-content {
	border: 1px solid var(--color-neutral-3)
}

body[arco-theme=dark] .arco-tooltip .arco-trigger-arrow.arco-tooltip-arrow {
	z-index: 1
}

body[arco-theme=dark] .arco-trigger[trigger-placement=tl] .arco-trigger-arrow.arco-tooltip-arrow,
body[arco-theme=dark] .arco-trigger[trigger-placement=top] .arco-trigger-arrow.arco-tooltip-arrow,
body[arco-theme=dark] .arco-trigger[trigger-placement=tr] .arco-trigger-arrow.arco-tooltip-arrow {
	border-bottom: 1px solid var(--color-neutral-3);
	border-right: 1px solid var(--color-neutral-3)
}

body[arco-theme=dark] .arco-trigger[trigger-placement=bl] .arco-trigger-arrow.arco-tooltip-arrow,
body[arco-theme=dark] .arco-trigger[trigger-placement=bottom] .arco-trigger-arrow.arco-tooltip-arrow,
body[arco-theme=dark] .arco-trigger[trigger-placement=br] .arco-trigger-arrow.arco-tooltip-arrow {
	border-left: 1px solid var(--color-neutral-3);
	border-top: 1px solid var(--color-neutral-3)
}

body[arco-theme=dark] .arco-trigger[trigger-placement=lb] .arco-trigger-arrow.arco-tooltip-arrow,
body[arco-theme=dark] .arco-trigger[trigger-placement=left] .arco-trigger-arrow.arco-tooltip-arrow,
body[arco-theme=dark] .arco-trigger[trigger-placement=lt] .arco-trigger-arrow.arco-tooltip-arrow {
	border-right: 1px solid var(--color-neutral-3);
	border-top: 1px solid var(--color-neutral-3)
}

body[arco-theme=dark] .arco-trigger[trigger-placement=rb] .arco-trigger-arrow.arco-tooltip-arrow,
body[arco-theme=dark] .arco-trigger[trigger-placement=right] .arco-trigger-arrow.arco-tooltip-arrow,
body[arco-theme=dark] .arco-trigger[trigger-placement=rt] .arco-trigger-arrow.arco-tooltip-arrow {
	border-bottom: 1px solid var(--color-neutral-3);
	border-left: 1px solid var(--color-neutral-3)
}

.arco-tooltip-arrow-container .arco-tooltip-arrow,
.arco-tooltip-content {
	background-color: rgb(var(--base-grey-8))
}

body[arco-theme=dark] .arco-tooltip-arrow-container .arco-tooltip-arrow,
body[arco-theme=dark] .arco-tooltip-content {
	background-color: var(--color-bg-4)
}

@keyframes arco-menu-selected-item-label-enter {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.arco-menu {
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.5715;
	position: relative;
	transition: width .2s cubic-bezier(.34, .69, .1, 1);
	width: 100%
}

.arco-menu-indent {
	display: inline-block;
	width: 20px
}

.arco-menu .arco-menu-group-title,
.arco-menu .arco-menu-inline-header,
.arco-menu .arco-menu-item,
.arco-menu .arco-menu-pop-header {
	border-radius: var(--border-radius-small);
	box-sizing: border-box;
	cursor: pointer;
	position: relative
}

.arco-menu .arco-menu-group-title.arco-menu-disabled,
.arco-menu .arco-menu-inline-header.arco-menu-disabled,
.arco-menu .arco-menu-item.arco-menu-disabled,
.arco-menu .arco-menu-pop-header.arco-menu-disabled {
	cursor: not-allowed
}

.arco-menu .arco-menu-group-title.arco-menu-selected,
.arco-menu .arco-menu-inline-header.arco-menu-selected,
.arco-menu .arco-menu-item.arco-menu-selected,
.arco-menu .arco-menu-pop-header.arco-menu-selected {
	font-weight: 500;
	transition: color .2s linear
}

.arco-menu .arco-menu-group-title.arco-menu-selected svg,
.arco-menu .arco-menu-inline-header.arco-menu-selected svg,
.arco-menu .arco-menu-item.arco-menu-selected svg,
.arco-menu .arco-menu-pop-header.arco-menu-selected svg {
	transition: color .2s linear
}

.arco-menu .arco-menu-group-title .arco-icon,
.arco-menu .arco-menu-inline-header .arco-icon,
.arco-menu .arco-menu-item .arco-icon,
.arco-menu .arco-menu-pop-header .arco-icon {
	margin-right: 16px
}

.arco-menu-light {
	background-color: var(--color-bg-white)
}

.arco-menu-light .arco-menu-group-title,
.arco-menu-light .arco-menu-inline-header,
.arco-menu-light .arco-menu-item,
.arco-menu-light .arco-menu-pop-header {
	background-color: var(--color-bg-white);
	color: var(--color-text-2)
}

.arco-menu-light .arco-menu-group-title .arco-icon,
.arco-menu-light .arco-menu-inline-header .arco-icon,
.arco-menu-light .arco-menu-item .arco-icon,
.arco-menu-light .arco-menu-pop-header .arco-icon {
	color: var(--color-fill-2)
}

.arco-menu-light .arco-menu-group-title:hover,
.arco-menu-light .arco-menu-inline-header:hover,
.arco-menu-light .arco-menu-item:hover,
.arco-menu-light .arco-menu-pop-header:hover {
	background-color: var(--color-bg-4);
	color: var(--color-text-2)
}

.arco-menu-light .arco-menu-group-title:hover .arco-icon,
.arco-menu-light .arco-menu-inline-header:hover .arco-icon,
.arco-menu-light .arco-menu-item:hover .arco-icon,
.arco-menu-light .arco-menu-pop-header:hover .arco-icon {
	color: var(--color-text-3)
}

.arco-menu-light .arco-menu-group-title:focus-visible,
.arco-menu-light .arco-menu-inline-header:focus-visible,
.arco-menu-light .arco-menu-item:focus-visible,
.arco-menu-light .arco-menu-pop-header:focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset
}

.arco-menu-light .arco-menu-group-title.arco-menu-selected,
.arco-menu-light .arco-menu-group-title.arco-menu-selected .arco-icon,
.arco-menu-light .arco-menu-inline-header.arco-menu-selected,
.arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-icon,
.arco-menu-light .arco-menu-item.arco-menu-selected,
.arco-menu-light .arco-menu-item.arco-menu-selected .arco-icon,
.arco-menu-light .arco-menu-pop-header.arco-menu-selected,
.arco-menu-light .arco-menu-pop-header.arco-menu-selected .arco-icon {
	color: rgb(var(--primary-6))
}

.arco-menu-light .arco-menu-group-title.arco-menu-disabled,
.arco-menu-light .arco-menu-inline-header.arco-menu-disabled,
.arco-menu-light .arco-menu-item.arco-menu-disabled,
.arco-menu-light .arco-menu-pop-header.arco-menu-disabled {
	background-color: var(--color-bg-white);
	color: var(--color-text-4)
}

.arco-menu-light .arco-menu-group-title.arco-menu-disabled .arco-icon,
.arco-menu-light .arco-menu-inline-header.arco-menu-disabled .arco-icon,
.arco-menu-light .arco-menu-item.arco-menu-disabled .arco-icon,
.arco-menu-light .arco-menu-pop-header.arco-menu-disabled .arco-icon {
	color: var(--color-text-4)
}

.arco-menu-light .arco-menu-item.arco-menu-selected {
	background-color: var(--color-bg-4)
}

.arco-menu-light .arco-menu-inline-header.arco-menu-selected,
.arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-icon {
	color: rgb(var(--primary-6))
}

.arco-menu-light .arco-menu-inline-header.arco-menu-selected:hover {
	background-color: var(--color-fill-2)
}

.arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected,
.arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected,
.arco-menu-light.arco-menu-horizontal .arco-menu-item.arco-menu-selected,
.arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected {
	background: none;
	transition: color .2s linear
}

.arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover,
.arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected:hover,
.arco-menu-light.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover,
.arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover {
	background-color: var(--color-bg-4)
}

.arco-menu-light .arco-menu-group-title {
	color: var(--color-text-3);
	pointer-events: none
}

.arco-menu-light .arco-menu-collapse-button {
	background-color: var(--color-bg-4);
	color: var(--color-text-3)
}

.arco-menu-light .arco-menu-collapse-button:hover {
	background-color: var(--color-bg-5)
}

.arco-menu-light .arco-menu-collapse-button:focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--primary-6))
}

.arco-menu-dark {
	background-color: #1f1f1f
}

.arco-menu-dark .arco-menu-group-title,
.arco-menu-dark .arco-menu-inline-header,
.arco-menu-dark .arco-menu-item,
.arco-menu-dark .arco-menu-pop-header {
	background-color: #1f1f1f;
	color: var(--color-text-2)
}

.arco-menu-dark .arco-menu-group-title .arco-icon,
.arco-menu-dark .arco-menu-inline-header .arco-icon,
.arco-menu-dark .arco-menu-item .arco-icon,
.arco-menu-dark .arco-menu-pop-header .arco-icon {
	color: var(--color-text-3)
}

.arco-menu-dark .arco-menu-group-title:hover,
.arco-menu-dark .arco-menu-inline-header:hover,
.arco-menu-dark .arco-menu-item:hover,
.arco-menu-dark .arco-menu-pop-header:hover {
	background-color: #313131;
	color: var(--color-text-2)
}

.arco-menu-dark .arco-menu-group-title:hover .arco-icon,
.arco-menu-dark .arco-menu-inline-header:hover .arco-icon,
.arco-menu-dark .arco-menu-item:hover .arco-icon,
.arco-menu-dark .arco-menu-pop-header:hover .arco-icon {
	color: var(--color-text-3)
}

.arco-menu-dark .arco-menu-group-title:focus-visible,
.arco-menu-dark .arco-menu-inline-header:focus-visible,
.arco-menu-dark .arco-menu-item:focus-visible,
.arco-menu-dark .arco-menu-pop-header:focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset
}

.arco-menu-dark .arco-menu-group-title.arco-menu-selected,
.arco-menu-dark .arco-menu-group-title.arco-menu-selected .arco-icon,
.arco-menu-dark .arco-menu-inline-header.arco-menu-selected,
.arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon,
.arco-menu-dark .arco-menu-item.arco-menu-selected,
.arco-menu-dark .arco-menu-item.arco-menu-selected .arco-icon,
.arco-menu-dark .arco-menu-pop-header.arco-menu-selected,
.arco-menu-dark .arco-menu-pop-header.arco-menu-selected .arco-icon {
	color: rgb(var(--primary-6))
}

.arco-menu-dark .arco-menu-group-title.arco-menu-disabled,
.arco-menu-dark .arco-menu-inline-header.arco-menu-disabled,
.arco-menu-dark .arco-menu-item.arco-menu-disabled,
.arco-menu-dark .arco-menu-pop-header.arco-menu-disabled {
	background-color: #1f1f1f;
	color: var(--color-text-4)
}

.arco-menu-dark .arco-menu-group-title.arco-menu-disabled .arco-icon,
.arco-menu-dark .arco-menu-inline-header.arco-menu-disabled .arco-icon,
.arco-menu-dark .arco-menu-item.arco-menu-disabled .arco-icon,
.arco-menu-dark .arco-menu-pop-header.arco-menu-disabled .arco-icon {
	color: var(--color-text-4)
}

.arco-menu-dark .arco-menu-item.arco-menu-selected {
	background-color: #313131
}

.arco-menu-dark .arco-menu-inline-header.arco-menu-selected,
.arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon {
	color: rgb(var(--primary-6))
}

.arco-menu-dark .arco-menu-inline-header.arco-menu-selected:hover {
	background-color: var(--color-menu-dark-hover)
}

.arco-menu-dark.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected,
.arco-menu-dark.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected,
.arco-menu-dark.arco-menu-horizontal .arco-menu-item.arco-menu-selected,
.arco-menu-dark.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected {
	background: none;
	transition: color .2s linear
}

.arco-menu-dark.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover,
.arco-menu-dark.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected:hover,
.arco-menu-dark.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover,
.arco-menu-dark.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover {
	background-color: #313131
}

.arco-menu-dark .arco-menu-group-title {
	color: var(--color-text-3);
	pointer-events: none
}

.arco-menu-dark .arco-menu-collapse-button {
	background-color: rgb(var(--primary-6));
	color: var(--color-white)
}

.arco-menu-dark .arco-menu-collapse-button:hover {
	background-color: rgb(var(--primary-7))
}

.arco-menu-dark .arco-menu-collapse-button:focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--primary-6))
}

.arco-menu a,
.arco-menu a:active,
.arco-menu a:focus,
.arco-menu a:hover {
	color: inherit;
	cursor: inherit;
	text-decoration: none
}

.arco-menu-item-inner>a:only-child:before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.arco-menu-inner {
	box-sizing: border-box;
	height: 100%;
	overflow: auto;
	width: 100%
}

.arco-menu-vertical .arco-menu-group-title,
.arco-menu-vertical .arco-menu-inline-header,
.arco-menu-vertical .arco-menu-item,
.arco-menu-vertical .arco-menu-pop-header {
	line-height: 40px;
	padding: 0 12px
}

.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix .arco-icon,
.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon,
.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix .arco-icon,
.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon {
	margin-right: 0
}

.arco-menu-vertical .arco-menu-group-title,
.arco-menu-vertical .arco-menu-inline-header,
.arco-menu-vertical .arco-menu-item,
.arco-menu-vertical .arco-menu-pop-header {
	margin-bottom: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.arco-menu-vertical .arco-menu-group-title .arco-menu-item-inner,
.arco-menu-vertical .arco-menu-inline-header .arco-menu-item-inner,
.arco-menu-vertical .arco-menu-item .arco-menu-item-inner,
.arco-menu-vertical .arco-menu-pop-header .arco-menu-item-inner {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix,
.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix,
.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix,
.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%)
}

.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix.is-open,
.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix.is-open,
.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix.is-open,
.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix.is-open {
	transform: translateY(-50%) rotate(180deg)
}

.arco-menu-vertical .arco-menu-inner {
	padding: 4px 8px
}

.arco-menu-vertical .arco-menu-item.arco-menu-item-indented {
	display: flex
}

.arco-menu-vertical .arco-menu-inline-header,
.arco-menu-vertical .arco-menu-pop-header {
	padding-right: 28px
}

.arco-menu-horizontal {
	height: auto;
	width: auto
}

.arco-menu-horizontal .arco-menu-group-title,
.arco-menu-horizontal .arco-menu-inline-header,
.arco-menu-horizontal .arco-menu-item,
.arco-menu-horizontal .arco-menu-pop-header {
	line-height: 30px;
	padding: 0 12px
}

.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix .arco-icon,
.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon,
.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix .arco-icon,
.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon {
	margin-right: 0
}

.arco-menu-horizontal .arco-menu-group-title .arco-icon,
.arco-menu-horizontal .arco-menu-inline-header .arco-icon,
.arco-menu-horizontal .arco-menu-item .arco-icon,
.arco-menu-horizontal .arco-menu-pop-header .arco-icon {
	margin-right: 8px
}

.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix,
.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix,
.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix,
.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix {
	margin-left: 6px
}

.arco-menu-horizontal .arco-menu-inner {
	align-items: center;
	display: flex;
	padding: 14px 20px
}

.arco-menu-horizontal .arco-menu-item,
.arco-menu-horizontal .arco-menu-pop {
	display: inline-block;
	flex-shrink: 0;
	vertical-align: middle
}

.arco-menu-horizontal .arco-menu-item:not(:first-child),
.arco-menu-horizontal .arco-menu-pop:not(:first-child) {
	margin-left: 12px
}

.arco-menu-horizontal .arco-menu-pop:after {
	bottom: -14px;
	content: " ";
	height: 14px;
	left: 0;
	position: absolute;
	width: 100%
}

.arco-menu-overflow-wrap {
	width: 100%
}

.arco-menu-overflow-sub-menu-mirror {
	margin-left: 12px
}

.arco-menu-overflow-hidden-menu-item,
.arco-menu-overflow-sub-menu-mirror {
	pointer-events: none;
	position: absolute !important;
	visibility: hidden;
	white-space: nowrap
}

.arco-menu-selected-label {
	animation: arco-menu-selected-item-label-enter .2s linear;
	background-color: rgb(var(--primary-6));
	bottom: -14px;
	height: 3px;
	left: 12px;
	position: absolute;
	right: 12px
}

.arco-menu-pop-button {
	background: none;
	box-shadow: none;
	width: auto
}

.arco-menu-pop-button.arco-menu-collapse {
	width: auto
}

.arco-menu-pop-button .arco-menu-group-title,
.arco-menu-pop-button .arco-menu-inline-header,
.arco-menu-pop-button .arco-menu-item,
.arco-menu-pop-button .arco-menu-pop-header {
	border: 1px solid transparent;
	border-radius: 50%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
	height: 40px;
	line-height: 40px;
	margin-bottom: 16px;
	width: 40px
}

.arco-menu-collapse {
	width: 48px
}

.arco-menu-collapse .arco-menu-inner {
	padding: 4px
}

.arco-menu-collapse .arco-menu-group-title,
.arco-menu-collapse .arco-menu-icon-suffix {
	display: none
}

.arco-menu-collapse .arco-menu-group-title .arco-icon,
.arco-menu-collapse .arco-menu-inline-header .arco-icon,
.arco-menu-collapse .arco-menu-item .arco-icon,
.arco-menu-collapse .arco-menu-pop-header .arco-icon {
	margin-right: 100vw
}

.arco-menu-collapse .arco-menu-collapse-button {
	left: 50%;
	right: unset;
	transform: translateX(-50%)
}

.arco-menu-collapse-button {
	align-items: center;
	border-radius: var(--border-radius-small);
	bottom: 12px;
	cursor: pointer;
	display: flex;
	height: 24px;
	justify-content: center;
	position: absolute;
	right: 12px;
	width: 24px
}

.arco-menu-inline-content {
	height: auto;
	overflow: hidden;
	transition: height .2s cubic-bezier(.34, .69, .1, 1)
}

.arco-menu-item-tooltip a {
	color: inherit;
	cursor: pointer;
	text-decoration: none
}

.arco-menu-item-tooltip a:active,
.arco-menu-item-tooltip a:focus,
.arco-menu-item-tooltip a:hover {
	color: inherit
}

.arco-menu-item-tooltip a:before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.arco-menu-pop-trigger.arco-trigger-position-bl {
	transform: translateY(14px)
}

.arco-menu-pop-trigger.arco-trigger-position-bl .arco-trigger-arrow {
	border-left: 1px solid var(--color-neutral-3);
	border-top: 1px solid var(--color-neutral-3);
	z-index: 0
}

.arco-menu-pop-trigger.arco-trigger[trigger-placement=rt] {
	transform: translateX(8px)
}

.arco-menu-pop-trigger.arco-trigger[trigger-placement=rt] .arco-trigger-arrow {
	border-bottom: 1px solid var(--color-neutral-3);
	border-left: 1px solid var(--color-neutral-3);
	z-index: 0
}

.arco-menu-pop-trigger.arco-trigger[trigger-placement=lt] {
	transform: translateX(-8px)
}

.arco-menu-pop-trigger.arco-trigger[trigger-placement=lt] .arco-trigger-arrow {
	border-right: 1px solid var(--color-neutral-3);
	border-top: 1px solid var(--color-neutral-3);
	z-index: 0
}

.arco-menu-pop-trigger .arco-dropdown-menu-dark~.arco-trigger-arrow-container .arco-trigger-arrow {
	background-color: #1f1f1f;
	border-color: #1f1f1f
}

.arco-menu-rtl {
	direction: rtl
}

.arco-menu-rtl .arco-menu-group-title .arco-icon,
.arco-menu-rtl .arco-menu-inline-header .arco-icon,
.arco-menu-rtl .arco-menu-item .arco-icon,
.arco-menu-rtl .arco-menu-pop-header .arco-icon {
	margin-left: 16px;
	margin-right: 0
}

.arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix .arco-icon,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix .arco-icon,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon {
	margin-left: 0
}

.arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-icon,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-icon,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-icon,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-icon {
	margin-left: 8px;
	margin-right: 0
}

.arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix,
.arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix {
	margin-left: 0;
	margin-right: 6px
}

.arco-menu-rtl.arco-menu-horizontal .arco-menu-item:not(:first-child),
.arco-menu-rtl.arco-menu-horizontal .arco-menu-pop:not(:first-child) {
	margin-left: 0;
	margin-right: 12px
}

.arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix .arco-icon,
.arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon,
.arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix .arco-icon,
.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon {
	margin-left: 0
}

.arco-menu-rtl.arco-menu-vertical .arco-menu-group-title,
.arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-item-inner,
.arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header,
.arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-item-inner,
.arco-menu-rtl.arco-menu-vertical .arco-menu-item,
.arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-item-inner,
.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header,
.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-item-inner {
	text-overflow: clip
}

.arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix,
.arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix,
.arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix,
.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix {
	left: 12px;
	right: auto
}

.arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header,
.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header {
	padding-left: 28px;
	padding-right: 12px
}

.arco-menu-rtl .arco-menu-pop:after {
	left: auto;
	right: 0
}

.arco-menu-rtl .arco-menu-collapse .arco-menu-group-title .arco-icon,
.arco-menu-rtl .arco-menu-collapse .arco-menu-inline-header .arco-icon,
.arco-menu-rtl .arco-menu-collapse .arco-menu-item .arco-icon,
.arco-menu-rtl .arco-menu-collapse .arco-menu-pop-header .arco-icon {
	margin-left: 100vw
}

.arco-menu-rtl .arco-menu-collapse-button {
	left: 12px;
	right: auto
}

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger-position-bl .arco-trigger-arrow {
	border-left: none;
	border-right: 1px solid var(--color-neutral-3)
}

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement=rt] {
	transform: translateX(-8px)
}

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement=lt] {
	transform: translateX(8px)
}

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement=lt] .arco-trigger-arrow {
	border-left: 1px solid var(--color-neutral-3);
	border-right: none
}

.arco-menu-light .arco-menu-inline-header.arco-menu-selected:hover {
	background-color: rgba(241, 243, 245, .08)
}

.arco-menu-pop-trigger .arco-trigger-arrow {
	background-color: var(--color-bg-white)
}

.arco-menu-dark .arco-menu-inline-header.arco-menu-selected:hover {
	background-color: rgba(241, 243, 245, .08)
}

.arco-menu .arco-menu-icon-suffix .force-icon-down {
	color: var(--color-fill-2)
}

.arco-menu.arco-menu-collapse .arco-menu-group-title .force-icon,
.arco-menu.arco-menu-collapse .arco-menu-inline-header .force-icon,
.arco-menu.arco-menu-collapse .arco-menu-item .force-icon,
.arco-menu.arco-menu-collapse .arco-menu-pop-header .force-icon {
	margin-right: 100vw
}

.arco-menu.arco-menu-collapse.arco-menu-pop:not(.arco-menu-pop-button) .arco-menu-item .arco-icon,
.arco-menu.arco-menu-collapse.arco-menu-pop:not(.arco-menu-pop-button) .arco-menu-item .force-icon {
	margin-left: 1px
}

.arco-menu .arco-menu-group-title .force-icon,
.arco-menu .arco-menu-inline-header .force-icon,
.arco-menu .arco-menu-item .force-icon,
.arco-menu .arco-menu-pop-header .force-icon {
	margin-right: 8px
}

.arco-menu-indent {
	width: 26px
}

.arco-icon-hover.arco-tabs-icon-hover:before {
	height: 16px;
	width: 16px
}

.arco-tabs .arco-tabs-icon-hover {
	color: var(--color-text-2)
}

.arco-tabs .arco-tabs-icon-hover,
.arco-tabs-dropdown-icon {
	font-size: 12px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.arco-tabs-dropdown-icon {
	margin-left: 6px
}

.arco-tabs-close-icon {
	margin-left: 8px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.arco-tabs-close-icon:focus-visible .arco-icon-hover:before {
	box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-tabs-add-icon {
	align-items: center;
	display: inline-flex;
	font-size: 12px;
	justify-content: center;
	padding: 0 8px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.arco-tabs-add-icon:focus-visible .arco-icon-hover:before {
	box-shadow: 0 0 0 2px var(--color-primary-light-3)
}

.arco-tabs-add {
	position: relative
}

.arco-tabs-left-icon {
	margin-left: 10px;
	margin-right: 6px
}

.arco-tabs-right-icon {
	margin-left: 6px;
	margin-right: 10px
}

.arco-tabs-up-icon {
	margin-bottom: 10px
}

.arco-tabs-down-icon {
	margin-top: 10px
}

.arco-tabs-nav-icon-disabled {
	color: var(--color-fill-1);
	cursor: not-allowed
}

.arco-tabs {
	overflow: hidden
}

.arco-tabs,
.arco-tabs-header-nav {
	position: relative
}

.arco-tabs-header-nav:before {
	background-color: var(--color-neutral-3);
	bottom: 0;
	clear: both;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	right: 0
}

.arco-tabs-header-nav-bottom .arco-tabs-header-ink,
.arco-tabs-header-nav-bottom:before {
	top: 0
}

.arco-tabs-header-wrapper {
	display: flex;
	flex: 1 1;
	overflow: hidden
}

.arco-tabs-header {
	display: inline-block;
	position: relative;
	transition: transform .2s cubic-bezier(.34, .69, .1, 1);
	white-space: nowrap
}

.arco-tabs-header-extra {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	line-height: 36px;
	width: auto
}

.arco-tabs-header-extra .arco-tabs-add-icon {
	padding-left: 0
}

.arco-tabs-header-title {
	align-items: center;
	box-sizing: border-box;
	color: var(--color-text-2);
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	line-height: 1.5715;
	padding: 6px 0;
	transition: color .2s linear
}

.arco-tabs-header-title-text {
	display: inline-block
}

.arco-tabs-header-title:hover {
	color: var(--zdztxz);
	font-weight: 400
}

.arco-tabs-header-title-disabled,
.arco-tabs-header-title-disabled:hover {
	color: var(--color-text-4);
	cursor: not-allowed
}

.arco-tabs-header-title-active,
.arco-tabs-header-title-active:hover {
	color: var(--zdztxz) !important;
	font-weight: 500;
	border-bottom: 2px solid var(--zdztxz);
}

.arco-tabs-header-title-active.arco-tabs-header-title-disabled,
.arco-tabs-header-title-active:hover.arco-tabs-header-title-disabled {
	color: var(--color-primary-light-3)
}

.arco-tabs-header-ink {
	background-color:var(--zdztxz);
	bottom: 0;
	height: 2px;
	position: absolute;
	right: auto;
	top: auto;
	transition: left .2s cubic-bezier(.34, .69, .1, 1), width .2s cubic-bezier(.34, .69, .1, 1)
}

.arco-tabs-header-ink.arco-tabs-header-ink-no-animation {
	transition: none
}

.arco-tabs-header-ink-disabled {
	background-color: var(--color-primary-light-3)
}

.arco-tabs-header-nav-line .arco-tabs-header-extra {
	line-height: 40px
}

.arco-tabs-header-nav-line .arco-tabs-header-title {
	line-height: 1.5715;
	margin: 0 16px;
	padding: 8px 0
}

.arco-tabs-header-nav-line .arco-tabs-header-title-text {
	display: inline-block;
	padding: 1px 0;
	position: relative
}

.arco-tabs-header-nav-line .arco-tabs-header-title-text:before {
	background-color: initial;
	border-radius: var(--border-radius-small);
	bottom: 0;
	content: "";
	left: -8px;
	opacity: 1;
	position: absolute;
	right: -8px;
	top: 0;
	transition: all .2s linear;
	z-index: -1
}

.arco-tabs-header-nav-line .arco-tabs-header-title:hover .arco-tabs-header-title-text:before {
	background-color: initial
}

.arco-tabs-header-nav-line .arco-tabs-header-title:focus-visible .arco-tabs-header-title-text:before {
	box-shadow: inset 0 0 0 2px var(--color-primary-light-3)
}

.arco-tabs-header-nav-line .arco-tabs-header-title-active .arco-tabs-header-title-text:before,
.arco-tabs-header-nav-line .arco-tabs-header-title-active:hover .arco-tabs-header-title-text:before {
	background-color: initial
}

.arco-tabs-header-nav-line .arco-tabs-header-title-disabled .arco-tabs-header-title-text:before,
.arco-tabs-header-nav-line .arco-tabs-header-title-disabled:hover .arco-tabs-header-title-text:before {
	opacity: 0
}

.arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal>.arco-tabs-header-scroll .arco-tabs-header-title:first-of-type {
	margin-left: 16px
}

.arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding>.arco-tabs-header-title:first-of-type,
.arco-tabs-header-nav-text.arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding>.arco-tabs-header-title:first-of-type {
	margin-left: 0
}

.arco-tabs-header-nav-card .arco-tabs-header-title,
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
	border: 1px solid var(--color-neutral-3);
	font-size: 14px;
	padding: 6px 16px;
	transition: padding .2s linear, color .2s linear
}

.arco-tabs-header-nav-card .arco-tabs-header-title:focus-visible,
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:focus-visible {
	box-shadow: inset 0 0 0 2px var(--color-primary-light-3)
}

.arco-tabs-header-nav-card .arco-tabs-header-title-editable,
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable {
	padding-right: 12px
}

.arco-tabs-header-nav-card .arco-tabs-header-title-editable:not(.arco-tabs-header-title-active):hover .arco-icon-hover:hover:before,
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable:not(.arco-tabs-header-title-active):hover .arco-icon-hover:hover:before {
	background-color: var(--color-fill-4)
}

.arco-tabs-header-nav-card .arco-tabs-add-icon,
.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon {
	color: var(--color-text-2);
	height: 36px
}

.arco-tabs-header-nav-card .arco-tabs-header-title {
	background-color: initial;
	border-right: none
}

.arco-tabs-header-nav-card .arco-tabs-header-title:last-child {
	border-right: 1px solid var(--color-neutral-3);
	border-top-right-radius: var(--border-radius-small)
}

.arco-tabs-header-nav-card .arco-tabs-header-title:first-child {
	border-top-left-radius: var(--border-radius-small)
}

.arco-tabs-header-nav-card .arco-tabs-header-title:hover {
	background-color: var(--color-bg-4)
}

.arco-tabs-header-nav-card .arco-tabs-header-title-disabled,
.arco-tabs-header-nav-card .arco-tabs-header-title-disabled:hover {
	background-color: initial
}

.arco-tabs-header-nav-card .arco-tabs-header-title-active,
.arco-tabs-header-nav-card .arco-tabs-header-title-active:hover {
	background-color: initial;
	border-bottom-color: var(--color-bg-2)
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
	background-color: var(--color-bg-4);
	border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
	border-right: 1px solid var(--color-neutral-3);
	margin-left: 6px
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled,
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled:hover,
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:hover {
	background-color: var(--color-bg-4)
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active,
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active:hover {
	background-color: initial;
	border-bottom-color: var(--color-bg-2)
}

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:first-child {
	margin-left: 0
}

.arco-tabs-header-nav-text:before {
	display: none
}

.arco-tabs-header-nav-text .arco-tabs-header-title {
	font-size: 14px;
	line-height: 1.5715;
	margin: 0 8.5px;
	padding: 5px 0;
	position: relative
}

.arco-tabs-header-nav-text .arco-tabs-header-title:not(:first-of-type):before {
	background-color: var(--color-border-3);
	content: "";
	display: block;
	height: 12px;
	left: -8.5px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1px
}

.arco-tabs-header-nav-text .arco-tabs-header-title-text {
	background-color: initial;
	padding-left: 8px;
	padding-right: 8px
}

.arco-tabs-header-nav-text .arco-tabs-header-title-text:hover {
	background-color: initial
}

.arco-tabs-header-nav-text .arco-tabs-header-title:focus-visible .arco-tabs-header-title-text {
	box-shadow: inset 0 0 0 2px var(--color-primary-light-3)
}

.arco-tabs-header-nav-text .arco-tabs-header-title-active .arco-tabs-header-title-text,
.arco-tabs-header-nav-text .arco-tabs-header-title-active .arco-tabs-header-title-text:hover,
.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text,
.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text:hover {
	background-color: initial
}

.arco-tabs-header-nav-text .arco-tabs-header-title-active.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text,
.arco-tabs-header-nav-text .arco-tabs-header-title-active.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text:hover {
	background-color: var(--color-primary-light-3)
}

.arco-tabs-header-nav-rounded:before {
	display: none
}

.arco-tabs-header-nav-rounded .arco-tabs-header-title {
	background-color: initial;
	border-radius: 32px;
	font-size: 13px;
	margin: 0 6px;
	padding: 6px 16px
}

.arco-tabs-header-nav-rounded .arco-tabs-header-title:hover {
	background-color: initial
}

.arco-tabs-header-nav-rounded .arco-tabs-header-title:focus-visible {
	box-shadow: inset 0 0 0 2px var(--color-primary-light-3)
}

.arco-tabs-header-nav-rounded .arco-tabs-header-title-disabled:hover {
	background-color: initial
}

.arco-tabs-header-nav-rounded .arco-tabs-header-title-active,
.arco-tabs-header-nav-rounded .arco-tabs-header-title-active:hover {
	background-color: var(--color-bg-4)
}

.arco-tabs-header-nav-capsule:before {
	display: none
}

.arco-tabs-header-nav-capsule .arco-tabs-header-wrapper {
	justify-content: flex-end
}

.arco-tabs-header-nav-capsule .arco-tabs-header {
	background-color: var(--color-bg-5);
	border-radius: 4px;
	line-height: 1;
	padding: 3px
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title {
	background-color: initial;
	border-radius: var(--border-radius-small);
	font-size: 13px;
	line-height: 26px;
	padding: 0 12px;
	position: relative
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title:focus-visible {
	box-shadow: inset 0 0 0 2px var(--color-primary-light-3)
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title:hover {
	background-color: initial
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title-disabled:hover {
	background-color: unset
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title-active,
.arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover {
	background-color: var(--color-bg-2)
}

.arco-tabs-header-nav-capsule .arco-tabs-header-title-active+.arco-tabs-header-title:before,
.arco-tabs-header-nav-capsule .arco-tabs-header-title-active:before,
.arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover+.arco-tabs-header-title:before,
.arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover:before {
	opacity: 0
}

.arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type) {
	margin-left: 3px
}

.arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type):before {
	background-color: initial;
	content: "";
	display: block;
	height: 14px;
	left: -2px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all .2s linear;
	width: 1px
}

.arco-tabs-header-scroll {
	align-items: center;
	display: flex;
	overflow: hidden;
	position: relative
}

.arco-tabs-content {
	box-sizing: border-box;
	overflow: hidden;
	padding-top: 5px;
	width: 100%
}

.arco-tabs-content .arco-tabs-content-inner {
	width: 100%
}

.arco-tabs-content .arco-tabs-content-item {
	flex-shrink: 0;
	height: 0;
	overflow: hidden;
	width: 100%
}

.arco-tabs-content .arco-tabs-content-item.arco-tabs-content-item-active {
	height: auto
}

.arco-tabs-card-gutter>.arco-tabs-content,
.arco-tabs-card>.arco-tabs-content {
	border: 1px solid var(--color-neutral-3);
	border-top: none
}

.arco-tabs-animation.arco-tabs-content-inner {
	transition: all .2s cubic-bezier(.34, .69, .1, 1)
}

.arco-tabs-horizontal.arco-tabs-justify {
	display: flex;
	flex-direction: column;
	height: 100%
}

.arco-tabs-horizontal.arco-tabs-justify .arco-tabs-content,
.arco-tabs-horizontal.arco-tabs-justify .arco-tabs-content-inner,
.arco-tabs-horizontal.arco-tabs-justify .arco-tabs-pane {
	height: 100%
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-title {
	font-size: 12px;
	padding-bottom: 6px;
	padding-top: 6px
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-extra {
	font-size: 12px;
	line-height: 32px
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-header-title,
.arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
	font-size: 12px;
	padding-bottom: 6px;
	padding-top: 6px
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-header-extra,
.arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra {
	font-size: 12px;
	line-height: 32px
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-add-icon,
.arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon {
	height: 32px
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-capsule .arco-tabs-header-title {
	font-size: 12px;
	line-height: 18px
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-capsule .arco-tabs-header-extra {
	font-size: 12px;
	line-height: 24px
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-rounded .arco-tabs-header-title {
	font-size: 12px;
	padding-bottom: 3px;
	padding-top: 3px
}

.arco-tabs-header-size-mini.arco-tabs-header-nav-rounded .arco-tabs-header-extra {
	font-size: 12px;
	line-height: 24px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-title {
	font-size: 13px;
	padding-bottom: 7px;
	padding-top: 7px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-extra {
	font-size: 13px;
	line-height: 36px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-header-title,
.arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
	font-size: 14px;
	padding-bottom: 4px;
	padding-top: 4px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-header-extra,
.arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra {
	font-size: 14px;
	line-height: 32px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-add-icon,
.arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon {
	height: 32px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-capsule .arco-tabs-header-title {
	font-size: 12px;
	line-height: 22px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-capsule .arco-tabs-header-extra {
	font-size: 12px;
	line-height: 28px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-rounded .arco-tabs-header-title {
	font-size: 14px;
	padding-bottom: 3px;
	padding-top: 3px
}

.arco-tabs-header-size-small.arco-tabs-header-nav-rounded .arco-tabs-header-extra {
	font-size: 14px;
	line-height: 28px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-title {
	font-size: 14px;
	padding-bottom: 10px;
	padding-top: 10px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-extra {
	font-size: 14px;
	line-height: 44px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-header-title,
.arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
	font-size: 14px;
	padding-bottom: 6px;
	padding-top: 6px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-header-extra,
.arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra {
	font-size: 14px;
	line-height: 36px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-add-icon,
.arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon {
	height: 36px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-capsule .arco-tabs-header-title {
	font-size: 13px;
	line-height: 30px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-capsule .arco-tabs-header-extra {
	font-size: 13px;
	line-height: 36px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-rounded .arco-tabs-header-title {
	font-size: 14px;
	padding-bottom: 7px;
	padding-top: 7px
}

.arco-tabs-header-size-large.arco-tabs-header-nav-rounded .arco-tabs-header-extra {
	font-size: 14px;
	line-height: 36px
}

.arco-tabs-header-nav-vertical {
	float: left;
	height: 100%
}

.arco-tabs-header-nav-vertical:before {
	bottom: 0;
	clear: both;
	height: 100%;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px
}

.arco-tabs-header-nav-vertical .arco-tabs-add-icon {
	height: auto;
	margin-left: 0;
	margin-top: 8px;
	padding: 0 16px
}

.arco-tabs-header-nav-right {
	float: right
}

.arco-tabs-header-nav-vertical .arco-tabs-header {
	height: auto
}

.arco-tabs-header-nav-vertical .arco-tabs-header-scroll {
	flex-direction: column
}

.arco-tabs-header-nav-vertical .arco-tabs-header-overflow-scroll {
	padding: 6px 0
}

.arco-tabs-header-nav-vertical .arco-tabs-header-wrapper {
	flex-direction: column;
	height: 100%
}

.arco-tabs-header-nav-vertical .arco-tabs-header-ink {
	bottom: auto;
	left: auto;
	position: absolute;
	right: 0;
	transition: top .2s cubic-bezier(.34, .69, .1, 1), height .2s cubic-bezier(.34, .69, .1, 1);
	width: 2px
}

.arco-tabs-header-nav-vertical .arco-tabs-header-title {
	display: block;
	margin: 12px 0 0;
	white-space: nowrap
}

.arco-tabs-header-nav-vertical .arco-tabs-header-title:first-of-type {
	margin-top: 0
}

.arco-tabs-header-nav-right .arco-tabs-header-ink,
.arco-tabs-header-nav-right:before {
	left: 0;
	right: unset
}

.arco-tabs-header-nav-vertical .arco-tabs-header-scroll {
	box-sizing: border-box;
	height: 100%;
	position: relative
}

.arco-tabs-header-nav-line.arco-tabs-header-nav-vertical .arco-tabs-header-title {
	padding: 0 20px
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title {
	border: 1px solid var(--color-neutral-3);
	border-bottom: 1px solid transparent;
	margin: 0;
	position: relative
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title:first-child {
	border-top-left-radius: var(--border-radius-small)
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title-active,
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title-active:hover {
	border-bottom-color: transparent;
	border-right-color: var(--color-bg-2)
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title:last-child {
	border-bottom: 1px solid var(--color-neutral-3);
	border-bottom-left-radius: var(--border-radius-small)
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
	border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
	margin-left: 0;
	position: relative
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:not(:first-of-type) {
	margin-top: 4px
}

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active,
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active:hover {
	border-bottom-color: var(--color-neutral-3);
	border-right-color: var(--color-bg-2)
}

.arco-tabs-content-vertical {
	height: 100%;
	padding: 0;
	width: auto
}

.arco-tabs-right .arco-tabs-content-vertical {
	padding-right: 16px
}

.arco-tabs-left .arco-tabs-content-vertical {
	padding-left: 16px
}

.arco-tabs-card-gutter>.arco-tabs-content-vertical,
.arco-tabs-card>.arco-tabs-content-vertical {
	border: 1px solid var(--color-neutral-3);
	border-left: none
}

.arco-tabs-rtl {
	direction: rtl
}

.arco-tabs-rtl .arco-tabs-close-icon {
	margin-left: 0;
	margin-right: 8px
}

.arco-tabs-rtl .arco-tabs-left-icon,
.arco-tabs-rtl .arco-tabs-right-icon {
	margin-left: 6px;
	margin-right: 10px
}

.arco-tabs-rtl .arco-tabs-header-nav-line>.arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding>.arco-tabs-header-title:first-of-type,
.arco-tabs-rtl .arco-tabs-header-nav-line>.arco-tabs-header-nav-horizontal .arco-tabs-header-scroll>.arco-tabs-header-title:first-of-type,
.arco-tabs-rtl .arco-tabs-header-nav-text>.arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding>.arco-tabs-header-title:first-of-type {
	margin-right: 0
}

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title-editable,
.arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable {
	padding-left: 12px;
	padding-right: 0
}

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title {
	border-left: none;
	border-right: 1px solid var(--color-neutral-3)
}

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title:last-child {
	border-left: 1px solid var(--color-neutral-3);
	border-top-left-radius: var(--border-radius-small);
	border-top-right-radius: 0
}

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: var(--border-radius-small)
}

.arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
	margin-right: 6px
}

.arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title:first-child {
	margin-right: 0
}

.arco-tabs-rtl .arco-tabs-header-nav-text .arco-tabs-header-title:not(:first-of-type):before {
	left: auto;
	right: -8.5px
}

.arco-tabs-rtl .arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type) {
	margin-left: 0;
	margin-right: 3px
}

.arco-tabs-rtl .arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type):before {
	left: auto;
	right: -2px
}

body[arco-theme=dark] .arco-tabs-header-nav-capsule .arco-tabs-header-title-active,
body[arco-theme=dark] .arco-tabs-header-nav-capsule .arco-tabs-header-title:not(body[arco-theme=dark] .arco-tabs-header-nav-capsule .arco-tabs-header-title-disabled):hover {
	background-color: var(--color-fill-3)
}

.arco-tabs-header-ink {
	border-radius: 4px 4px 0 0;
	bottom: 1px
}

.arco-tabs-vertical .arco-tabs-header-ink {
	border-radius: 4px 0 0 4px;
	right: 1px
}

.arco-tabs .arco-tabs-header-nav-capsule .arco-tabs-header-title-active {
	box-shadow: 0 1px 2px rgba(0, 0, 0, .07), 0 .5px 1px rgba(0, 0, 0, .05), 0 0 0 .5px rgba(213, 219, 227, .7)
}

.arco-tabs .arco-tabs-header-nav-card .arco-tabs-header-title:hover,
.arco-tabs .arco-tabs-header-nav-card-gutter .arco-tabs-header-title:hover {
	background-color: initial
}

.arco-tabs .arco-tabs-header-nav-card .arco-tabs-header-title-active .arco-tabs-icon-hover,
.arco-tabs .arco-tabs-header-nav-card .arco-tabs-header-title-editable:not(.arco-tabs-header-title-active):hover .arco-icon-hover,
.arco-tabs .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active .arco-tabs-icon-hover,
.arco-tabs .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable:not(.arco-tabs-header-title-active):hover .arco-icon-hover {
	color: var(--primary-6)
}

.arco-tabs .arco-tabs-header-nav-card .arco-tabs-header-title-editable:not(.arco-tabs-header-title-active):hover .arco-icon-hover:hover:before,
.arco-tabs .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable:not(.arco-tabs-header-title-active):hover .arco-icon-hover:hover:before {
	background-color: var(--color-bg-4)
}

.arco-tabs .arco-tabs-header-nav-card .arco-tabs-header-title-disabled .arco-tabs-icon-hover,
.arco-tabs .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled .arco-tabs-icon-hover {
	color: var(--color-text-4)
}

.arco-tabs .arco-tabs-header-nav-card .arco-tabs-header-title-disabled:hover .arco-tabs-icon-hover,
.arco-tabs .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled:hover .arco-tabs-icon-hover {
	color: var(--color-text-4) !important;
	cursor: not-allowed
}

.arco-tabs .arco-tabs-header-nav-card .arco-tabs-header-title-disabled:hover .arco-tabs-icon-hover:hover:before,
.arco-tabs .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled:hover .arco-tabs-icon-hover:hover:before {
	background-color: initial !important
}

.arco-tabs .arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-horizontal:before {
	background-color: var(--color-border-2)
}

.arco-tabs .arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
	border: none;
	box-shadow: inset 0 1px 0 var(--color-border-2), inset -1px 0 0 var(--color-border-2), inset 1px 0 0 var(--color-border-2);
	padding: 7px 16px;
	position: relative
}

.arco-tabs .arco-tabs-header-nav-card-gutter .arco-tabs-header-title:hover {
	background-color: var(--color-bg-4)
}

.arco-tabs .arco-tabs-header-nav-card-gutter .arco-tabs-header-title:after {
	background-color: var(--color-border-2);
	bottom: 0;
	content: "";
	height: 1px;
	left: 1px;
	position: absolute;
	width: calc(100% - 2px)
}

.arco-tabs .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active {
	box-shadow: inset 0 2px 0 #006eff, inset -1px 0 0 var(--color-border-2), inset 1px 0 0 var(--color-border-2);
	position: relative
}

.arco-tabs .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active:after,
.arco-tabs .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active:hover {
	background-color: var(--color-bg-white)
}

.arco-tabs.arco-tabs-vertical .arco-tabs-header-nav-card-gutter .arco-tabs-header-title {
	box-shadow: inset 0 0 0 1px var(--color-border-2)
}

.arco-tabs.arco-tabs-vertical .arco-tabs-header-nav-card-gutter .arco-tabs-header-title:after {
	height: calc(100% - 2px);
	left: auto;
	right: 0;
	top: 1px;
	width: 1px
}

.arco-tabs.arco-tabs-vertical .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active {
	box-shadow: inset 2px 0 0 #006eff, inset 0 1px 0 var(--color-border-2), inset 0 -1px 0 var(--color-border-2)
}

.arco-tabs .arco-tabs-nav-icon-disabled {
	color: var(--color-fill-1)
}

body[arco-theme=dark] .arco-tabs .arco-tabs-header-nav-capsule .arco-tabs-header-title-active {
	background-color: var(--color-bg-2);
	box-shadow: none
}

body[arco-theme=dark] .arco-tabs .arco-tabs-header-nav-capsule .arco-tabs-header-title:not(body[arco-theme=dark] .arco-tabs .arco-tabs-header-nav-capsule .arco-tabs-header-title-disabled):hover {
	background-color: initial;
	box-shadow: none
}

.arco-autocomplete-popup .arco-select-popup {
	background-color: var(--color-bg-popup);
	border: 1px solid var(--color-border-2);
	border-radius: var(--border-radius-medium);
	box-shadow: none
}

.arco-autocomplete-popup .arco-select-popup .arco-select-popup-inner {
	max-height: 200px;
	padding: 0
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option {
	background-color: var(--color-bg-white);
	color: var(--color-text-1);
	font-size: 13px;
	height: 36px;
	line-height: 36px;
	padding: 0 12px
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option-hover,
.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected {
	background-color: var(--color-bg-4);
	color: var(--color-text-1)
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option-disabled {
	background-color: var(--color-fill-1);
	color: var(--color-text-4)
}

.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected {
	font-weight: 500
}

.arco-autocomplete.arco-input-focus .arco-input-inner-wrapper {
	background-color: initial;
	border: 1px solid rgb(var(--primary-7));
	box-shadow: 0 0 0 2px rgba(22, 100, 255, .3)
}

.arco-autocomplete.arco-input-focus .arco-input-inner-wrapper-error {
	border: 1px solid rgb(var(--danger-7));
	box-shadow: 0 0 0 2px rgba(219, 55, 63, .3)
}

.arco-autocomplete-popup .arco-select-popup {
	background-color: var(--color-bg-white);
	box-shadow: 0 0 32px rgba(205, 213, 222, .42);
	padding: 6px
}

.arco-autocomplete-popup .arco-select-highlight {
	font-weight: 700
}

.arco-autocomplete .arco-icon-hover:before {
	background-color: var(--color-bg-5);
	border-radius: 50%;
	height: 14px;
	width: 14px
}

.arco-autocomplete .arco-icon-hover:hover:before {
	background-color: var(--color-fill-1)
}

body[arco-theme=dark] .arco-autocomplete.arco-input-focus .arco-input-inner-wrapper {
	box-shadow: 0 0 0 2px rgba(69, 131, 255, .3)
}

body[arco-theme=dark] .arco-autocomplete.arco-input-focus .arco-input-inner-wrapper-error {
	box-shadow: 0 0 0 2px rgba(223, 76, 82, .3)
}

body[arco-theme=dark] .arco-autocomplete-popup .arco-select-popup {
	box-shadow: none
}

.arco-divider-horizontal {
	border-bottom: 1px solid var(--color-border-2);
	clear: both;
	margin: 20px 0;
	max-width: 100%;
	min-width: 100%;
	position: relative;
	width: 100%
}

.arco-divider-horizontal.arco-divider-with-text {
	align-items: center;
	border-bottom-width: 0;
	display: flex;
	margin: 20px 0
}

.arco-divider-horizontal.arco-divider-with-text:after,
.arco-divider-horizontal.arco-divider-with-text:before {
	border-bottom: 1px solid;
	border-bottom-color: inherit;
	content: "";
	flex: 1 1;
	height: 0
}

.arco-divider-horizontal.arco-divider-with-text-left:before,
.arco-divider-horizontal.arco-divider-with-text-right:after {
	flex-basis: 24px;
	flex-grow: 0
}

.arco-divider-vertical {
	border-left: 1px solid var(--color-border-2);
	display: inline-block;
	height: 1em;
	margin: 0 12px;
	max-width: 1px;
	min-width: 1px;
	vertical-align: middle
}

.arco-divider-text {
	box-sizing: border-box;
	color: var(--color-text-1);
	font-size: 14px;
	font-weight: 500;
	line-height: 2;
	padding: 0 16px
}

@dark-text : arco-theme="dark";