.container-loading-page{background:#eaeef0;justify-content:center;align-items:center;min-height:90vh;display:flex}.loader{display:flex;position:relative}.loader span{background:#eaeef0;border:6px solid #eaeef0;border-radius:50%;width:50px;height:50px;margin:0 10px;position:relative;box-shadow:-8px -8px 15px #fff,8px 8px 15px #0003,inset 3px 3px 5px #0000001a,inset -1px -1px 5px #fff}.loader span:before{content:"";width:100%;height:100%;animation:3.5s linear infinite animate,5s linear infinite animateColor;animation-delay:calc(var(--i)*.2s);background:#5c89ff;border-radius:50%;position:absolute;top:0;left:0;transform:scale(0);box-shadow:inset 3px 3px 5px #0000001a,inset -1px -1px 5px #fff}@keyframes animate{0%,99.9%,70.0001%{transform:scale(0)}10%,70%{transform:scale(1)}}@keyframes animateColor{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}