.metadata {
  color: #666666;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.metadata__wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.metadata__update-notice,
.metadata__update-last {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.metadata__update-notice {
  color: #22c55e;
}

.metadata--white {
  color: white;
}

.metadata--white .metadata__update-notice {
  color: white;
}

@media (max-width: 480px) {
  .metadata {
    flex-direction: column;
  }
}

@media (prefers-color-scheme: dark) {
  .metadata {
    color: #adb5bd;
  }

  .metadata__update-notice {
    color: #40c057;
  }

  .metadata--white {
    color: #f8f9fa;
  }

  .metadata--white .metadata__update-notice {
    color: #f8f9fa;
  }
}