.loader[data-v-a93b7605]{--size:250px;--duration:1.3s;--logo-color:grey;--background:linear-gradient(0deg,var(--background-card) 0%,hsla(0,0%,39%,.2) 100%);aspect-ratio:1;height:var(--size);position:relative}.loader .box[data-v-a93b7605]{animation:ripple-a93b7605 var(--duration) infinite ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#63636326;background:var(--background);border-radius:50%;border-top:1px solid #646464;box-shadow:0 10px 10px #0000004d;position:absolute}.loader .box[data-v-a93b7605]:first-child{inset:40%;z-index:99}.loader .box[data-v-a93b7605]:nth-child(2){animation-delay:.1s;border-color:#636363cc;inset:30%;z-index:98}.loader .box[data-v-a93b7605]:nth-child(3){animation-delay:.3s;border-color:#63636399;inset:20%;z-index:97}.loader .box[data-v-a93b7605]:nth-child(4){animation-delay:.5s;border-color:#63636366;inset:10%;z-index:96}.loader .box[data-v-a93b7605]:nth-child(5){animation-delay:.7s;border-color:#63636333;inset:0;z-index:95}.loader .logo[data-v-a93b7605]{display:grid;inset:0;padding:30%;place-content:center;position:absolute}.loader .logo svg[data-v-a93b7605]{animation:color-change-a93b7605 var(--duration) infinite ease-in-out;fill:var(--logo-color);width:100%}@keyframes ripple-a93b7605{0%{box-shadow:0 10px 10px #0000004d;transform:scale(1)}50%{box-shadow:0 30px 20px #0000004d;transform:scale(1.3)}to{box-shadow:0 10px 10px #0000004d;transform:scale(1)}}@keyframes color-change-a93b7605{0%{fill:var(--logo-color)}50%{fill:#fff}to{fill:var(--logo-color)}}