.button-bar {
	margin-bottom: 0.5em;
}
.button-bar span.btn {
	font-size: large;
	padding: 0.3em 1em;
}
.button-bar div {
	font-size: large;
	padding: 0 0.5em;
}
.bucket-list {
	border: 2px solid var(--border);
	border-radius: 1em;
	padding: 1em;
}
.bucket-item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 0.5em;
}
.bucket-item-flags {
	flex-grow: 3;
	min-width: 3em;
	padding: 0 0.25em;
	flex-shrink: 0;
	position: relative;
	border: 2px solid var(--border);
	border-radius: 0.5em;
	margin-right: 1em;
	text-align: center;
	background-color: var(--bg-toast);
}
.bucket-item-item {
	flex-grow: 100;
}
.bucket-item-del {
	flex-grow: 0;
}
.padh {
	padding-left: 1em;
	padding-right: 1em;
}
.flags-menu {
	display: none;
	position: absolute;
	top: 0;
	left: 3em;
	border: 2px solid var(--border);
	background-color: var(--bg1);
	border-radius: 0.5em;
	padding: 0.3em;
	z-index: 10;
}
.flags-menu .flag {
	margin: 0.2em;
	border-radius: 0.2em;
}
.delete-container {
	margin-top: 1em;
	margin-right: 1.25em;
	text-align: right;
}