.loading-yet{display: flex; align-items: center; justify-content: center;}
 .blob-1,.blob-2{width:70px; height:70px; position:absolute; background:#fff; border-radius:50%; top:50%;left:50%; transform:translate(-50%,-50%);}
 .blob-1{left:20%; animation:osc-l 2.5s ease infinite;}
 .blob-2{left:80%; animation:osc-r 2.5s ease infinite; background:#4e4e4e;}
 @keyframes osc-l{0%{left:20%;}50%{left:50%;}100%{left:20%;}}@keyframes osc-r{0%{left:80%;}50%{left:50%;}100%{left:80%;}}/** Continuar **/ 
 .blob-1 svg{display: block; margin: 0; padding: 0;}
 .blob-2 svg{display: block; margin: 0; padding: 0;}
.spinner-yet{width: 66px; height: 66px; display: flow-root; -webkit-animation: contanim 2s linear infinite; animation: contanim 2s linear infinite;}
.spinner-yet svg{width: 100%; height: 100%; left: 0; top: 0; position: absolute; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.spinner-yet svg:nth-child(1) circle{stroke: #84EBBD; stroke-dasharray: 1, 300; stroke-dashoffset: 0; -webkit-animation: strokeanim 3s calc(.2s * (1)) ease infinite; animation: strokeanim 3s calc(.2s * (1)) ease infinite; -webkit-transform-origin: center center; transform-origin: center center;}
.spinner-yet svg:nth-child(2) circle{stroke: #4977EC; stroke-dasharray: 1, 300; stroke-dashoffset: 0; -webkit-animation: strokeanim 3s calc(.2s * (2)) ease infinite; animation: strokeanim 3s calc(.2s * (2)) ease infinite; -webkit-transform-origin: center center; transform-origin: center center;}
.spinner-yet svg:nth-child(3) circle{stroke: #F6BB67; stroke-dasharray: 1, 300; stroke-dashoffset: 0; -webkit-animation: strokeanim 3s calc(.2s * (3)) ease infinite; animation: strokeanim 3s calc(.2s * (3)) ease infinite; -webkit-transform-origin: center center; transform-origin: center center;}
.spinner-yet svg:nth-child(4) circle{stroke: #333841; stroke-dasharray: 1, 300; stroke-dashoffset: 0; -webkit-animation: strokeanim 3s calc(.2s * (4)) ease infinite; animation: strokeanim 3s calc(.2s * (4)) ease infinite; -webkit-transform-origin: center center; transform-origin: center center;}
 @-webkit-keyframes strokeanim{0%{stroke-dasharray: 1, 300; stroke-dashoffset: 0;}50%{stroke-dasharray: 120, 300; stroke-dashoffset: -58.548324585;}100%{stroke-dasharray: 120, 300; stroke-dashoffset: -175.6449737549;}}
 @keyframes strokeanim{0%{stroke-dasharray: 1, 300; stroke-dashoffset: 0;}50%{stroke-dasharray: 120, 300; stroke-dashoffset: -58.548324585;}100%{stroke-dasharray: 120, 300; stroke-dashoffset: -175.6449737549;}}
 @-webkit-keyframes contanim{100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
 @keyframes contanim{100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}