.welcome > .fleet-symbol {
  color: var(--gold);
  background: #f3e8d5;
}

.fleet-symbol::before {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  background: var(--gold);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h10v9h2.2l1.7-4H21l2 4v3h-2.1a3 3 0 0 1-5.8 0H9.9a3 3 0 0 1-5.8 0H2V8a2 2 0 0 1 1-2Zm14.8 7L17 15h3.8l-1-2h-2ZM7 16.5A1.5 1.5 0 1 0 7 19.5a1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM5 8v5h6V8H5Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h10v9h2.2l1.7-4H21l2 4v3h-2.1a3 3 0 0 1-5.8 0H9.9a3 3 0 0 1-5.8 0H2V8a2 2 0 0 1 1-2Zm14.8 7L17 15h3.8l-1-2h-2ZM7 16.5A1.5 1.5 0 1 0 7 19.5a1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM5 8v5h6V8H5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}