.mloader {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 176px;
  z-index: 2048;
  opacity: 1;
  transition: opacity 125ms cubic-bezier(0, 0, 0.2, 0.1);
}
.mloader-payment-method {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 100%;
  gap: 16px;
  padding: 16px;
}
.mloader-payment-method-item {
  height: 64px;
  width: 100%;
  border-radius: 8px;
  animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
  0% {
    background-color: hsl(200deg, 20%, 85%);
  }
  100% {
    background-color: hsl(200deg, 20%, 95%);
  }
}
@keyframes skeleton-loading-light {
  0% {
    background-color: hsl(200deg, 20%, 94%);
  }
  100% {
    background-color: hsl(200deg, 20%, 98%);
  }
}
@keyframes skeleton-loading-dark {
  0% {
    background-color: hsl(200deg, 20%, 75%);
  }
  100% {
    background-color: hsl(200deg, 20%, 85%);
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Users/Kelvin/Documents/Development/MenumizUi/MenumizUi/MenumizAppUi/Resources/_scss/loader.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAQA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;;;AAMZ;EAEI;IAEI;;EAGJ;IAEI;;;AAIR;EAEI;IAEI;;EAGJ;IAEI;;;AAIR;EAEI;IAEI;;EAGJ;IAEI%22%7D */