/**
 * Copyright since 2025 Mifos Initiative
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

.loader-wrapper {
  height: 100vh;
  width: 100vw;

  .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    animation: rotate 0.8s infinite 0.2s;
  }

  .bottom {
    border-width: 0 90px 90px;
    border-color: transparent transparent #1fb050;
    bottom: calc(50% - 100px);
    left: calc(50% - 90px);
  }

  .top {
    border-width: 90px 90px 0;
    border-color: #b4d575 transparent transparent;
    top: calc(50% - 100px);
    left: calc(50% - 90px);
  }

  .left {
    border-width: 90px 0 90px 90px;
    border-color: transparent transparent transparent #1074b9;
    top: calc(50% - 90px);
    left: calc(50% - 100px);
  }

  .right {
    border-width: 90px 90px 90px 0;
    border-color: transparent #1daeec transparent transparent;
    top: calc(50% - 90px);
    right: calc(50% - 100px);
  }

  @keyframes rotate {
    from {
      transform: rotate(0deg);
    }

    to {
      transform: rotate(360deg);
    }
  }
}