.loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 40;
}
.loading__loader {
  display: block;
  position: relative;
  width: 72px;
  height: 72px;
  left: 0;
  right: 0;
  margin: auto;
}
.loading__loader div {
  position: absolute;
  border-width: 4px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(120, 53, 15, var(--tw-border-opacity));
  opacity: 1;
  border-radius: 50%;
  -webkit-animation: loading__loader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
          animation: loading__loader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.loading__loader div:nth-child(2) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
@-webkit-keyframes loading__loader {
0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
}
100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
}
}
@keyframes loading__loader {
0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
}
100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
}
}
.loading__text {
  --tw-text-opacity: 1;
  color: rgba(120, 53, 15, var(--tw-text-opacity));
  text-align: center;
}