/* HTML: <div class="loader"></div> */
.loader {
    width: 25px;
    height: 50px;
    display: grid;
    color: #000;
    background:
      linear-gradient(currentColor 0 0) top/100% 2px,
      radial-gradient(farthest-side at  top, #0000 calc(100% - 2px),currentColor calc(100% - 1px) ,#0000) top,
      linear-gradient(currentColor 0 0) bottom/100% 2px,
      radial-gradient(farthest-side at  bottom, #0000 calc(100% - 2px),currentColor calc(100% - 1px) ,#0000) bottom;
    background-size: 100% 1px,100% 50%; 
    background-repeat: no-repeat;
    animation: l18 4s infinite linear;
  }
  .loader::before,
  .loader::after {
    content: "";
    grid-area: 1/1;
    background: inherit;
    border: inherit;
    animation: inherit;
  }
  .loader::after {
    animation-duration: 2s;
  }
  @keyframes l18 {
    100% {transform: rotate(1turn)}
  }

  
.loaderouter{

	background: #0c0c1859;
    display: none
;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    position: fixed;
    
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
	z-index: 99999999999999;
 
}