.loader-component {
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.3);
  z-index: 3000;
  display: none;
  
  &.show {
    display: flex;
  }


  .loader-46 {
    position: relative;
    width: em(40);
    height: em(40);
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    transform: scale3d(2,2,2);
    &::after {
      content: '';
      width: em(16);
      height: em(16);
      border-radius: 50%;
      position: absolute;
      left: 0;
      transform: translate(-50%, 100%);
      animation: animloader46 1s linear infinite ;
      top: 0;
    }
  }
}