/* Задание стилей */
    .off {
        display: none;
    }
    
    .btn:hover{
        cursor: pointer;
    }
    
    .btndemo:hover{
        cursor: pointer;
    }

    .fixed-t {
        position: fixed;
        width: 100%;
        top: 0px;
        z-index: 9999;
    }
    
    .fixed-b {
        position: fixed;
        width: 100%;
        bottom: 0px;
        z-index: 9999;
    }
    

.import-container {
  height: 100%;
}

.typography {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

.typography_caption-default {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.typography_h5 {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}

.typography_h5-bold {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}

.loader {
  display: block;
  position: absolute;
  width: 48px;
  height: 48px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loader::before,
.loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: #037bff;
}

.loader::before {
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  animation: loader-1 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
}

.loader::after {
  top: 50%;
  left: 50%;
  animation: loader-2 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;
}

@keyframes loader-1 {
  0%,
  100% {
    transform: none;
  }

  25% {
    transform: translateX(100%);
  }

  50% {
    transform: translateX(100%) translateY(100%);
  }

  75% {
    transform: translateY(100%);
  }
}

@keyframes loader-2 {
  0%,
  100% {
    transform: none;
  }

  25% {
    transform: translateX(-100%);
  }

  50% {
    transform: translateX(-100%) translateY(-100%);
  }

  75% {
    transform: translateY(-100%);
  }
}