.loader{--size:250px;--duration:2s;height:var(--size);aspect-ratio:1;position:relative}.loader .box{position:absolute;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.05);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 8px 0 rgba(0,0,0,.1),0 14px 20px -12px rgba(0,0,0,.045);animation:ripple var(--duration) infinite ease-in-out}.loader .box:before{content:"";position:absolute;inset:-35%;border-radius:50%;background:radial-gradient(45% 50% at 30% 70%,rgba(214,178,154,.32) 0,transparent 72%),radial-gradient(50% 50% at 38% 32%,rgba(200,155,198,.3) 0,transparent 72%),radial-gradient(45% 45% at 65% 45%,rgba(123,134,255,.26) 0,transparent 72%),radial-gradient(42% 45% at 50% 55%,rgba(168,144,245,.24) 0,transparent 74%);filter:blur(42px);opacity:.78}.loader .box:first-child{inset:40%;z-index:99}.loader .box:nth-child(2){inset:30%;z-index:98;animation-delay:.2s}.loader .box:nth-child(3){inset:20%;z-index:97;animation-delay:.4s}.loader .box:nth-child(4){inset:10%;z-index:96;animation-delay:.6s}.loader .box:nth-child(5){inset:0;z-index:95;animation-delay:.8s}.loader .logo{position:absolute;inset:0;display:grid;place-content:center;padding:30%}@keyframes ripple{0%{transform:scale(1);box-shadow:0 6px 8px 0 rgba(0,0,0,.1),0 14px 20px -12px rgba(0,0,0,.045)}50%{transform:scale(1.22);box-shadow:0 18px 14px 0 rgba(0,0,0,.13),0 30px 38px -12px rgba(0,0,0,.065)}to{transform:scale(1);box-shadow:0 6px 8px 0 rgba(0,0,0,.1),0 14px 20px -12px rgba(0,0,0,.045)}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );transform:translateX(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}