@use '../../theme/v2Styles' as *;

.eventContainer {
  flex: 1;

  margin-top: 1em;
  display: flex;
  flex-direction: column;
  padding: 0 4px;
  overflow-y: scroll;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  height: 100%;
}

.list {
  overflow-x: clip;
  display: flex;
  flex-direction: column;
}

.empty {
  opacity: 0.3;
  align-self: center;
}

.alignCenter {
  text-align: center;
  flex-direction: column;

  .spaceTop {
    margin-top: 1.5rem;
  }
}

.spacer {
  min-height: 50vh;
}

.entryWrapper {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.entryIndex {
  text-align: right;
  min-width: 2em;
  color: $label-gray;
  font-size: calc(1rem - 3px);
}

.entry {
  flex: 1;
}