@import "variable";
.loader-wrapper {
  position: absolute;
  width: 100%;
  display: flex;
  margin-top: 100px;
  left: 50%;
  transform: translate(-10%, 30%);

  .loader {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: inline-block;
    border-top: 2px solid #7a5af8;
    border-right: 2px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
    margin-left: 25px;
  }

  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
}

.message {
  color: white;
  display: inline-block;
  position: fixed;
  right: 10px;
  padding: 15px 20px;
  top: calc(100vh - 95vh);
  border-radius: 8px;
  z-index: 1000;

  &:not(:empty) {
    background: #7a5af8;
  }
}