@import '~scss/variables';
@import '~scss/mixins';

.wrapper {
  margin: 0 auto;
}

.header {
  margin-bottom: 12px;
}

.toolbar {
  position: relative;
  padding: 8px 20px;
  background-color: #fff;
  z-index: 1;
}

.empty {
  padding: 20px;
  text-align: center;
}

.list {
  margin-top: 12px;
}

.loading {
  margin-top: 100px;
  text-align: center;
}

.footer {
  position: relative;
  height: 1px;
  margin-top: 32px;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-image-source: radial-gradient(
    circle at 50% 7%,
    #d8dee5,
    rgba(216, 222, 229, 0.16)
  );
  border-image-slice: 1;

  & > p {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 8px;
    background-color: #ecf1f7;
    transform: translate(-50%, -50%);
    color: #79879c;
  }
}
