.wrapper{width:100%;height:100%;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center}:is(.dark .dark\:wrapper-dark){background:#000}.spinner{width:40px;height:40px;border-radius:50%;background:radial-gradient(farthest-side,#3f51b5 94%,#0000) top/6px 6px no-repeat,conic-gradient(#0000 30%,#3f51b5);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 0);animation:spinner .6s linear infinite}@keyframes spinner{to{transform:rotate(1turn)}}.bubbles{width:15px;aspect-ratio:1;border-radius:50%}@keyframes swap{0%{box-shadow:20px 0 #000,-20px 0 #0002;background:#000}33%{box-shadow:20px 0 #000,-20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #000;background:#0002}to{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}@keyframes swapLight{0%{box-shadow:20px 0 #646c77,-20px 0 #646c77;background:#646c77}33%{box-shadow:20px 0 #646c77,-20px 0 #646c77;background:#646c77}66%{box-shadow:20px 0 #646c772,-20px 0 #646c77;background:#646c77}to{box-shadow:20px 0 #646c772,-20px 0 #646c77;background:#646c77}}.bubbles{animation:swapLight .4s ease-out infinite alternate}@keyframes swapDark{0%{box-shadow:20px 0 #ffffff,-20px 0 #ffffff;background:#ffffff}33%{box-shadow:20px 0 #ffffff,-20px 0 #ffffff;background:#ffffff}66%{box-shadow:20px 0 #ffffff2,-20px 0 #ffffff;background:#ffffff}to{box-shadow:20px 0 #ffffff2,-20px 0 #ffffff;background:#ffffff}}.dark .bubbles{animation:swapDark .4s ease-out infinite alternate}