.DotLoader_loaderContainer__vHHe2{position:relative;width:150px;height:150px;perspective:800px;transform-style:preserve-3d}.DotLoader_sphereCore__yZkCW{position:absolute;width:60px;height:60px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 40% 40%,#60a5fa,#3b82f6);border-radius:50%;.DotLoader_loaderWrapper__hPOvw{position:relative}.DotLoader_loaderContainer__vHHe2{position:relative;width:150px;height:150px;perspective:800px;transform-style:preserve-3d}.DotLoader_sphereCore__yZkCW{position:absolute;width:60px;height:60px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 40% 40%,#60a5fa,#3b82f6);border-radius:50%;box-shadow:0 0 25px rgba(59,130,246,.5);animation:DotLoader_pulse__u__cG 2s cubic-bezier(.5,0,.5,1) infinite}.DotLoader_ring__qpRtb{position:absolute;width:100%;height:100%;border:2px solid rgba(59,130,246,.7);border-radius:50%;box-shadow:0 0 15px rgba(59,130,246,.3);transform-style:preserve-3d}.DotLoader_ring1__qC53X{animation:DotLoader_rotateX__6Ao4a 2.5s cubic-bezier(.65,0,.35,1) infinite}.DotLoader_ring2__m51r8{animation:DotLoader_rotateY__8SfKZ 2s cubic-bezier(.55,0,.45,1) infinite;width:120px;height:120px;top:15px;left:15px;border-color:rgba(59,130,246,.5)}.DotLoader_ring3__PGwRb{animation:DotLoader_rotateXY__Zt_Q2 3s cubic-bezier(.7,0,.3,1) infinite;width:90px;height:90px;top:30px;left:30px;border-color:rgba(20,184,166,.4)}.DotLoader_loaderContainer__vHHe2:hover .DotLoader_sphereCore__yZkCW{background:radial-gradient(circle at 40% 40%,#2dd4bf,#14b8a6);box-shadow:0 0 35px rgba(20,184,166,.6)}.DotLoader_loaderContainer__vHHe2:hover .DotLoader_ring__qpRtb{border-color:rgba(20,184,166,.7);box-shadow:0 0 20px rgba(20,184,166,.4)}box-shadow:0 0 25px rgba(59,130,246,.5);animation:DotLoader_pulse__u__cG 2s cubic-bezier(.5,0,.5,1) infinite}.DotLoader_ring__qpRtb{position:absolute;width:100%;height:100%;border:2px solid rgba(59,130,246,.7);border-radius:50%;box-shadow:0 0 15px rgba(59,130,246,.3);transform-style:preserve-3d}.DotLoader_ring1__qC53X{animation:DotLoader_rotateX__6Ao4a 2.5s cubic-bezier(.65,0,.35,1) infinite}.DotLoader_ring2__m51r8{animation:DotLoader_rotateY__8SfKZ 2s cubic-bezier(.55,0,.45,1) infinite;width:120px;height:120px;top:15px;left:15px;border-color:rgba(59,130,246,.5)}.DotLoader_ring3__PGwRb{animation:DotLoader_rotateXY__Zt_Q2 3s cubic-bezier(.7,0,.3,1) infinite;width:90px;height:90px;top:30px;left:30px;border-color:rgba(20,184,166,.4)}.DotLoader_loaderContainer__vHHe2:hover .DotLoader_sphereCore__yZkCW{background:radial-gradient(circle at 40% 40%,#2dd4bf,#14b8a6);box-shadow:0 0 35px rgba(20,184,166,.6)}.DotLoader_loaderContainer__vHHe2:hover .DotLoader_ring__qpRtb{border-color:rgba(20,184,166,.7);box-shadow:0 0 20px rgba(20,184,166,.4)}@keyframes DotLoader_rotateX__6Ao4a{0%{transform:rotateX(0deg)}50%{transform:rotateX(180deg)}to{transform:rotateX(1turn)}}@keyframes DotLoader_rotateY__8SfKZ{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}@keyframes DotLoader_rotateXY__Zt_Q2{0%{transform:rotateX(0deg) rotateY(0deg)}50%{transform:rotateX(90deg) rotateY(180deg)}to{transform:rotateX(1turn) rotateY(1turn)}}@keyframes DotLoader_pulse__u__cG{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 25px rgba(59,130,246,.5)}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 35px rgba(59,130,246,.7)}}