#popup{position:absolute;z-index:30;width:100%;height:100%;background-color:rgba(77,89,110,.8)}#popup,#popup .ventana{display:flex;justify-content:center;align-items:center}#popup .ventana{flex-direction:column;width:50%;padding:3rem;background-color:#7d99ca;border-radius:4px}#popup .ventana h3{color:rgb(230,230,230);margin:0 0 2rem;text-align:center}#popup .ventana button{background-color:rgb(230,230,230);border:none;border-radius:2px;color:#4d596e;cursor:pointer;padding:1rem 2rem}#popup .ventana button:hover{color:#4d596e;background-color:#d7d7d7}.spinner-wrapper{display:flex;position:absolute;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:10}.sk-circle{margin:100px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:rgb(127,224,237);border-radius:100%;animation:sk-circleBounceDelay 1.2s ease-in-out infinite both}.sk-circle .sk-circle2{transform:rotate(30deg)}.sk-circle .sk-circle3{transform:rotate(60deg)}.sk-circle .sk-circle4{transform:rotate(90deg)}.sk-circle .sk-circle5{transform:rotate(120deg)}.sk-circle .sk-circle6{transform:rotate(150deg)}.sk-circle .sk-circle7{transform:rotate(180deg)}.sk-circle .sk-circle8{transform:rotate(210deg)}.sk-circle .sk-circle9{transform:rotate(240deg)}.sk-circle .sk-circle10{transform:rotate(270deg)}.sk-circle .sk-circle11{transform:rotate(300deg)}.sk-circle .sk-circle12{transform:rotate(330deg)}.sk-circle .sk-circle2:before{animation-delay:-1.1s}.sk-circle .sk-circle3:before{animation-delay:-1s}.sk-circle .sk-circle4:before{animation-delay:-.9s}.sk-circle .sk-circle5:before{animation-delay:-.8s}.sk-circle .sk-circle6:before{animation-delay:-.7s}.sk-circle .sk-circle7:before{animation-delay:-.6s}.sk-circle .sk-circle8:before{animation-delay:-.5s}.sk-circle .sk-circle9:before{animation-delay:-.4s}.sk-circle .sk-circle10:before{animation-delay:-.3s}.sk-circle .sk-circle11:before{animation-delay:-.2s}.sk-circle .sk-circle12:before{animation-delay:-.1s}@keyframes sk-circleBounceDelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}