.loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(180deg, #2D4C39 0%, rgba(9, 16, 29, 0.64) 100%);
  border: 1px solid rgba(219, 222, 204, 0.32);
  background-clip: padding-box;
  border-radius: 8px;
  width: 248px;
  height: 136px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center; }

.loading-spinner_nobg {
  border: none;
  background: none;
  box-shadow: none;
  position: static;
  transform: none;
  width: auto; }

.loading-spinner-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 14px;
  margin-bottom: 24px;
}

.loading-spinner-logo__image {
  display: block;
  width: 82px;
  height: 40px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 4px;
}

.loading-spinner_title {
  color: white;
  font-size: 36px;
  font-family: Arial, sans-serif;
  margin-bottom: -5px;
  margin-top: 0px;
  text-transform: uppercase; }

.loading-spinner_indicator {
  display: inline-block;
  line-height: normal;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_10465_27002)'%3E%3Cpath d='M20.531 11.5586C22.085 13.0119 21.5041 15.6758 19.3457 16.1074C19.0131 16.1724 18.768 16.42 18.7005 16.7501C18.2784 18.9104 15.6073 19.4871 14.1517 17.938C13.1564 16.8752 12.5562 15.5422 12.2011 14.2443C12.021 16.8701 10.9257 21.739 5.50669 23.9797C5.3948 24.0314 5.23612 23.9836 5.17908 23.8447C5.12653 23.7171 5.18658 23.5721 5.31412 23.5196C10.1505 21.5165 11.3759 17.3253 11.656 14.737C11.2884 15.8748 10.7207 17.0102 9.8505 17.938C8.39062 19.4916 5.72217 18.9026 5.30166 16.7501C5.23411 16.42 4.98909 16.1724 4.65647 16.1074C2.50326 15.6768 1.914 13.0148 3.47114 11.5586C4.76152 10.3458 6.45703 9.72058 7.99997 9.40549C6.45703 9.09039 4.76152 8.46522 3.47114 7.25491C1.89192 5.77436 2.53889 3.11978 4.65647 2.70606C4.98909 2.64109 5.23411 2.3935 5.30166 2.06336C5.72175 -0.0870302 8.38786 -0.68103 9.8505 0.875501C11.0609 2.16583 11.686 3.86134 12.0011 5.40428C12.3162 3.86134 12.9414 2.16583 14.1518 0.875454C15.6104 -0.676764 18.2792 -0.0940146 18.7006 2.06331C18.7681 2.39341 19.0132 2.641 19.3458 2.70602C21.4642 3.11988 22.11 5.77474 20.5312 7.25486C19.311 8.39903 17.6211 9.09077 15.9949 9.40544C17.5402 9.72058 19.2382 10.3458 20.531 11.5586Z' fill='%232F9953'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10465_27002'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 24px;
  height: 24px;
  opacity: 1;
  animation: loader 2.5s linear infinite;
  margin-left: 20px; }

.loading-spinner_indicator-first {
  margin-left: 0; }

.loading-spinner_indicator-second {
  animation-delay: .5s; }

.loading-spinner_indicator-third {
  animation-delay: 1s; }

.loading-spinner_indicator-fourth {
  animation-delay: 1.5s; }

.loading-spinner_indicator-fifth {
  animation-delay: 2s; }

body {
  background-image: url("/images/bg-img-pattern.webp"), radial-gradient(50% 50% at 50% 50%, #0E2511 0%, #000 100%);
  background-attachment: fixed;
}

@keyframes loader {
  0% {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_10465_27014)'%3E%3Cpath d='M20.531 11.5586C22.085 13.0119 21.5041 15.6758 19.3457 16.1074C19.0131 16.1724 18.768 16.42 18.7005 16.7501C18.2784 18.9104 15.6073 19.4871 14.1517 17.938C13.1564 16.8752 12.5562 15.5422 12.2011 14.2443C12.021 16.8701 10.9257 21.739 5.50669 23.9797C5.3948 24.0314 5.23612 23.9836 5.17908 23.8447C5.12653 23.7171 5.18658 23.5721 5.31412 23.5196C10.1505 21.5165 11.3759 17.3253 11.656 14.737C11.2884 15.8748 10.7207 17.0102 9.8505 17.938C8.39062 19.4916 5.72217 18.9026 5.30166 16.7501C5.23411 16.42 4.98909 16.1724 4.65647 16.1074C2.50326 15.6768 1.914 13.0148 3.47114 11.5586C4.76152 10.3458 6.45703 9.72058 7.99997 9.40549C6.45703 9.09039 4.76152 8.46522 3.47114 7.25491C1.89192 5.77436 2.53889 3.11978 4.65647 2.70606C4.98909 2.64109 5.23411 2.3935 5.30166 2.06336C5.72175 -0.0870302 8.38786 -0.68103 9.8505 0.875501C11.0609 2.16583 11.686 3.86134 12.0011 5.40428C12.3162 3.86134 12.9414 2.16583 14.1518 0.875454C15.6104 -0.676764 18.2792 -0.0940146 18.7006 2.06331C18.7681 2.39341 19.0132 2.641 19.3458 2.70602C21.4642 3.11988 22.11 5.77474 20.5312 7.25486C19.311 8.39903 17.6211 9.09077 15.9949 9.40544C17.5402 9.72058 19.2382 10.3458 20.531 11.5586Z' fill='%23A2A4AA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10465_27014'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  }
  40%,60%,80%,100% {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_10465_27002)'%3E%3Cpath d='M20.531 11.5586C22.085 13.0119 21.5041 15.6758 19.3457 16.1074C19.0131 16.1724 18.768 16.42 18.7005 16.7501C18.2784 18.9104 15.6073 19.4871 14.1517 17.938C13.1564 16.8752 12.5562 15.5422 12.2011 14.2443C12.021 16.8701 10.9257 21.739 5.50669 23.9797C5.3948 24.0314 5.23612 23.9836 5.17908 23.8447C5.12653 23.7171 5.18658 23.5721 5.31412 23.5196C10.1505 21.5165 11.3759 17.3253 11.656 14.737C11.2884 15.8748 10.7207 17.0102 9.8505 17.938C8.39062 19.4916 5.72217 18.9026 5.30166 16.7501C5.23411 16.42 4.98909 16.1724 4.65647 16.1074C2.50326 15.6768 1.914 13.0148 3.47114 11.5586C4.76152 10.3458 6.45703 9.72058 7.99997 9.40549C6.45703 9.09039 4.76152 8.46522 3.47114 7.25491C1.89192 5.77436 2.53889 3.11978 4.65647 2.70606C4.98909 2.64109 5.23411 2.3935 5.30166 2.06336C5.72175 -0.0870302 8.38786 -0.68103 9.8505 0.875501C11.0609 2.16583 11.686 3.86134 12.0011 5.40428C12.3162 3.86134 12.9414 2.16583 14.1518 0.875454C15.6104 -0.676764 18.2792 -0.0940146 18.7006 2.06331C18.7681 2.39341 19.0132 2.641 19.3458 2.70602C21.4642 3.11988 22.11 5.77474 20.5312 7.25486C19.311 8.39903 17.6211 9.09077 15.9949 9.40544C17.5402 9.72058 19.2382 10.3458 20.531 11.5586Z' fill='%232F9953'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10465_27002'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  }
}