@cldemo/ui-kit 1.0.11 → 1.0.12

package/buildLibs/styles/Element/ClButton.css

@@ -0,0 +1,2453 @@
+
+.load-ballColor4 .loader[data-v-f4260593] {
+  position: relative;
+  width: 24px;
+  height: 24px;
+  transform: rotate(45deg);
+  animation: roll-f4260593 2.5s linear infinite;
+}
+.load-ballColor4 .loader span[data-v-f4260593] {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  transform: rotate(calc(90deg * var(--i)));
+}
+.load-ballColor4 .loader span[data-v-f4260593]::before {
+  content: '';
+  width: 9px;
+  height: 9px;
+  border-radius: 50%;
+  background-color: var(--c);
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  animation: move-f4260593 2.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
+}
+@keyframes move-f4260593 {
+0%,
+  100% {
+    left: 50%;
+}
+50% {
+    left: 0;
+}
+}
+@keyframes roll-f4260593 {
+to {
+    transform: rotate(405deg);
+}
+}
+
+
+.load-barBounce[data-v-8e6f1e61] { width: 24px; height: 16px;
+}
+.loader[data-v-8e6f1e61] {
+  width: 24px;
+  height: 16px;
+  background:
+    var(--g) 0    100%,
+    var(--g) 50%  100%,
+    var(--g) 100% 100%;
+  background-size: 5px calc(100% - 2px);
+  position: relative;
+}
+.loader[data-v-8e6f1e61]::before {
+  content: "";
+  position: absolute;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: var(--g);
+  left: 0;
+  top: 0;
+  animation:
+    barBounce-1-8e6f1e61 1.5s linear infinite alternate,barBounce-2-8e6f1e61 0.75s cubic-bezier(0, 200, .8, 200) infinite;
+}
+@keyframes barBounce-1-8e6f1e61 {
+100% { left: calc(100% - 5px);
+}
+}
+@keyframes barBounce-2-8e6f1e61 {
+100% { top: -0.1px;
+}
+}
+
+
+.load-barEqualizer[data-v-93ced557] { width: 27px; height: 27px;
+}
+.loader[data-v-93ced557] {
+  width: 27px;
+  aspect-ratio: 1;
+  background:
+    var(--g) 0%   50%,
+    var(--g) 50%  50%,
+    var(--g) 100% 50%;
+  background-size: 20% 100%;
+  animation: barEqualizer-93ced557 1s infinite linear;
+}
+@keyframes barEqualizer-93ced557 {
+0%   { background-size: 20% 100%, 20% 100%, 20% 100%;
+}
+33%  { background-size: 20% 10%,  20% 100%, 20% 100%;
+}
+50%  { background-size: 20% 100%, 20% 10%,  20% 100%;
+}
+66%  { background-size: 20% 100%, 20% 100%, 20% 10%;
+}
+100% { background-size: 20% 100%, 20% 100%, 20% 100%;
+}
+}
+
+
+.load-barMeter[data-v-1e6ccd1d] { width: 24px; height: 24px;
+}
+.loader[data-v-1e6ccd1d] {
+  width: 24px;
+  aspect-ratio: 1;
+  background:
+    var(--g), var(--r1), var(--r2),
+    var(--g), var(--r1), var(--r2),
+    var(--g), var(--r1), var(--r2);
+  background-repeat: no-repeat;
+  animation: barMeter-1e6ccd1d 1s infinite alternate;
+}
+@keyframes barMeter-1e6ccd1d {
+0%, 25% {
+    background-size: 5px 0, 5px 2px, 5px 2px, 5px 0, 5px 2px, 5px 2px, 5px 0, 5px 2px, 5px 2px;
+    background-position: 0 50%, 0 calc(50% - 1px), 0 calc(50% + 1px), 50% 50%, 50% calc(50% - 1px), 50% calc(50% + 1px), 100% 50%, 100% calc(50% - 1px), 100% calc(50% + 1px);
+}
+50% {
+    background-size: 5px 100%, 5px 2px, 5px 2px, 5px 0, 5px 2px, 5px 2px, 5px 0, 5px 2px, 5px 2px;
+    background-position: 0 50%, 0 calc(0% - 1px), 0 calc(100% + 1px), 50% 50%, 50% calc(50% - 1px), 50% calc(50% + 1px), 100% 50%, 100% calc(50% - 1px), 100% calc(50% + 1px);
+}
+75% {
+    background-size: 5px 100%, 5px 2px, 5px 2px, 5px 100%, 5px 2px, 5px 2px, 5px 0, 5px 2px, 5px 2px;
+    background-position: 0 50%, 0 calc(0% - 1px), 0 calc(100% + 1px), 50% 50%, 50% calc(0% - 1px), 50% calc(100% + 1px), 100% 50%, 100% calc(50% - 1px), 100% calc(50% + 1px);
+}
+95%, 100% {
+    background-size: 5px 100%, 5px 2px, 5px 2px, 5px 100%, 5px 2px, 5px 2px, 5px 100%, 5px 2px, 5px 2px;
+    background-position: 0 50%, 0 calc(0% - 1px), 0 calc(100% + 1px), 50% 50%, 50% calc(0% - 1px), 50% calc(100% + 1px), 100% 50%, 100% calc(0% - 1px), 100% calc(100% + 1px);
+}
+}
+
+
+.load-barPulse[data-v-10d72786] { width: 27px; height: 27px;
+}
+.loader[data-v-10d72786] {
+  width: 27px;
+  aspect-ratio: 1;
+  background:
+    var(--g) 0    0,
+    var(--g) 0    100%,
+    var(--g) 50%  0,
+    var(--g) 50%  100%,
+    var(--g) 100% 0,
+    var(--g) 100% 100%;
+  animation: barPulse-10d72786 1s infinite linear;
+}
+@keyframes barPulse-10d72786 {
+80%       { background-size: 20% 30%;
+}
+0%, 90%, 100% { background-size: 20% 50%;
+}
+}
+
+
+.load-barRamp[data-v-0902404d] { width: 24px; height: 18px;
+}
+.loader[data-v-0902404d] {
+  width: 24px;
+  height: 18px;
+  background:
+    var(--g) 0    100%/5px 18px,
+    var(--g) 50%  100%/5px 12px,
+    var(--g) 100% 100%/5px 6px;
+  position: relative;
+  clip-path: inset(-100% 0);
+}
+.loader[data-v-0902404d]::before {
+  content: "";
+  position: absolute;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: var(--g);
+  left: -10px;
+  top: 0;
+  animation:
+    barRamp-1-0902404d 2s linear infinite,barRamp-2-0902404d 0.5s cubic-bezier(0, 200, .8, 200) infinite;
+}
+@keyframes barRamp-1-0902404d {
+0%   { left: -10px; transform: translateY(-5px);
+}
+100% { left: calc(100% + 5px); transform: translateY(13px);
+}
+}
+@keyframes barRamp-2-0902404d {
+100% { top: -0.1px;
+}
+}
+
+
+.load-barStream[data-v-960e169b] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.loader[data-v-960e169b] {
+  width: 27px;
+  height: 24px;
+  background:
+    linear-gradient(#0000 calc(1 * 100% / 6), var(--v1c744c18) 0 calc(3 * 100% / 6), #0000 0),
+    linear-gradient(#0000 calc(2 * 100% / 6), var(--v1c744c18) 0 calc(4 * 100% / 6), #0000 0),
+    linear-gradient(#0000 calc(3 * 100% / 6), var(--v1c744c18) 0 calc(5 * 100% / 6), #0000 0);
+  background-size: 6px 400%;
+  background-repeat: no-repeat;
+  animation: barStream-matrix-960e169b 1s infinite linear;
+}
+@keyframes barStream-matrix-960e169b {
+0% {
+    background-position: 0% 100%, 50% 100%, 100% 100%;
+}
+100% {
+    background-position: 0% 0%, 50% 0%, 100% 0%;
+}
+}
+
+
+.load-barStretch[data-v-cd408a19] { width: 27px; height: 27px;
+}
+.loader[data-v-cd408a19] {
+  width: 27px;
+  aspect-ratio: 1;
+  background:
+    var(--g) 0    0,
+    var(--g) 0    100%,
+    var(--g) 50%  50%,
+    var(--g) 100% 0,
+    var(--g) 100% 100%;
+  animation: barStretch-cd408a19 1s infinite alternate;
+}
+@keyframes barStretch-cd408a19 {
+0%, 10%   { background-size: 20% 100%;
+}
+50%       { background-size: 20% 20%;
+}
+90%, 100% { background-size: 100% 20%;
+}
+}
+
+
+.load-barWave[data-v-93f61946] { width: 27px; height: 27px;
+}
+.loader[data-v-93f61946] {
+  width: 27px;
+  aspect-ratio: 1;
+  background:
+    no-repeat linear-gradient(var(--c, #000) 0 0) 0%   100%,
+    no-repeat linear-gradient(var(--c, #000) 0 0) 50%  100%,
+    no-repeat linear-gradient(var(--c, #000) 0 0) 100% 100%;
+  animation: barWave-93f61946 1s infinite linear;
+}
+@keyframes barWave-93f61946 {
+0%   { background-size: 20% 100%, 20% 100%, 20% 100%;
+}
+20%  { background-size: 20% 60%,  20% 100%, 20% 100%;
+}
+40%  { background-size: 20% 80%,  20% 60%,  20% 100%;
+}
+60%  { background-size: 20% 100%, 20% 80%,  20% 60%;
+}
+80%  { background-size: 20% 100%, 20% 100%, 20% 80%;
+}
+100% { background-size: 20% 100%, 20% 100%, 20% 100%;
+}
+}
+
+
+.load-circleBubble[data-v-524af90b] {
+  height: 30px;
+  width: 30px;
+}
+.load-circleBubble-container[data-v-524af90b] {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  height: 20px;
+  width: 20px;
+  margin-top: -10px;
+  margin-left: -10px;
+}
+.circleBubble-container[data-v-524af90b] {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+.circleBubble-container2[data-v-524af90b] {
+  transform: rotateZ(45deg);
+}
+.circleBubble-container3[data-v-524af90b] {
+  transform: rotateZ(90deg);
+}
+.circleBubble-item[data-v-524af90b] {
+  width: 5px;
+  height: 5px;
+  background-color: currentColor;
+  border-radius: 100%;
+  position: absolute;
+  animation: circleBubble-item-524af90b 1.2s infinite ease-in-out;
+  animation-fill-mode: both;
+}
+.circleBubble-item1[data-v-524af90b] {
+  top: 0;
+  left: 0;
+}
+.circleBubble-item2[data-v-524af90b] {
+  top: 0;
+  right: 0;
+}
+.circleBubble-item3[data-v-524af90b] {
+  right: 0;
+  bottom: 0;
+}
+.circleBubble-item4[data-v-524af90b] {
+  left: 0;
+  bottom: 0;
+}
+.circleBubble-container2 .circleBubble-item1[data-v-524af90b] {
+  animation-delay: -1.1s;
+}
+.circleBubble-container3 .circleBubble-item1[data-v-524af90b] {
+  animation-delay: -1s;
+}
+.circleBubble-container1 .circleBubble-item2[data-v-524af90b] {
+  animation-delay: -0.9s;
+}
+.circleBubble-container2 .circleBubble-item2[data-v-524af90b] {
+  animation-delay: -0.8s;
+}
+.circleBubble-container3 .circleBubble-item2[data-v-524af90b] {
+  animation-delay: -0.7s;
+}
+.circleBubble-container1 .circleBubble-item3[data-v-524af90b] {
+  animation-delay: -0.6s;
+}
+.circleBubble-container2 .circleBubble-item3[data-v-524af90b] {
+  animation-delay: -0.5s;
+}
+.circleBubble-container3 .circleBubble-item3[data-v-524af90b] {
+  animation-delay: -0.4s;
+}
+.circleBubble-container1 .circleBubble-item4[data-v-524af90b] {
+  animation-delay: -0.3s;
+}
+.circleBubble-container2 .circleBubble-item4[data-v-524af90b] {
+  animation-delay: -0.2s;
+}
+.circleBubble-container3 .circleBubble-item4[data-v-524af90b] {
+  animation-delay: -0.1s;
+}
+@keyframes circleBubble-item-524af90b {
+0%,
+  80%,
+  100% {
+    transform: scale(0);
+}
+40% {
+    transform: scale(1);
+}
+}
+
+
+.load-circleNotch[data-v-5f36cd6e] {
+  width: 14px;
+  height: 14px;
+}
+.load-circleNotch-container[data-v-5f36cd6e] {
+  width: 13px;
+  height: 13px;
+  border-radius: 50%;
+  --mask: radial-gradient(closest-side, transparent 75%, black 76%);
+  -webkit-mask-image: var(--mask);
+  mask-image: var(--mask);
+  animation: bcRotate-5f36cd6e 1s linear infinite;
+}
+@keyframes bcRotate-5f36cd6e {
+from {
+    transform: rotate(0deg);
+}
+to {
+    transform: rotate(360deg);
+}
+}
+
+
+.load-circleSpinner[data-v-b2fbd6b8] { width: 14px; height: 14px;
+}
+.loader[data-v-b2fbd6b8] {
+  width: 14px;
+  height: 14px;
+  border: 1px solid #c3c3c3;
+  border-top-color: currentColor;
+  border-radius: 50%;
+  animation: circleSpinner-b2fbd6b8 0.8s linear infinite;
+}
+@keyframes circleSpinner-b2fbd6b8 {
+to { transform: rotate(360deg);
+}
+}
+
+
+.load-crossMove[data-v-4257c622] { width: 21px; height: 21px;
+}
+.loader[data-v-4257c622] {
+  width: 21px;
+  aspect-ratio: 1;
+  background: var(--c1), var(--c2), var(--c1), var(--c2);
+  background-size: 300% 2px, 2px 300%;
+  background-repeat: no-repeat;
+  animation: crossMove-4257c622 1s infinite linear;
+}
+@keyframes crossMove-4257c622 {
+0%      { background-position: 50% 0, 100% 100%, 0 100%, 0 0;
+}
+25%     { background-position: 0 0, 100% 50%, 0 100%, 0 0;
+}
+50%     { background-position: 0 0, 100% 0, 50% 100%, 0 0;
+}
+75%     { background-position: 0 0, 100% 0, 100% 100%, 0 50%;
+}
+75.01%  { background-position: 100% 0, 100% 0, 100% 100%, 0 50%;
+}
+100%    { background-position: 50% 0, 100% 0, 100% 100%, 0 100%;
+}
+}
+
+
+.load-diamondShuttle[data-v-247000d3] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.loader[data-v-247000d3] {
+  position: relative;
+  width: 2.5em;
+  height: 2.5em;
+  transform: rotate(165deg);
+}
+.loader[data-v-247000d3]:before,
+.loader[data-v-247000d3]:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  display: block;
+  width: 0.5em;
+  height: 0.5em;
+  border-radius: 0.25em;
+  transform: translate(-50%, -50%);
+}
+.loader[data-v-247000d3]:before {
+  animation: diamondShuttle-before-247000d3 2s infinite;
+}
+.loader[data-v-247000d3]:after {
+  animation: diamondShuttle-after-247000d3 2s infinite;
+}
+@keyframes diamondShuttle-before-247000d3 {
+0% {
+    width: 0.5em;
+    box-shadow: 1em -0.5em var(--v66563c8e), -1em 0.5em var(--v66563c8f);
+}
+35% {
+    width: 2.5em;
+    box-shadow: 0 -0.5em var(--v66563c8e), 0 0.5em var(--v66563c8f);
+}
+70% {
+    width: 0.5em;
+    box-shadow: -1em -0.5em var(--v66563c8e), 1em 0.5em var(--v66563c8f);
+}
+100% {
+    box-shadow: 1em -0.5em var(--v66563c8e), -1em 0.5em var(--v66563c8f);
+}
+}
+@keyframes diamondShuttle-after-247000d3 {
+0% {
+    height: 0.5em;
+    box-shadow: 0.5em 1em var(--v66563c90), -0.5em -1em var(--v66563c91);
+}
+35% {
+    height: 2.5em;
+    box-shadow: 0.5em 0 var(--v66563c90), -0.5em 0 var(--v66563c91);
+}
+70% {
+    height: 0.5em;
+    box-shadow: 0.5em -1em var(--v66563c90), -0.5em 1em var(--v66563c91);
+}
+100% {
+    box-shadow: 0.5em 1em var(--v66563c90), -0.5em -1em var(--v66563c91);
+}
+}
+
+
+.load-dotBounce[data-v-80a5768e] {
+  width: 36px;
+  height: 9px;
+}
+.loader[data-v-80a5768e] {
+  width: 36px;
+  aspect-ratio: 4;
+  --_g: no-repeat radial-gradient(circle closest-side, currentColor 90%, #0000);
+  background:
+    var(--_g) 0%   50%,
+    var(--_g) 50%  50%,
+    var(--_g) 100% 50%;
+  background-size: calc(100% / 3) 100%;
+  animation: dotBounce-80a5768e 1s infinite linear;
+}
+@keyframes dotBounce-80a5768e {
+33%  { background-size: calc(100% / 3) 0%,   calc(100% / 3) 100%, calc(100% / 3) 100%;
+}
+50%  { background-size: calc(100% / 3) 100%, calc(100% / 3) 0%,   calc(100% / 3) 100%;
+}
+66%  { background-size: calc(100% / 3) 100%, calc(100% / 3) 100%, calc(100% / 3) 0%;
+}
+}
+
+
+.load-dotFlow[data-v-d0121947] { width: 36px; height: 18px;
+}
+.loader[data-v-d0121947] {
+  width: 36px;
+  aspect-ratio: 2;
+  --_g: no-repeat radial-gradient(farthest-side, currentColor 90%, #0000);
+  background:
+    var(--_g) 0    50%,
+    var(--_g) 50%  50%,
+    var(--_g) 50%  50%,
+    var(--_g) 100% 50%;
+  background-size: 25% 50%;
+  animation: dotFlow-d0121947 1s infinite linear;
+}
+@keyframes dotFlow-d0121947 {
+33%  { background-position: 0   0  , 50% 100%, 50% 100%, 100% 0;
+}
+66%  { background-position: 50% 0  , 0  100%, 100% 100%, 50%  0;
+}
+100% { background-position: 50% 50%, 0  50% , 100% 50%, 50%  50%;
+}
+}
+
+
+.load-dotFold[data-v-81d5bf5b] {
+  --s: 9px;
+  width: calc(var(--s) * 2.33);
+  aspect-ratio: 1;
+}
+.loader[data-v-81d5bf5b] {
+  --s: 9px;
+  width: calc(var(--s) * 2.33);
+  aspect-ratio: 1;
+  display: flex;
+  justify-content: space-between;
+  animation: dotFold-0-81d5bf5b 1s infinite;
+}
+.loader[data-v-81d5bf5b]::before,
+.loader[data-v-81d5bf5b]::after {
+  content: "";
+  width: var(--s);
+  --_g: no-repeat radial-gradient(farthest-side, currentColor 94%, #0000);
+  background:
+    var(--_g) top,
+    var(--_g) bottom;
+  background-size: 100% var(--s);
+  transform-origin: 50% calc(100% - var(--s) / 2);
+  animation: inherit;
+  animation-name: dotFold-1-81d5bf5b;
+}
+.loader[data-v-81d5bf5b]::after { --_s: -1;
+}
+@keyframes dotFold-0-81d5bf5b {
+100% { transform: translateY(calc(var(--s) - 100%));
+}
+}
+@keyframes dotFold-1-81d5bf5b {
+100% { transform: rotate(calc(var(--_s, 1) * -180deg));
+}
+}
+
+
+.load-dotOrbit[data-v-d984c27f] { width: 15px; height: 15px;
+}
+.loader[data-v-d984c27f] {
+  width: 9px;
+  aspect-ratio: 1;
+  position: relative;
+}
+.loader[data-v-d984c27f]::before,
+.loader[data-v-d984c27f]::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: 50%;
+  background: currentColor;
+}
+.loader[data-v-d984c27f]::before {
+  box-shadow: -25px 0;
+  animation: dotOrbit-1-d984c27f 1s infinite linear;
+}
+.loader[data-v-d984c27f]::after {
+  transform: rotate(0deg) translateX(15px);
+  animation: dotOrbit-2-d984c27f 1s infinite linear;
+}
+@keyframes dotOrbit-1-d984c27f {
+100% { transform: translateX(15px);
+}
+}
+@keyframes dotOrbit-2-d984c27f {
+100% { transform: rotate(-180deg) translateX(15px);
+}
+}
+
+
+.load-dotPulse[data-v-da279337] {
+  width: 15px;
+  height: 9px;
+}
+.loader[data-v-da279337] {
+  width: 9px;
+  aspect-ratio: 1;
+  background: currentColor;
+  border-radius: 50%;
+  animation: dotPulse-da279337 0.5s infinite linear alternate;
+}
+@keyframes dotPulse-da279337 {
+0%   { box-shadow: 9px 0, -15px 0;
+}
+50%  { box-shadow: 9px 0, -9px 0;
+}
+100% { box-shadow: 15px 0, -9px 0;
+}
+}
+
+
+.load-dotPulse5[data-v-5e58936e] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.dots-container[data-v-5e58936e] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+}
+.dot[data-v-5e58936e] {
+  height: 12px;
+  width: 12px;
+  margin-right: 6px;
+  border-radius: 10px;
+  background-color: var(--fcdaa242);
+  animation: pulse-5e58936e 1.5s infinite ease-in-out;
+}
+.dot[data-v-5e58936e]:last-child {
+  margin-right: 0;
+}
+.dot[data-v-5e58936e]:nth-child(1) {
+  animation-delay: -0.3s;
+}
+.dot[data-v-5e58936e]:nth-child(2) {
+  animation-delay: -0.1s;
+}
+.dot[data-v-5e58936e]:nth-child(3) {
+  animation-delay: 0.1s;
+}
+@keyframes pulse-5e58936e {
+0% {
+    transform: scale(0.8);
+    background-color: var(--fcdaa242);
+    box-shadow: 0 0 0 0 var(--v0aecf216);
+}
+50% {
+    transform: scale(1.2);
+    background-color: var(--v743887a0);
+    box-shadow: 0 0 0 10px transparent;
+}
+100% {
+    transform: scale(0.8);
+    background-color: var(--fcdaa242);
+    box-shadow: 0 0 0 0 var(--v0aecf216);
+}
+}
+
+
+.load-dotRipple[data-v-de8c4bdd] { width: 12px; height: 12px;
+}
+.loader[data-v-de8c4bdd] {
+  width: 12px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  background: currentColor;
+  box-shadow: 0 0 0 0 #0004;
+  animation: dotRipple-de8c4bdd 1s infinite;
+}
+@keyframes dotRipple-de8c4bdd {
+100% { box-shadow: 0 0 0 18px #0000;
+}
+}
+
+
+.load-dotRipple3[data-v-b1b85727] { width: 12px; height: 12px;
+}
+.loader[data-v-b1b85727] {
+  width: 12px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  background: currentColor;
+  box-shadow: 0 0 0 0 #0004;
+  animation: dotRipple3-b1b85727 1.5s infinite linear;
+  position: relative;
+}
+.loader[data-v-b1b85727]::before,
+.loader[data-v-b1b85727]::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  box-shadow: 0 0 0 0 #0004;
+  animation: inherit;
+  animation-delay: -0.5s;
+}
+.loader[data-v-b1b85727]::after {
+  animation-delay: -1s;
+}
+@keyframes dotRipple3-b1b85727 {
+100% { box-shadow: 0 0 0 24px #0000;
+}
+}
+
+
+.load-dotSlide[data-v-73437e98] { width: 23px; height: 9px;
+}
+.loader[data-v-73437e98] {
+  color: currentColor;
+  width: 2px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  box-shadow: 19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;
+  transform: translateX(-23px);
+  animation: dotSlide-73437e98 .5s infinite alternate linear;
+}
+@keyframes dotSlide-73437e98 {
+50%  { box-shadow: 11px 0 0 2px, 23px 0 0 4px, 34px 0 0 2px;
+}
+100% { box-shadow: 11px 0 0 0,   23px 0 0 2px, 34px 0 0 4px;
+}
+}
+
+
+.load-dotSlider[data-v-f36e8268] { width: 53px; height: 7px;
+}
+.loader[data-v-f36e8268] {
+  width: 53px;
+  height: 7px;
+  --_g: no-repeat radial-gradient(farthest-side, currentColor 94%, #0000);
+  background:
+    var(--_g) 25% 0,
+    var(--_g) 75% 0;
+  background-size: 7px 7px;
+  position: relative;
+  animation: dotSlider-0-f36e8268 1s linear infinite;
+}
+.loader[data-v-f36e8268]::before {
+  content: "";
+  position: absolute;
+  height: 7px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  background: currentColor;
+  inset: 0;
+  margin: auto;
+  animation: dotSlider-1-f36e8268 1s cubic-bezier(0.5, 300, 0.5, -300) infinite;
+}
+@keyframes dotSlider-0-f36e8268 {
+0%, 24%  { background-position: 25% 0, 75% 0;
+}
+40%     { background-position: 25% 0, 85% 0;
+}
+50%, 72% { background-position: 25% 0, 75% 0;
+}
+90%     { background-position: 15% 0, 75% 0;
+}
+100%    { background-position: 25% 0, 75% 0;
+}
+}
+@keyframes dotSlider-1-f36e8268 {
+100% { transform: translate(0.1px);
+}
+}
+
+
+.load-dotSpin[data-v-4da82a52] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.lds-roller[data-v-4da82a52] {
+  display: inline-block;
+  position: relative;
+  width: 48px;
+  height: 48px;
+}
+.lds-roller div[data-v-4da82a52] {
+  animation: dotSpin-roller-4da82a52 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  transform-origin: 24px 24px;
+}
+.lds-roller div[data-v-4da82a52]:after {
+  content: ' ';
+  display: block;
+  position: absolute;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background: var(--v69e62627);
+  margin: -2px 0 0 -2px;
+}
+.lds-roller div[data-v-4da82a52]:nth-child(1) {
+  animation-delay: -0.036s;
+}
+.lds-roller div[data-v-4da82a52]:nth-child(1):after {
+  top: 38px;
+  left: 38px;
+}
+.lds-roller div[data-v-4da82a52]:nth-child(2) {
+  animation-delay: -0.072s;
+}
+.lds-roller div[data-v-4da82a52]:nth-child(2):after {
+  top: 41px;
+  left: 34px;
+}
+.lds-roller div[data-v-4da82a52]:nth-child(3) {
+  animation-delay: -0.108s;
+}
+.lds-roller div[data-v-4da82a52]:nth-child(3):after {
+  top: 43px;
+  left: 29px;
+}
+.lds-roller div[data-v-4da82a52]:nth-child(4) {
+  animation-delay: -0.144s;
+}
+.lds-roller div[data-v-4da82a52]:nth-child(4):after {
+  top: 43px;
+  left: 24px;
+}
+.lds-roller div[data-v-4da82a52]:nth-child(5) {
+  animation-delay: -0.18s;
+}
+.lds-roller div[data-v-4da82a52]:nth-child(5):after {
+  top: 43px;
+  left: 19px;
+}
+.lds-roller div[data-v-4da82a52]:nth-child(6) {
+  animation-delay: -0.216s;
+}
+.lds-roller div[data-v-4da82a52]:nth-child(6):after {
+  top: 41px;
+  left: 14px;
+}
+.lds-roller div[data-v-4da82a52]:nth-child(7) {
+  animation-delay: -0.252s;
+}
+.lds-roller div[data-v-4da82a52]:nth-child(7):after {
+  top: 38px;
+  left: 10px;
+}
+.lds-roller div[data-v-4da82a52]:nth-child(8) {
+  animation-delay: -0.288s;
+}
+.lds-roller div[data-v-4da82a52]:nth-child(8):after {
+  top: 34px;
+  left: 7px;
+}
+@keyframes dotSpin-roller-4da82a52 {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+
+
+.load-dotSquare[data-v-47964dfb] { width: 19px; height: 19px;
+}
+.loader[data-v-47964dfb] {
+  width: 19px;
+  aspect-ratio: 1;
+  --_g: no-repeat radial-gradient(farthest-side, currentColor 90%, #0000);
+  background: var(--_g), var(--_g), var(--_g), var(--_g);
+  background-size: 40% 40%;
+  animation: dotSquare-47964dfb 1s infinite;
+}
+@keyframes dotSquare-47964dfb {
+0%   { background-position: 0 0,       100% 0,   100% 100%, 0 100%;
+}
+40%,
+  50%  { background-position: 100% 100%, 100% 0,   0 0,       0 100%;
+}
+90%,
+  100% { background-position: 100% 100%, 0 100%,   0 0,       100% 0;
+}
+}
+
+
+.load-dotTyping[data-v-8b8723cf] {
+  width: 36px;
+  height: 9px;
+}
+.loader[data-v-8b8723cf] {
+  width: 36px;
+  aspect-ratio: 4;
+  background: radial-gradient(circle closest-side, currentColor 90%, #0000) 0 / calc(100% / 3) 100% space;
+  clip-path: inset(0 100% 0 0);
+  animation: dotTyping-8b8723cf 1s steps(4) infinite;
+}
+@keyframes dotTyping-8b8723cf {
+to { clip-path: inset(0 -34% 0 0);
+}
+}
+
+
+.load-dotWave[data-v-9ca9c815] {
+  width: 36px;
+  height: 18px;
+}
+.loader[data-v-9ca9c815] {
+  width: 36px;
+  aspect-ratio: 2;
+  --_g: no-repeat radial-gradient(circle closest-side, currentColor 90%, #0000);
+  background:
+    var(--_g) 0%   50%,
+    var(--_g) 50%  50%,
+    var(--_g) 100% 50%;
+  background-size: calc(100% / 3) 50%;
+  animation: dotWave-9ca9c815 1s infinite linear;
+}
+@keyframes dotWave-9ca9c815 {
+20%  { background-position: 0%   0%, 50%  50%, 100%  50%;
+}
+40%  { background-position: 0% 100%, 50%   0%, 100%  50%;
+}
+60%  { background-position: 0%  50%, 50% 100%, 100%   0%;
+}
+80%  { background-position: 0%  50%, 50%  50%, 100% 100%;
+}
+}
+
+/* Load 组件主容器样式 */
+.panel-load {
+  position: relative;
+  display: inline-block;
+}
+.panel-load.size-large {
+  transform: scale(1.67);
+  transform-origin: center center;
+}
+.panel-load.size-xl {
+  transform: scale(2);
+  transform-origin: center center;
+}
+.panel-load.size-xxl {
+  transform: scale(3);
+  transform-origin: center center;
+}
+.panel-load.size-xs {
+  transform: scale(0.75);
+  transform-origin: center center;
+}
+/* Overlay 遮罩层样式 */
+.panel-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  transition: opacity var(--overlay-duration, 300ms) ease;
+}
+
+/* 容器内定位模式（teleportTarget: self / FramePhone 模拟环境）：
+   改为 absolute 铺满相对定位的父容器，避免 fixed 相对浏览器视口错位 */
+.panel-overlay-self {
+  position: absolute;
+}
+
+/* 遮罩淡入淡出（类名带 panel- 前缀，避免与 Modal 的 overlay-fade 全局冲突） */
+.panel-overlay-fade-enter-active,
+.panel-overlay-fade-leave-active {
+  transition: opacity var(--overlay-duration, 300ms) ease;
+}
+
+.panel-overlay-fade-enter-from,
+.panel-overlay-fade-leave-to {
+  opacity: 0;
+}
+
+/* 锁定背景滚动：对目标容器（body 或 self/自定义挂载容器）加 overflow:hidden；body 场景与 Modal 共用该契约 */
+.modal-open {
+  overflow: hidden;
+}
+.cl-waves-ripple {
+  position: absolute;
+  border-radius: 50%;
+  width: 100px;
+  height: 100px;
+  margin-top: -50px;
+  margin-left: -50px;
+  opacity: 0;
+  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
+  transform: scale(0) translate(0, 0);
+  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
+  pointer-events: none;
+}
+
+.cl-waves-ripple.waves-light {
+  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
+}
+.panel-btn-parent {
+  display: inline-block;
+}
+
+.btn {
+  display: inline-block;
+  font-weight: 400;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  user-select: none;
+  border: 1px solid transparent;
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 1.5;
+  border-radius: 4px;
+  cursor: pointer;
+  transition:
+    color 0.15s ease-in-out,
+    background-color 0.15s ease-in-out,
+    border-color 0.15s ease-in-out,
+    box-shadow 0.15s ease-in-out;
+}
+
+.btn:focus,
+.btn:hover {
+  color: #333;
+  text-decoration: none;
+}
+
+.btn:focus {
+  box-shadow: none;
+}
+
+.btn[disabled] {
+  cursor: no-drop !important;
+}
+
+.btn-small {
+  padding: 3px 10px;
+}
+
+.btn-large {
+  padding: 8px 24px;
+  font-size: 14px;
+}
+
+.btn-xl {
+  padding: 10px 30px;
+  font-size: 20px;
+}
+
+.btn-default {
+  background-color: #1088f0;
+  border-color: #1088f0;
+  color: #ffffff !important;
+}
+
+.btn-default:hover,
+.btn-default:focus {
+  background-color: #0f71f5 !important;
+  border: 1px solid #0f71f5 !important;
+  box-shadow: none;
+}
+
+.btn-green {
+  background-color: #4bb748;
+  border-color: #4bb748;
+  color: #ffffff !important;
+}
+
+.btn-green:hover,
+.btn-green:focus {
+  background-color: #1a8b44 !important;
+  border: 1px solid #1a8b44 !important;
+}
+
+.btn-red {
+  background-color: #ee3c24;
+  border-color: #ee3c24;
+  color: #ffffff !important;
+}
+
+.btn-red:hover,
+.btn-red:focus {
+  background-color: #ce2928 !important;
+  border: 1px solid #ce2928 !important;
+}
+
+.btn-yellow {
+  background-color: #fbe300;
+  border-color: #fbe300;
+  color: #ffffff !important;
+}
+
+.btn-yellow:hover,
+.btn-yellow:focus {
+  background-color: #cdb72e !important;
+  border: 1px solid #cdb72e !important;
+}
+
+.btn-white {
+  border: 1px solid #d2d9e2 !important;
+  background-color: #ffffff;
+  color: #4c5667;
+}
+
+.btn-white:hover,
+.btn-white:focus {
+  background-color: #f5f5f5;
+}
+
+.btn[disabled].btn-white,
+.btn[disabled].btn-white:focus {
+  background-color: #ffffff;
+}
+
+.btn-grayLight {
+  background-color: #f5f5f5;
+  border-color: #dcdcdc;
+  color: inherit;
+}
+
+.btn-grayLight:hover,
+.btn-grayLight:focus {
+  background-color: #e8e8e8 !important;
+  border: 1px solid #dcdcdc !important;
+}
+
+.btn-transparent {
+  background-color: transparent;
+  border: 1px solid #1088f0 !important;
+  color: #1088f0;
+}
+
+.btn-transparent:hover,
+.btn-transparent:focus {
+  border: 1px solid #004ca3 !important;
+  color: #004ca3;
+}
+
+.btn[disabled].btn-transparent,
+.btn[disabled].btn-transparent:focus {
+  border-color: #1088f0 !important;
+  color: #1088f0;
+}
+
+/* 文字按钮：无背景无边框，仅文字可点击 */
+.btn-text {
+  background-color: transparent;
+  border: none;
+  color: #1088f0;
+}
+
+.btn-text:hover,
+.btn-text:focus {
+  background-color: rgba(16, 136, 240, 0.08);
+  color: #1088f0;
+}
+
+.btn[disabled].btn-text,
+.btn[disabled].btn-text:focus {
+  background-color: transparent;
+  color: #1088f0;
+}
+
+.btn-circle {
+  border-radius: 50%;
+  width: 35px;
+  height: 35px;
+  padding: 0;
+}
+
+.btn-ellipse {
+  border-radius: 20px;
+}
+
+.btn-parent {
+  position: relative;
+}
+
+.btn-parent > span:first-child {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+
+.btn-parent .btn-label {
+  position: relative;
+  z-index: 3;
+}
+
+.btn-parent .btn-icon + .btn-label {
+  margin-left: 5px;
+}
+
+.btn-parent > .btn-loading {
+  position: absolute;
+  z-index: 2;
+  display: inline-block;
+  top: 50%;
+  left: auto;
+  opacity: 1;
+  pointer-events: none;
+}
+
+/* right 定位下内容居中：cl-load 各主题名义尺寸不等（如 rotaryLine 18px + scale），
+   按 inline-block 基线对齐会偏上，改用 flex 让加载内容以 .btn-loading 中心（= 按钮中心）居中 */
+.btn-load-right > .btn-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.btn-parent,
+.btn-parent > .btn-loading {
+  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+}
+
+.btn-load-rotaryLine .btn-loading {
+  width: 30px;
+  height: 30px;
+}
+
+.btn-load-rotaryLine.btn-load-right.btn-load-ing {
+  padding-right: 45px;
+}
+
+.btn-load-rotaryLine.btn-load-right.btn-load-ing.btn-load-nodrift {
+  padding-right: 12px;
+}
+
+.btn-load-rotaryLine.btn-load-right > .btn-loading {
+  right: 5px;
+  margin-top: -15px;
+}
+
+.btn-load-circleNotch .btn-loading {
+  width: 24px;
+  height: 24px;
+}
+
+.btn-load-circleNotch.btn-load-right.btn-load-ing {
+  padding-right: 35px;
+}
+
+.btn-load-circleNotch.btn-load-right.btn-load-ing.btn-load-nodrift {
+  padding-right: 12px;
+}
+
+.btn-load-circleNotch.btn-load-right > .btn-loading {
+  right: 5px;
+  margin-top: -12px;
+}
+
+.btn-load-circleBubble .btn-loading {
+  width: 30px;
+  height: 30px;
+}
+
+.btn-load-circleBubble .circleBubble-item {
+  background-color: #ffffff;
+}
+
+.btn-load-circleBubble.btn-load-right.btn-load-ing {
+  padding-right: 40px;
+}
+
+.btn-load-circleBubble.btn-load-right.btn-load-ing.btn-load-nodrift {
+  padding-right: 12px;
+}
+
+.btn-load-circleBubble.btn-load-right > .btn-loading {
+  right: 5px;
+  margin-top: -15px;
+}
+
+.btn-load-zoom-out,
+.btn-load-zoom-out > .btn-label {
+  transition: 0.4s ease all !important;
+}
+
+.btn-load-zoom-out {
+  overflow: hidden;
+}
+
+.btn-load-zoom-out > .btn-label {
+  position: relative;
+  display: inline-block;
+}
+
+.btn-load-zoom-out.btn-load-ing > .btn-icon,
+.btn-load-zoom-out.btn-load-ing > .btn-label {
+  opacity: 0;
+  transform: scale(0.5);
+}
+
+.btn-load-zoom-out > .btn-loading {
+  opacity: 0;
+  transform: scale(0.25);
+  left: 50%;
+}
+
+/* zoom-out 覆盖时内容同样居中：cl-load 主题名义尺寸/scale 不同，flex 让加载内容以
+   .btn-loading 中心（= 按钮中心）居中，实现真正的居中覆盖 */
+.btn-load-zoom-out > .btn-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.btn-load-zoom-out.btn-load-ing > .btn-loading {
+  opacity: 1;
+  transform: scale(1);
+}
+
+.btn-load-zoom-out.btn-load-rotaryLine > .btn-loading {
+  margin-left: -15px;
+  margin-top: -15px;
+}
+
+.btn-load-zoom-out.btn-load-circleNotch > .btn-loading {
+  margin-left: -12px;
+  margin-top: -12px;
+}
+
+.btn-load-zoom-out.btn-load-circleBubble > .btn-loading {
+  margin-left: -15px;
+  margin-top: -15px;
+}
+
+.btn-small.btn-load-rotaryLine.btn-load-right.btn-load-ing {
+  padding-right: 35px;
+}
+
+.btn-small.btn-load-rotaryLine > .btn-loading {
+  width: 20px;
+  height: 20px;
+  margin-top: -10px;
+  margin-left: -10px;
+}
+
+.btn-circle.btn-load-zoom-out.btn-load-rotaryLine > .btn-loading {
+  width: 20px;
+  height: 20px;
+  margin-top: -10px;
+  margin-left: -10px;
+}
+
+.btn-body-backdrop-main {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  z-index: 999999;
+  width: 100px;
+  height: 100px;
+  margin-left: -50px;
+  margin-top: -50px;
+  background-color: #9e9e9e;
+  border-radius: 5px;
+  animation-duration: 0.4s;
+}
+
+.btn-body-backdrop-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: inherit;
+}
+
+.btn-body-backdrop-container .btn-body-backdrop-text {
+  color: #ffffff;
+  font-size: 12px;
+  margin-top: 5px;
+  cursor: default;
+}
+
+/* Backdrop 弹出/消失动画 */
+.btn-body-backdrop-main.animated {
+  -webkit-animation-duration: 0.4s;
+  animation-duration: 0.4s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+}
+
+.btn-body-backdrop-main.zoomIn {
+  -webkit-animation-name: zoomIn;
+  animation-name: zoomIn;
+}
+
+.btn-body-backdrop-main.zoomOut {
+  -webkit-animation-name: zoomOut;
+  animation-name: zoomOut;
+}
+
+@-webkit-keyframes zoomIn {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  50% {
+    opacity: 1;
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes zoomIn {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  50% {
+    opacity: 1;
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@-webkit-keyframes zoomOut {
+  from {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+}
+
+@keyframes zoomOut {
+  from {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+}
+/* btn-link — Button / Link 共用链接式按钮样式 */
+
+.btn-link {
+  cursor: pointer;
+  color: #909090;
+  text-decoration: none;
+  border-bottom: 1px dashed transparent;
+}
+
+.btn-link:hover,
+.btn-link:focus {
+  border-bottom-color: #1088f0;
+  color: #1088f0;
+  text-decoration: none;
+}
+
+.btn-link.always-light {
+  color: #1088f0;
+}
+
+.btn-link.always-light:hover,
+.btn-link.always-light:focus {
+  color: #035da5;
+  border-bottom-color: #035da5;
+}
+
+.btn-link.underline-none:hover,
+.btn-link.underline-none:focus {
+  border-bottom-color: transparent;
+}
+
+.btn.btn-link:hover,
+.btn.btn-link:focus {
+  color: #909090;
+}
+
+.btn-link-red.always-light {
+  color: #ee3c24;
+}
+
+.btn-link-red:hover,
+.btn-link-red:focus,
+.btn-link-red.always-light:hover,
+.btn-link-red.always-light:focus {
+  border-bottom-color: #ee3c24;
+  color: #ee3c24 !important;
+}
+
+.btn-link-yellow.always-light {
+  color: #fbe300;
+}
+
+.btn-link-yellow:hover,
+.btn-link-yellow:focus {
+  color: #fbe300;
+  border-bottom-color: #fbe300;
+}
+
+.btn-link.btn-link-disabled {
+  cursor: no-drop !important;
+  opacity: 0.5;
+}
+
+.btn-link.btn-link-disabled:hover,
+.btn-link.btn-link-disabled:focus {
+  border-bottom-color: transparent;
+}
+
+button.btn-link.btn-default {
+  color: #007bff !important;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+button.btn-link.btn-default:hover {
+  color: #0056b3 !important;
+  background-color: transparent !important;
+  border-color: transparent !important;
+}
+
+/* panel-group-link — 链接按钮组布局（Button/FileUpload 跨组件共用） */
+.panel-group-link {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.panel-group-link > .btn-link {
+  margin-right: 5px;
+}
+
+.panel-group-link > .btn-link:last-child {
+  margin-right: 0;
+}
+
+.panel-group-link > .panel-fileupload {
+  display: inline-block;
+  height: 21px;
+  margin-right: 5px;
+  margin-top: -3px;
+}
+
+.panel-group-link > .panel-fileupload button.btn-link.btn-default {
+  padding: 0;
+  border-width: 0 !important;
+  color: #1088f0 !important;
+}
+
+.panel-group-link > .panel-fileupload button.btn-link.btn-default:hover {
+  color: #035da5 !important;
+}
+
+
+.load-newtonCradle[data-v-05c04027] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.newtons-cradle[data-v-05c04027] {
+  --uib-size: 30px;
+  --uib-speed: 1.2s;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--uib-size);
+  height: var(--uib-size);
+}
+.newtons-cradle__dot[data-v-05c04027] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  width: 25%;
+  transform-origin: center top;
+}
+.newtons-cradle__dot[data-v-05c04027]::after {
+  content: '';
+  display: block;
+  width: 100%;
+  height: 25%;
+  border-radius: 50%;
+  background-color: var(--v4c107767);
+}
+.newtons-cradle__dot[data-v-05c04027]:first-child {
+  animation: newtonCradle-swing-05c04027 var(--uib-speed) linear infinite;
+}
+.newtons-cradle__dot[data-v-05c04027]:last-child {
+  animation: newtonCradle-swing2-05c04027 var(--uib-speed) linear infinite;
+}
+@keyframes newtonCradle-swing-05c04027 {
+0% {
+    transform: rotate(0deg);
+    animation-timing-function: ease-out;
+}
+25% {
+    transform: rotate(70deg);
+    animation-timing-function: ease-in;
+}
+50% {
+    transform: rotate(0deg);
+    animation-timing-function: linear;
+}
+}
+@keyframes newtonCradle-swing2-05c04027 {
+0% {
+    transform: rotate(0deg);
+    animation-timing-function: linear;
+}
+50% {
+    transform: rotate(0deg);
+    animation-timing-function: ease-out;
+}
+75% {
+    transform: rotate(-70deg);
+    animation-timing-function: ease-in;
+}
+}
+
+
+.load-orbitSwap[data-v-b9f931bc] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.loader[data-v-b9f931bc] {
+  height: 9px;
+  aspect-ratio: 4;
+  --_g: no-repeat radial-gradient(farthest-side, var(--caa75624) 90%, var(--caa75624));
+  background:
+    var(--_g) left,
+    var(--_g) right;
+  background-size: 25% 100%;
+  display: grid;
+}
+.loader[data-v-b9f931bc]:before,
+.loader[data-v-b9f931bc]:after {
+  content: "";
+  height: inherit;
+  aspect-ratio: 1;
+  grid-area: 1/1;
+  margin: auto;
+  border-radius: 50%;
+  transform-origin: -100% 50%;
+  background: var(--caa75626);
+  animation: orbitSwap-l49-b9f931bc 1s infinite linear;
+}
+.loader[data-v-b9f931bc]:after {
+  transform-origin: 200% 50%;
+  --s: -1;
+  animation-delay: -0.5s;
+}
+@keyframes orbitSwap-l49-b9f931bc {
+58%,
+  100% {
+    transform: rotate(calc(var(--s, 1) * 1turn));
+}
+}
+
+
+.load-ringClip[data-v-cf0dcd20] { width: 30px; height: 30px;
+}
+.loader[data-v-cf0dcd20] {
+  width: 30px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 5px solid currentColor;
+  animation:
+    ringClip-1-cf0dcd20 0.8s infinite linear alternate,ringClip-2-cf0dcd20 1.6s infinite linear;
+}
+@keyframes ringClip-1-cf0dcd20 {
+0%    { clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
+}
+12.5% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
+}
+25%   { clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
+}
+50%   { clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
+}
+62.5% { clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
+}
+75%   { clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
+}
+100%  { clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
+}
+}
+@keyframes ringClip-2-cf0dcd20 {
+0%     { transform: scaleY(1) rotate(0deg);
+}
+49.99% { transform: scaleY(1) rotate(135deg);
+}
+50%    { transform: scaleY(-1) rotate(0deg);
+}
+100%   { transform: scaleY(-1) rotate(-135deg);
+}
+}
+
+
+.load-ringCross[data-v-cfeca7b8] { width: 36px; height: 15px;
+}
+.loader[data-v-cfeca7b8] {
+  width: 36px;
+  height: 15px;
+  border: 1px solid;
+  box-sizing: border-box;
+  border-radius: 50%;
+  display: grid;
+  animation: ringCross-cfeca7b8 2s infinite linear;
+}
+.loader[data-v-cfeca7b8]::before,
+.loader[data-v-cfeca7b8]::after {
+  content: "";
+  grid-area: 1/1;
+  border: inherit;
+  border-radius: 50%;
+  animation: inherit;
+  animation-duration: 3s;
+}
+.loader[data-v-cfeca7b8]::after { --s: -1;
+}
+@keyframes ringCross-cfeca7b8 {
+100% { transform: rotate(calc(var(--s, 1) * 1turn));
+}
+}
+
+
+.load-ringDot[data-v-5d72896a] { width: 30px; height: 30px;
+}
+.loader[data-v-5d72896a] {
+  width: 30px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  padding: 2px;
+  background:
+    radial-gradient(farthest-side, currentColor 95%, #0000) 50% 0/7px 7px no-repeat,
+    radial-gradient(farthest-side, #0000 calc(100% - 3px), currentColor calc(100% - 2px)) content-box;
+  animation: ringDot-5d72896a 2s infinite;
+}
+@keyframes ringDot-5d72896a {
+to { transform: rotate(1turn);
+}
+}
+
+
+.load-ringFan[data-v-201232ed] { width: 24px; height: 24px;
+}
+.loader[data-v-201232ed] {
+  width: 24px;
+  aspect-ratio: 1;
+  color: currentColor;
+  background: conic-gradient(currentColor 0 270deg, #0000 0);
+  border-radius: 50%;
+  animation: ringFan-0-201232ed 4s infinite linear;
+}
+.loader[data-v-201232ed]::before {
+  content: "";
+  display: block;
+  height: 50%;
+  width: 50%;
+  border-top-left-radius: 60px;
+  background: currentColor;
+  animation: ringFan-1-201232ed 0.5s infinite alternate;
+}
+@keyframes ringFan-0-201232ed {
+0%, 24.99%  { transform: rotate(0deg);
+}
+25%, 49.99% { transform: rotate(90deg);
+}
+50%, 74.99% { transform: rotate(180deg);
+}
+75%, 100%   { transform: rotate(270deg);
+}
+}
+@keyframes ringFan-1-201232ed {
+100% { transform: translate(-6px, -6px);
+}
+}
+
+
+.load-ringGlow[data-v-a2c4d6d9] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.loader[data-v-a2c4d6d9] {
+  width: 6em;
+  height: 6em;
+  font-size: 10px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.loader .face[data-v-a2c4d6d9] {
+  position: absolute;
+  border-radius: 50%;
+  border-style: solid;
+  animation: ringGlow-rotate-a2c4d6d9 3s linear infinite;
+}
+.loader .face[data-v-a2c4d6d9]:nth-child(1) {
+  width: 100%;
+  height: 100%;
+  color: var(--c1);
+  border-color: currentColor transparent transparent currentColor;
+  border-width: 0.2em 0.2em 0em 0em;
+  --deg: -45deg;
+  animation-direction: normal;
+}
+.loader .face[data-v-a2c4d6d9]:nth-child(2) {
+  width: 70%;
+  height: 70%;
+  color: var(--c2);
+  border-color: currentColor currentColor transparent transparent;
+  border-width: 0.2em 0em 0em 0.2em;
+  --deg: -135deg;
+  animation-direction: reverse;
+}
+.loader .face .circle[data-v-a2c4d6d9] {
+  position: absolute;
+  width: 50%;
+  height: 0.1em;
+  top: 50%;
+  left: 50%;
+  background-color: transparent;
+  transform: rotate(var(--deg));
+  transform-origin: left;
+}
+.loader .face .circle[data-v-a2c4d6d9]::before {
+  position: absolute;
+  top: -0.5em;
+  right: -0.5em;
+  content: '';
+  width: 1em;
+  height: 1em;
+  background-color: currentColor;
+  border-radius: 50%;
+  box-shadow: 0 0 2em,
+              0 0 4em,
+              0 0 6em,
+              0 0 8em,
+              0 0 10em,
+              0 0 0 0.5em rgba(255, 255, 0, 0.1);
+}
+@keyframes ringGlow-rotate-a2c4d6d9 {
+to {
+    transform: rotate(1turn);
+}
+}
+
+
+.load-ringPulse[data-v-bb664511] { width: 30px; height: 30px;
+}
+.loader[data-v-bb664511] {
+  width: 30px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  background:
+    radial-gradient(farthest-side, currentColor 95%, #0000) 50% 1px/7px 7px no-repeat,
+    radial-gradient(farthest-side, #0000 calc(100% - 8px), #ccc 0);
+  animation: ringPulse-bb664511 2s infinite linear;
+}
+@keyframes ringPulse-bb664511 {
+to { transform: rotate(1turn);
+}
+}
+
+
+.load-ringRotate[data-v-982fe9b4] { width: 30px; height: 30px;
+}
+.loader[data-v-982fe9b4] {
+  width: 30px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  background:
+    radial-gradient(farthest-side, currentColor 94%, #0000) top/5px 5px no-repeat,
+    conic-gradient(#0000 30%, currentColor);
+  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 5px), currentColor 0);
+  animation: ringRotate-982fe9b4 1s infinite linear;
+}
+@keyframes ringRotate-982fe9b4 {
+100% { transform: rotate(1turn);
+}
+}
+
+
+.load-rotaryLine[data-v-97144063] {
+  width: 18px;
+  height: 18px;
+}
+.load-rotaryLine > .load-rotaryLine-container[data-v-97144063] {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 0;
+}
+.rotary-line[data-v-97144063] {
+  position: absolute;
+  top: -1px;
+  opacity: 0.25;
+  animation-duration: 1s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+}
+.rotary-line > div[data-v-97144063] {
+  position: absolute;
+  width: 5px;
+  height: 1px;
+  background: currentColor;
+  box-shadow: rgba(0, 0, 0, 0.1) 0 0 1px;
+  transform-origin: left center 0;
+  border-radius: 1px;
+}
+@keyframes rotaryline1-97144063 {
+0% {
+    opacity: 0.25;
+}
+0.01% {
+    opacity: 0.25;
+}
+0.02% {
+    opacity: 1;
+}
+100% {
+    opacity: 0.25;
+}
+}
+@keyframes rotaryline2-97144063 {
+0% {
+    opacity: 0.313;
+}
+8.34333% {
+    opacity: 0.25;
+}
+8.35333% {
+    opacity: 1;
+}
+100% {
+    opacity: 0.313;
+}
+}
+@keyframes rotaryline3-97144063 {
+0% {
+    opacity: 0.375;
+}
+16.6767% {
+    opacity: 0.25;
+}
+16.6867% {
+    opacity: 1;
+}
+100% {
+    opacity: 0.375;
+}
+}
+@keyframes rotaryline4-97144063 {
+0% {
+    opacity: 0.438;
+}
+25.01% {
+    opacity: 0.25;
+}
+25.02% {
+    opacity: 1;
+}
+100% {
+    opacity: 0.438;
+}
+}
+@keyframes rotaryline5-97144063 {
+0% {
+    opacity: 0.5;
+}
+33.3433% {
+    opacity: 0.25;
+}
+33.3533% {
+    opacity: 1;
+}
+100% {
+    opacity: 0.5;
+}
+}
+@keyframes rotaryline6-97144063 {
+0% {
+    opacity: 0.563;
+}
+41.6767% {
+    opacity: 0.25;
+}
+41.6867% {
+    opacity: 1;
+}
+100% {
+    opacity: 0.563;
+}
+}
+@keyframes rotaryline7-97144063 {
+0% {
+    opacity: 0.625;
+}
+50.01% {
+    opacity: 0.25;
+}
+50.02% {
+    opacity: 1;
+}
+100% {
+    opacity: 0.625;
+}
+}
+@keyframes rotaryline8-97144063 {
+0% {
+    opacity: 0.688;
+}
+58.3433% {
+    opacity: 0.25;
+}
+58.3533% {
+    opacity: 1;
+}
+100% {
+    opacity: 0.688;
+}
+}
+@keyframes rotaryline9-97144063 {
+0% {
+    opacity: 0.75;
+}
+66.6767% {
+    opacity: 0.25;
+}
+66.6867% {
+    opacity: 1;
+}
+100% {
+    opacity: 0.75;
+}
+}
+@keyframes rotaryline10-97144063 {
+0% {
+    opacity: 0.813;
+}
+75.01% {
+    opacity: 0.25;
+}
+75.02% {
+    opacity: 1;
+}
+100% {
+    opacity: 0.813;
+}
+}
+@keyframes rotaryline11-97144063 {
+0% {
+    opacity: 0.875;
+}
+83.3433% {
+    opacity: 0.25;
+}
+83.3533% {
+    opacity: 1;
+}
+100% {
+    opacity: 0.875;
+}
+}
+@keyframes rotaryline12-97144063 {
+0% {
+    opacity: 0.938;
+}
+91.6767% {
+    opacity: 0.25;
+}
+91.6867% {
+    opacity: 1;
+}
+100% {
+    opacity: 0.938;
+}
+}
+.rotary-line-1[data-v-97144063] {
+  animation-name: rotaryline1-97144063;
+}
+.rotary-line-2[data-v-97144063] {
+  animation-name: rotaryline2-97144063;
+}
+.rotary-line-3[data-v-97144063] {
+  animation-name: rotaryline3-97144063;
+}
+.rotary-line-4[data-v-97144063] {
+  animation-name: rotaryline4-97144063;
+}
+.rotary-line-5[data-v-97144063] {
+  animation-name: rotaryline5-97144063;
+}
+.rotary-line-6[data-v-97144063] {
+  animation-name: rotaryline6-97144063;
+}
+.rotary-line-7[data-v-97144063] {
+  animation-name: rotaryline7-97144063;
+}
+.rotary-line-8[data-v-97144063] {
+  animation-name: rotaryline8-97144063;
+}
+.rotary-line-9[data-v-97144063] {
+  animation-name: rotaryline9-97144063;
+}
+.rotary-line-10[data-v-97144063] {
+  animation-name: rotaryline10-97144063;
+}
+.rotary-line-11[data-v-97144063] {
+  animation-name: rotaryline11-97144063;
+}
+.rotary-line-12[data-v-97144063] {
+  animation-name: rotaryline12-97144063;
+}
+.rotary-line-1 > div[data-v-97144063] {
+  transform: rotate(0deg) translate(4px, 0px);
+}
+.rotary-line-2 > div[data-v-97144063] {
+  transform: rotate(30deg) translate(4px, 0px);
+}
+.rotary-line-3 > div[data-v-97144063] {
+  transform: rotate(60deg) translate(4px, 0px);
+}
+.rotary-line-4 > div[data-v-97144063] {
+  transform: rotate(90deg) translate(4px, 0px);
+}
+.rotary-line-5 > div[data-v-97144063] {
+  transform: rotate(120deg) translate(4px, 0px);
+}
+.rotary-line-6 > div[data-v-97144063] {
+  transform: rotate(150deg) translate(4px, 0px);
+}
+.rotary-line-7 > div[data-v-97144063] {
+  transform: rotate(180deg) translate(4px, 0px);
+}
+.rotary-line-8 > div[data-v-97144063] {
+  transform: rotate(210deg) translate(4px, 0px);
+}
+.rotary-line-9 > div[data-v-97144063] {
+  transform: rotate(240deg) translate(4px, 0px);
+}
+.rotary-line-10 > div[data-v-97144063] {
+  transform: rotate(270deg) translate(4px, 0px);
+}
+.rotary-line-11 > div[data-v-97144063] {
+  transform: rotate(300deg) translate(4px, 0px);
+}
+.rotary-line-12 > div[data-v-97144063] {
+  transform: rotate(330deg) translate(4px, 0px);
+}
+
+
+.load-snakePath[data-v-028a6f86] { width: 48px; height: 24px;
+}
+.loader[data-v-028a6f86] {
+  width: 48px;
+  aspect-ratio: 2;
+  background: var(--g), var(--g), var(--g), var(--g), var(--g), var(--g), var(--g);
+  animation:
+    snakePath-1-028a6f86 1.5s infinite,snakePath-2-028a6f86 1.5s infinite;
+}
+@keyframes snakePath-1-028a6f86 {
+0%      { background-size: 0 2px, 2px 0, 0 2px, 2px 0, 0 2px, 2px 0, 0 2px;
+}
+7.14%   { background-size: 25% 2px, 2px 0, 0 2px, 2px 0, 0 2px, 2px 0, 0 2px;
+}
+14.29%  { background-size: 25% 2px, 2px 50%, 0 2px, 2px 0, 0 2px, 2px 0, 0 2px;
+}
+21.43%  { background-size: 25% 2px, 2px 50%, 25% 2px, 2px 0, 0 2px, 2px 0, 0 2px;
+}
+28.57%  { background-size: 25% 2px, 2px 50%, 25% 2px, 2px 100%, 0 2px, 2px 0, 0 2px;
+}
+35.71%  { background-size: 25% 2px, 2px 50%, 25% 2px, 2px 100%, 25% 2px, 2px 0, 0 2px;
+}
+42.86%  { background-size: 25% 2px, 2px 50%, 25% 2px, 2px 100%, 25% 2px, 2px 50%, 0 2px;
+}
+49%, 51% { background-size: 25% 2px, 2px 50%, 25% 2px, 2px 100%, 25% 2px, 2px 50%, 25% 2px;
+}
+57.14%  { background-size: 0 2px, 2px 50%, 25% 2px, 2px 100%, 25% 2px, 2px 50%, 25% 2px;
+}
+64.29%  { background-size: 0 2px, 2px 0, 25% 2px, 2px 100%, 25% 2px, 2px 50%, 25% 2px;
+}
+71.43%  { background-size: 0 2px, 2px 0, 0 2px, 2px 100%, 25% 2px, 2px 50%, 25% 2px;
+}
+78.57%  { background-size: 0 2px, 2px 0, 0 2px, 2px 0, 25% 2px, 2px 50%, 25% 2px;
+}
+85.71%  { background-size: 0 2px, 2px 0, 0 2px, 2px 0, 0 2px, 2px 50%, 25% 2px;
+}
+92.86%  { background-size: 0 2px, 2px 0, 0 2px, 2px 0, 0 2px, 2px 0, 25% 2px;
+}
+100%    { background-size: 0 2px, 2px 0, 0 2px, 2px 0, 0 2px, 2px 0, 0 2px;
+}
+}
+@keyframes snakePath-2-028a6f86 {
+0%, 49.9% { background-position: 0 50%, bottom 12px left 10px, 12px 0, 50% 0, 24px 100%, bottom 0 right 10px, 36px 50%;
+}
+50%, 100% { background-position: right 36px top 50%, 10px 0, right 24px top 0, 50% 100%, right 12px bottom 0, right 10px top 12px, 100% 50%;
+}
+}
+
+
+.load-squareMirror[data-v-b4e1eba5] { width: 48px; height: 24px;
+}
+.loader[data-v-b4e1eba5] {
+  width: 48px;
+  height: 24px;
+  display: flex;
+}
+.loader[data-v-b4e1eba5]::before,
+.loader[data-v-b4e1eba5]::after {
+  content: "";
+  margin: 0 -1px 0 0;
+  flex: 1;
+  background: var(--g), var(--g), var(--g), var(--g);
+  animation: squareMirror-1-b4e1eba5 1s infinite linear,squareMirror-2-b4e1eba5 1s infinite linear;
+}
+.loader[data-v-b4e1eba5]::after {
+  transform: scale(-1);
+  margin: 0 0 0 -1px;
+}
+@keyframes squareMirror-1-b4e1eba5 {
+0%, 3%   { background-size: 0 2px, 2px 0, 0 2px, 2px 0;
+}
+12.5%    { background-size: 50% 2px, 2px 0, 0 2px, 2px 0;
+}
+25%      { background-size: 50% 2px, 2px 50%, 0 2px, 2px 0;
+}
+37.5%    { background-size: 50% 2px, 2px 50%, 50% 2px, 2px 0;
+}
+46%, 54% { background-size: 50% 2px, 2px 50%, 50% 2px, 2px 50%;
+}
+62.5%    { background-size: 0 2px, 2px 50%, 50% 2px, 2px 50%;
+}
+75%      { background-size: 0 2px, 2px 0, 50% 2px, 2px 50%;
+}
+87.5%    { background-size: 0 2px, 2px 0, 0 2px, 2px 50%;
+}
+96%, 100%{ background-size: 0 2px, 2px 0, 0 2px, 2px 0;
+}
+}
+@keyframes squareMirror-2-b4e1eba5 {
+0%, 49.9% { background-position: 0 12px, 50% 12px, 12px 100%, 100% 100%;
+}
+50%, 100% { background-position: right 12px top 12px, 50% 100%, 100% 100%, 100% 12px;
+}
+}
+
+
+.load-squareTrace[data-v-7adc0c69] { width: 21px; height: 21px;
+}
+.loader[data-v-7adc0c69] {
+  width: 21px;
+  aspect-ratio: 1;
+  background:
+    var(--g) 0 0,
+    var(--g) 100% 0,
+    var(--g) 100% 100%,
+    var(--g) 0 100%;
+  animation: squareTrace-7adc0c69 1s infinite alternate;
+}
+@keyframes squareTrace-7adc0c69 {
+0%   { background-size: 0 2px, 2px 0, 0 2px, 2px 0;
+}
+25%  { background-size: 100% 2px, 2px 0, 0 2px, 2px 0;
+}
+50%  { background-size: 100% 2px, 2px 100%, 0 2px, 2px 0;
+}
+75%  { background-size: 100% 2px, 2px 100%, 100% 2px, 2px 0;
+}
+90%, 100% { background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
+}
+}
+
+
+.load-squareTrace2[data-v-8b45dc10] { width: 21px; height: 21px;
+}
+.loader[data-v-8b45dc10] {
+  width: 21px;
+  aspect-ratio: 1;
+  background:
+    var(--g) 0 0,
+    var(--g) 100% 0,
+    var(--g) 100% 100%,
+    var(--g) 0 100%;
+  animation:
+    squareTrace2-1-8b45dc10 2s infinite,squareTrace2-2-8b45dc10 2s infinite;
+}
+@keyframes squareTrace2-1-8b45dc10 {
+0%   { background-size: 0 2px, 2px 0, 0 2px, 2px 0;
+}
+12.5%{ background-size: 100% 2px, 2px 0, 0 2px, 2px 0;
+}
+25%  { background-size: 100% 2px, 2px 100%, 0 2px, 2px 0;
+}
+37.5%{ background-size: 100% 2px, 2px 100%, 100% 2px, 2px 0;
+}
+45%, 55% { background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
+}
+62.5%{ background-size: 0 2px, 2px 100%, 100% 2px, 2px 100%;
+}
+75%  { background-size: 0 2px, 2px 0, 100% 2px, 2px 100%;
+}
+87.5%{ background-size: 0 2px, 2px 0, 0 2px, 2px 100%;
+}
+100% { background-size: 0 2px, 2px 0, 0 2px, 2px 0;
+}
+}
+@keyframes squareTrace2-2-8b45dc10 {
+0%, 49.9% { background-position: 0 0, 100% 0, 100% 100%, 0 100%;
+}
+50%, 100%  { background-position: 100% 0, 100% 100%, 0 100%, 0 0;
+}
+}
+
+
+.load-typingBounce[data-v-4d2b0672] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.typingBounce-wrapper[data-v-4d2b0672] {
+  width: 60px;
+  height: 36px;
+  position: relative;
+  z-index: 1;
+}
+.typingBounce-circle[data-v-4d2b0672] {
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  border-radius: 50%;
+  background-color: #000;
+  left: 15%;
+  transform-origin: 50%;
+  animation: circle7124-4d2b0672 .5s alternate infinite ease;
+}
+@keyframes circle7124-4d2b0672 {
+0% {
+    top: 36px;
+    height: 3px;
+    border-radius: 50px 50px 25px 25px;
+    transform: scaleX(1.7);
+}
+40% {
+    height: 12px;
+    border-radius: 50%;
+    transform: scaleX(1);
+}
+100% {
+    top: 0%;
+}
+}
+.typingBounce-circle[data-v-4d2b0672]:nth-child(2) {
+  left: 45%;
+  animation-delay: .2s;
+}
+.typingBounce-circle[data-v-4d2b0672]:nth-child(3) {
+  left: 75%;
+  animation-delay: .3s;
+}
+.typingBounce-shadow[data-v-4d2b0672] {
+  width: 12px;
+  height: 2px;
+  border-radius: 50%;
+  background-color: rgba(0,0,0,0.9);
+  position: absolute;
+  top: 37px;
+  transform-origin: 50%;
+  z-index: -1;
+  left: 15%;
+  filter: blur(1px);
+  animation: shadow046-4d2b0672 .5s alternate infinite ease;
+}
+@keyframes shadow046-4d2b0672 {
+0% {
+    transform: scaleX(1.5);
+}
+40% {
+    transform: scaleX(1);
+    opacity: .7;
+}
+100% {
+    transform: scaleX(.2);
+    opacity: .4;
+}
+}
+.typingBounce-shadow[data-v-4d2b0672]:nth-child(4) {
+  left: 45%;
+  animation-delay: .2s
+}
+.typingBounce-shadow[data-v-4d2b0672]:nth-child(5) {
+  left: 75%;
+  animation-delay: .3s;
+}
+