* {
  font-family: unset;
}

img {
  width: 100%;
}

.xf-loadContainer {
  background-color: #00000080;
  z-index: 114514;
  position: fixed;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
}

.xf-scaleOut {
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.xf-hide {
  display: none;
}

.xf-loading {
  background-image: url('/media/img/loading.avif');
  background-size: cover;
  background-position: center;
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  height: 216px;
  width: 216px;
  text-shadow: 0 0 1rem #000;
}

.xf-error-text {
  color: #f80;
}