/* ================================= preload Css Start =========================== */
.preloder {
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    background-color: #fff;
    z-index: 9999999;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    &__exchange__img {
      position: absolute;
      inset-block-start: 50%;
      inset-inline-start: 50%;
      transform: translate(-50%, -50%);
    }
}


// .preloader {
//   background-color: hsl(var(--white));
//   inset-block-end: 0;
//   inset-inline-start: 0;
//   position: fixed;
//   inset-inline-end: 0;
//   inset-block-start: 0;
//   z-index: 9999;
// }
// .preloader .loader {
//   background: var(--main-600);
//   border-radius: 50%;
//   width: 70px;
//   height: 70px;
//   inset-inline-start: 50%;
//   margin-inline-start: -23px;
//   margin-block-start: -14px;
//   position: absolute;
//   inset-block-start: 50%;
//   animation: load 0.75s linear infinite;
// }
// .preloader .loader:after {
//   content: '';
//   position: absolute;
//   width: 69px;
//   height: 69px;
//   inset-block-start: 3px;
//   inset-inline-end: 0;
//   inset-inline-start: 0;
//   margin: auto;
//   background: hsl(var(--white));
//   border-radius: 50%;
// }
// @keyframes load {
//   to {
//     transform: rotate(360deg);
//   }
// }
/* ================================= preload Css End ===========================  */
