@keyframes gradientShift {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0 0;
  }
}
.gradient-animation {
  background-size: 450% 450%;
  animation: gradientShift 15s ease infinite;
}
@media (prefers-reduced-motion: reduce) {
  .gradient-animation {
    animation: none;
    background-size: auto;
  }
}

.bg-nsl, .bg-nsl-anim {
  background: linear-gradient(135deg, #0d1925 0%, #304c5e 50%, #0d1925 100%);
  color: #ffffff;
}

.bg-nsl-t, .bg-nsl-t-anim {
  background: linear-gradient(135deg, rgba(13, 25, 37, 0.8) 0%, rgba(48, 76, 94, 0.8) 50%, rgba(13, 25, 37, 0.8) 100%);
  color: #ffffff;
}

.bg-nsl-a, .bg-nsl-a-anim {
  background: linear-gradient(135deg, #0d1925 0%, #0d1925 20%, #304c5e 50%, #0d1925 80%, #0d1925 100%);
  color: #ffffff;
}

.bg-nsl-anim {
  background-size: 450% 450%;
  animation: gradientShift 15s ease infinite;
}
@media (prefers-reduced-motion: reduce) {
  .bg-nsl-anim {
    animation: none;
    background-size: auto;
  }
}

.bg-nsl-t-anim {
  background-size: 450% 450%;
  animation: gradientShift 15s ease infinite;
}
@media (prefers-reduced-motion: reduce) {
  .bg-nsl-t-anim {
    animation: none;
    background-size: auto;
  }
}

.bg-nsl-a-anim {
  background-size: 450% 450%;
  animation: gradientShift 15s ease infinite;
}
@media (prefers-reduced-motion: reduce) {
  .bg-nsl-a-anim {
    animation: none;
    background-size: auto;
  }
}

.bg-ubb, .bg-ubb-anim {
  background: linear-gradient(135deg, #4C5440 0%, #79866C 50%, #4C5440 100%);
  color: #ffffff;
}

.bg-ubb-t, .bg-ubb-t-anim {
  background: linear-gradient(135deg, rgba(76, 84, 64, 0.8) 0%, rgba(121, 134, 108, 0.8) 50%, rgba(76, 84, 64, 0.8) 100%);
  color: #ffffff;
}

.bg-ubb-a, .bg-ubb-a-anim {
  background: linear-gradient(135deg, #4C5440 0%, #4C5440 20%, #79866C 50%, #4C5440 80%, #4C5440 100%);
  color: #ffffff;
}

.bg-ubb-anim {
  background-size: 450% 450%;
  animation: gradientShift 15s ease infinite;
}
@media (prefers-reduced-motion: reduce) {
  .bg-ubb-anim {
    animation: none;
    background-size: auto;
  }
}

.bg-ubb-t-anim {
  background-size: 450% 450%;
  animation: gradientShift 15s ease infinite;
}
@media (prefers-reduced-motion: reduce) {
  .bg-ubb-t-anim {
    animation: none;
    background-size: auto;
  }
}

.bg-ubb-a-anim {
  background-size: 450% 450%;
  animation: gradientShift 15s ease infinite;
}
@media (prefers-reduced-motion: reduce) {
  .bg-ubb-a-anim {
    animation: none;
    background-size: auto;
  }
}

.bg-botc, .bg-botc-anim {
  background: linear-gradient(135deg, #181818 0%, #34393d 50%, #181818 100%);
  color: #ffffff;
}

.bg-botc-t, .bg-botc-t-anim {
  background: linear-gradient(135deg, rgba(24, 24, 24, 0.8) 0%, rgba(52, 57, 61, 0.8) 50%, rgba(24, 24, 24, 0.8) 100%);
  color: #ffffff;
}

.bg-botc-a, .bg-botc-a-anim {
  background: linear-gradient(135deg, #181818 0%, #181818 20%, #34393d 50%, #181818 80%, #181818 100%);
  color: #ffffff;
}

.bg-botc-anim {
  background-size: 450% 450%;
  animation: gradientShift 15s ease infinite;
}
@media (prefers-reduced-motion: reduce) {
  .bg-botc-anim {
    animation: none;
    background-size: auto;
  }
}

.bg-botc-t-anim {
  background-size: 450% 450%;
  animation: gradientShift 15s ease infinite;
}
@media (prefers-reduced-motion: reduce) {
  .bg-botc-t-anim {
    animation: none;
    background-size: auto;
  }
}

.bg-botc-a-anim {
  background-size: 450% 450%;
  animation: gradientShift 15s ease infinite;
}
@media (prefers-reduced-motion: reduce) {
  .bg-botc-a-anim {
    animation: none;
    background-size: auto;
  }
}

/* Usage examples:
<div class="bg-nsl">...</div>
<div class="bg-nsl-t">...</div>
<div class="bg-ubb-a-anim">...</div>
*/

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../../scss/sites/framework_brands.scss%22,%22../../../scss/_mixins.scss%22,%22../../../scss/_variables.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAIA;EACE;IAAO;;EACP;IAAO;;;AAIT;ECmBE,iBCDc;EDEd;;AAEA;EDtBF;ICuBI;IACA;;;;ADbF;ECnBA;EDqBE,OALK;;;AASP;ECpBA;EDsBE,OAXK;;;AAeP;EChBA;EDkBE,OAjBK;;;AAqBP;ECVA,iBCDc;EDEd;;AAEA;EDOA;ICNE;IACA;;;;ADMF;ECXA,iBCDc;EDEd;;AAEA;EDQA;ICPE;IACA;;;;ADOF;ECZA,iBCDc;EDEd;;AAEA;EDSA;ICRE;IACA;;;;ADbF;ECnBA;EDqBE,OALK;;;AASP;ECpBA;EDsBE,OAXK;;;AAeP;EChBA;EDkBE,OAjBK;;;AAqBP;ECVA,iBCDc;EDEd;;AAEA;EDOA;ICNE;IACA;;;;ADMF;ECXA,iBCDc;EDEd;;AAEA;EDQA;ICPE;IACA;;;;ADOF;ECZA,iBCDc;EDEd;;AAEA;EDSA;ICRE;IACA;;;;ADbF;ECnBA;EDqBE,OALK;;;AASP;ECpBA;EDsBE,OAXK;;;AAeP;EChBA;EDkBE,OAjBK;;;AAqBP;ECVA,iBCDc;EDEd;;AAEA;EDOA;ICNE;IACA;;;;ADMF;ECXA,iBCDc;EDEd;;AAEA;EDQA;ICPE;IACA;;;;ADOF;ECZA,iBCDc;EDEd;;AAEA;EDSA;ICRE;IACA;;;;ADUJ;AAAA;AAAA;AAAA;AAAA%22,%22file%22:%22framework_brands.css%22%7D */