@import "/ui/styles/_theme.scss";

.float-dock {
	pointer-events: all;
	background-color: $bg-1;
	border: 1px solid $line-strong;
	border-left: 2px solid @import "/ui/styles/_theme.scss";

.float-dock {
	pointer-events: all;
	background-color: $bg-1;
	border: 1px solid $line-strong;
	border-left: 2px solid $accent;
	padding: 10px 14px;
	flex-direction: column;
	gap: 8px;

	&.float-dock--row { flex-direction: row; align-items: center; }
	&.float-dock--quiet { border-left-color: $line-mid; }
	&.float-dock--focus { border-left-color: $accent; }
	&.float-dock--danger { border-left-color: $danger; }
}
_TMP_PRIMARY;
	padding: 10px 14px;
	flex-direction: column;
	gap: 8px;

	&.float-dock--row { flex-direction: row; align-items: center; }
	&.float-dock--quiet { border-left-color: $line-mid; }
	&.float-dock--focus { border-left-color: $accent; }
	&.float-dock--danger { border-left-color: $danger; }
}