/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v2.0.0
* Docs at http://ramseyinhouse.github.io/scut
*/
.sn_grid_references__categories {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
@media only screen and (min-width: 62em) {
  .sn_grid_references__categories {
    gap: 1rem;
  }
}
.sn_grid_references__categories__i .btn {
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-font-weight: 400;
}
@media only screen and (min-width: 62em) {
  .sn_grid_references__categories__i .btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.625rem;
  }
}
.sn_grid_references__categories__i.__current:has(.hover) .btn {
  --bs-btn-color: var(--bs-btn-hover-color, #fff);
  --bs-btn-bg: var(--bs-btn-hover-bg, #fff);
  --bs-btn-border-color: var(--bs-btn-hover-border-color, #0069A7);
}
.sn_grid_references__categories__i.__current:has(.hover) .btn .hover {
  transform: translate3d(-8%, -24%, 0) rotate3d(0, 0, 1, -15deg);
}
.sn_grid_references__categories__i.__current:not(:has(.hover)):hover .btn::before, .sn_grid_references__categories__i.__current:not(:has(.hover)):active .btn::before {
  height: 100%;
}
.sn_grid_references__list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.sn_grid_references__i {
  opacity: 0;
  transform: translate3d(0, 2.5rem, 0);
  transition: all 1s ease;
}
.sn_grid_references__i.__in {
  transform: none;
  opacity: 1;
}
@media only screen and (min-width: 62em) {
  .sn_grid_references__i:nth-of-type(3n + 2) {
    transition-delay: 0.2s;
  }
}
@media only screen and (min-width: 62em) {
  .sn_grid_references__i:nth-of-type(3n + 3) {
    transition-delay: 0.4s;
  }
}