/*Spinner*/

.loadermodal {
   display:none;
   flex-direction:column;
   align-items:center;
   justify-content:center;
   background-color: rgba(255, 255, 255, 0.4);
   position: fixed;
   z-index: 1;
   left: 0;
   top: 0;
   width: 100vw;
   height: 100vh;
   overflow: auto;
}

.loader {
   animation:spin 1s infinite linear;
   border:solid 2vmin transparent;
   border-radius:50%;
   border-right-color:#09f;
   border-top-color:#09f;
   box-sizing:border-box;
   height:20vmin;
   left:calc(50% - 10vmin);
   position:fixed;
   top:calc(50% - 10vmin);
   width:20vmin;
   z-index:1;
   &:before {
     animation:spin 2s infinite linear;
     border:solid 2vmin transparent;
     border-radius:50%;
     border-right-color:#3cf;
     border-top-color:#3cf;
     box-sizing:border-box;
     content:"";
     height:16vmin;
     left:0;
     position:absolute;
     top:0;
     width:16vmin;
   }
   &:after {
     animation:spin 3s infinite linear;
     border:solid 2vmin transparent;
     border-radius:50%;
     border-right-color:#6ff;
     border-top-color:#6ff;
     box-sizing:border-box;
     content:"";
     height:12vmin;
     left:2vmin;
     position:absolute;
     top:2vmin;
     width:12vmin;
   }
 }
 
 @keyframes spin {
   100% {
     transform:rotate(360deg);
   }
 }