:root,
:host {
  --edgebasepage-loading-text-color: rgb(0, 25, 255);
  --edgebasepage-loading-spinner-color: rgb(0, 25, 255);
  --edgebasepage-loading-spinner-size: min(8vw, 48px);
  --edgebasepage-loading-spinner-duration: .8s
}
.close-edgebasepage-loading-box .edgebasepage-loading-box{
  display: none;
}
/*#app:has(.layout.bg-transparent) + .edgebasepage-loading-box{*/
/*  display: none;*/
/*}*/

.edgebasepage-loading-box {
  position: fixed;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
}

.edgebasepage-loading {
  position: relative;
  color: var(--edgebasepage-loading-spinner-color);
  font-size: 0;
  vertical-align: middle
}

.edgebasepage-loading__spinner {
  position: relative;
  display: inline-block;
  width: var(--edgebasepage-loading-spinner-size);
  max-width: 100%;
  height: var(--edgebasepage-loading-spinner-size);
  max-height: 100%;
  vertical-align: middle;
  animation: edgebasepage-rotate var(--edgebasepage-loading-spinner-duration) linear infinite
}

.edgebasepage-loading__spinner--spinner {
  animation-timing-function: steps(12)
}

.edgebasepage-loading__spinner--circular {
  animation-duration: 2s
}

.edgebasepage-loading__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.edgebasepage-loading__line:before {
  display: block;
  width: min(0.533vw, 3.2px);
  height: 25%;
  margin: 0 auto;
  background-color: currentColor;
  border-radius: 40%;
  content: " "
}

.edgebasepage-loading__circular {
  display: block;
  width: 100%;
  height: 100%
}

.edgebasepage-loading__circular circle {
  animation: edgebasepage-circular 1.5s ease-in-out infinite;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round
}

.edgebasepage-loading--vertical {
  display: flex;
  flex-direction: column;
  align-items: center
}

.edgebasepage-loading--vertical .edgebasepage-loading__text {
  margin: var(--edgebasepage-padding-xs) 0 0
}

@keyframes edgebasepage-circular {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120
  }
}

@keyframes edgebasepage-rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.edgebasepage-loading__line--1 {
  transform: rotate(30deg);
  opacity: 1
}

.edgebasepage-loading__line--2 {
  transform: rotate(60deg);
  opacity: 0.9375
}

.edgebasepage-loading__line--3 {
  transform: rotate(90deg);
  opacity: 0.875
}

.edgebasepage-loading__line--4 {
  transform: rotate(120deg);
  opacity: 0.8125
}

.edgebasepage-loading__line--5 {
  transform: rotate(150deg);
  opacity: 0.75
}

.edgebasepage-loading__line--6 {
  transform: rotate(180deg);
  opacity: 0.6875
}

.edgebasepage-loading__line--7 {
  transform: rotate(210deg);
  opacity: 0.625
}

.edgebasepage-loading__line--8 {
  transform: rotate(240deg);
  opacity: 0.5625
}

.edgebasepage-loading__line--9 {
  transform: rotate(270deg);
  opacity: 0.5
}

.edgebasepage-loading__line--10 {
  transform: rotate(300deg);
  opacity: 0.4375
}

.edgebasepage-loading__line--11 {
  transform: rotate(330deg);
  opacity: 0.375
}

.edgebasepage-loading__line--12 {
  transform: rotate(360deg);
  opacity: 0.3125
}