.container-loading{background-color:rgba(0,0,0,.2);position:fixed;width:100%;height:100%;z-index:1000000;display:flex;justify-content:center;align-items:center;.box-loading{width:170px;height:70px;background-color:var(--white);border-radius:7px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;gap:10px;.balls{position:relative;display:block;background-color:var(--black);border-radius:50%;width:10px;height:10px;animation:animationLoading 1s infinite;animation-delay:var(--i)}}}@keyframes animationLoading{0%{transform:translateY(10px)}25%{transform:translateY(0);background-color:var(--blue-clean)}50%{transform:translateY(10px);background-color:var(--black)}75%{transform:translateY(0);background-color:var(--blue-clean)}to{transform:translateY(10px);background-color:var(--black)}}.container-msg{background-color:rgba(0,0,0,.2);position:fixed;width:100%;height:100%;z-index:1000000;display:flex;justify-content:center;align-items:center;.box-msg{width:100%;max-width:300px;background-color:var(--white);border-radius:7px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;gap:10px;h2{font-weight:800;color:var(--blue-clean);text-transform:uppercase;font-size:19px}h2,p{position:relative;display:block;text-align:center}p{font-weight:500;color:var(--black);font-size:15px}button{position:relative;display:block;border:none;background-color:var(--blue-clean);padding:10px;border-radius:7px;font-weight:700;color:var(--white);font-size:14px;cursor:pointer;transition:all .2s ease-in-out;text-transform:uppercase}button:hover{background-color:var(--black)}}}