.info-bar {
  padding: var(--spacing-3) var(--spacing-4);

  border: var(--form-border);
  border-radius: 6px;
  border-color: var(--slate-3);

  background-color: var(--slate-3);

  color: var(--slate-11);
  font-size: var(--font-size-2);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-2);

  .info-bar__content {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
  }

  .info-bar__icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: var(--spacing-4);
    height: var(--spacing-4);

    color: var(--slate-11);
  }
}
