.vui-list {
	display:flex;
	flex-direction:column;
	box-sizing:border-box;
	width:100%;
	overflow-y:auto;
	color:var(--color-text-1);
	font-size:14px;
	line-height:1.5715;
	border-radius:var(--border-radius-medium)
}
.vui-list-wrapper {
	overflow:hidden
}
.vui-list-wrapper .vui-list-spin {
	display:block;
	height:100%;
	overflow:hidden
}
.vui-list-content {
	overflow:hidden
}
.vui-list-small .vui-list-content-wrapper .vui-list-header {
	padding:8px 20px
}
.vui-list-small .vui-list-content-wrapper .vui-list-footer,.vui-list-small .vui-list-content-wrapper .vui-list-content>.vui-list-item,.vui-list-small .vui-list-content-wrapper .vui-list-content .vui-list-col>.vui-list-item,.vui-list-small .vui-list-content-wrapper .vui-list-content.vui-list-virtual .vui-list-item {
	padding:8px 20px
}
.vui-list-medium .vui-list-content-wrapper .vui-list-header {
	padding:12px 20px
}
.vui-list-medium .vui-list-content-wrapper .vui-list-footer,.vui-list-medium .vui-list-content-wrapper .vui-list-content>.vui-list-item,.vui-list-medium .vui-list-content-wrapper .vui-list-content .vui-list-col>.vui-list-item,.vui-list-medium .vui-list-content-wrapper .vui-list-content.vui-list-virtual .vui-list-item {
	padding:13px 20px
}
.vui-list-large .vui-list-content-wrapper .vui-list-header {
	padding:16px 20px
}
.vui-list-large .vui-list-content-wrapper .vui-list-footer,.vui-list-large .vui-list-content-wrapper .vui-list-content>.vui-list-item,.vui-list-large .vui-list-content-wrapper .vui-list-content .vui-list-col>.vui-list-item,.vui-list-large .vui-list-content-wrapper .vui-list-content.vui-list-virtual .vui-list-item {
	padding:17px 20px
}
.vui-list-bordered {
	border:1px solid var(--color-neutral-3)
}
.vui-list-split .vui-list-header,.vui-list-split .vui-list-item:not(:last-child) {
	border-bottom:1px solid var(--color-neutral-3)
}
.vui-list-split .vui-list-footer {
	border-top:1px solid var(--color-neutral-3)
}
.vui-list-header {
	color:var(--color-text-1);
	font-weight:500;
	font-size:16px;
	line-height:1.5
}
.vui-list-item {
	display:flex;
	justify-content:space-between;
	box-sizing:border-box;
	width:100%;
	overflow:hidden
}
.vui-list-item-main {
	flex:1
}
.vui-list-item-main .vui-list-item-action:not(:first-child) {
	margin-top:4px
}
.vui-list-item-meta {
	display:flex;
	align-items:center;
	padding:4px 0
}
.vui-list-item-meta-avatar {
	display:flex
}
.vui-list-item-meta-avatar:not(:last-child) {
	margin-right:16px
}
.vui-list-item-meta-title {
	color:var(--color-text-1);
	font-weight:500
}
.vui-list-item-meta-title:not(:last-child) {
	margin-bottom:2px
}
.vui-list-item-meta-description {
	color:var(--color-text-2)
}
.vui-list-item-action {
	display:flex;
	flex-wrap:nowrap;
	align-self:center;
	margin:0;
	padding:0;
	list-style:none
}
.vui-list-item-action>li {
	display:inline-block;
	cursor:pointer
}
.vui-list-item-action>li:not(:last-child) {
	margin-right:20px
}
.vui-list-hover .vui-list-item:hover {
	background-color:var(--color-fill-1)
}
.vui-list-pagination {
	float:right;
	margin-top:24px
}
.vui-list-pagination::after {
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
	visibility:hidden;
	content:''
}
.vui-list-scroll-loading {
	display:flex;
	align-items:center;
	justify-content:center
}
.vui-list-content {
	flex:auto
}
.vui-list-content .vui-empty {
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%
}