.sb-dashboard-search-bar
  display: flex
  align-items: center
  background-color: var(--primary-color-brightest)
  padding: 8px
  margin: -2px

.sb-dashboard-search-bar-input
  flex-grow: 1
  border-radius: 6px

.sb-labs-container
  display: flex
  flex-direction: column
  gap: 16px
  margin-bottom: 16px

.sb-dashboard-content
  position: relative
  min-height: 0
  flex-grow: 1
  display: flex
  flex-direction: column
  margin: 0 16px
  gap: 10px

.search-bar-icon
  flex-shrink: 0
  display: flex
  align-items: center
  justify-content: center
  padding: 0 0.75em
  color: var(--primary-color-text)
  font-size: 1.2em
  width: auto
  cursor: pointer

.sb-dashboard-pagination-controls
  position: absolute
  bottom: 0
  left: 0
  right: 0
  display: flex
  justify-content: space-around
  align-items: center
  flex-direction: row
  background-color: var(--primary-color)

  .p-paginator
    background-color: transparent
    border: none

.sb-dashboard-empty
  width: 100%
  height: 100%
  display: flex
  align-items: center
  justify-content: center
  flex-direction: column
  color: var(--primary-color-text)

  img
    filter: invert(1)
    opacity: 0.3

