/*
    - Name: "view--groups-views--research-groups.scss"
    - Description: "Add custom styles to View Research Groups"
*/
/* Media query breakpoints */
@media (max-width: 575px) {
  .view-lists.view-display-id-home_groups_list .splide {
    max-width: calc(100vw - 16px);
  }
}
.view-lists.view-display-id-home_groups_list .splide__track {
  padding-right: 40px !important;
  padding-left: 12px !important;
}
@media (min-width: 480px) {
  .view-lists.view-display-id-home_groups_list .splide__track {
    padding-right: 80px !important;
  }
}
@media (min-width: 576px) {
  .view-lists.view-display-id-home_groups_list .splide__track {
    padding-right: 40px !important;
  }
}
@media (min-width: 1216px) {
  .view-lists.view-display-id-home_groups_list .splide__track {
    padding-right: 80px !important;
  }
}
@media (min-width: 1920px) {
  .view-lists.view-display-id-home_groups_list .splide__track {
    padding-right: 360px !important;
  }
}
.view-lists.view-display-id-home_groups_list .splide--controls {
  margin-top: var(--spacing-xl);
}
.view-lists.view-display-id-home_groups_list .splide .splide__slide {
  position: relative;
  flex-shrink: 0;
  box-sizing: border-box;
  margin: 0;
  list-style-type: none !important;
  backface-visibility: hidden;
  -ms-flex-negative: 0;
  padding: var(--spacing-sm) 0;
}
@media (min-width: 768px) {
  .view-lists.view-display-id-home_groups_list .splide .splide__slide {
    max-width: 33.33%;
  }
}
.view-lists.view-display-id-home_groups_list .splide .container-arrow {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-lg) var(--spacing-sm);
  justify-content: space-between;
  align-items: center;
  margin-top: var(--spacing-md);
  margin-left: 0;
  padding-left: 0;
}
@media (min-width: 768px) {
  .view-lists.view-display-id-home_groups_list .splide .container-arrow {
    margin-top: var(--spacing-2xl);
  }
}
.view-lists.view-display-id-home_groups_list .splide .container-arrow:has(.splide__arrows:empty) {
  display: none;
}
.view-lists.view-display-id-home_groups_list .splide.is-less .container-arrow {
  display: none;
}
.view-lists.view-display-id-home_groups_list .splide__arrows {
  position: relative;
  display: flex;
  gap: 20px;
}
.view-lists.view-display-id-home_groups_list .splide__arrows button {
  padding: 7px 8px 4px;
  border-radius: 50%;
  background-color: var(--background-color, var(--bg-primary));
}
@media (min-width: 768px) {
  .view-lists.view-display-id-home_groups_list .splide__arrows button {
    padding: 11px 12px 8px;
  }
}
.view-lists.view-display-id-home_groups_list .splide__arrows button[disabled] {
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 1;
}
.view-lists.view-display-id-home_groups_list .splide__arrows button[disabled] svg {
  fill: #666D76;
}
.view-lists.view-display-id-home_groups_list .splide__arrows button:focus-visible {
  --background-color: var(--grey-800);
  outline: 2px solid var(--green-600) !important;
  outline-offset: 2px !important;
}
.view-lists.view-display-id-home_groups_list .splide__arrows button:not([disabled]) {
  cursor: pointer;
}
.view-lists.view-display-id-home_groups_list .splide__arrows button:not([disabled]):hover {
  --background-color: var(--grey-800);
}
.view-lists.view-display-id-home_groups_list .splide__arrows svg {
  width: 24px;
  height: 24px;
  fill: var(--white);
}
.view-lists.view-display-id-home_groups_list .splide__arrow {
  all: unset;
}
.view-lists.view-display-id-home_groups_list .splide__arrow:disabled {
  opacity: 0.2;
}
.view-lists.view-display-id-home_groups_list .splide__pagination {
  position: relative;
  right: inherit;
  bottom: inherit;
  gap: 18px;
  padding: 0;
}
.view-lists.view-display-id-home_groups_list .splide__pagination__page {
  width: 16px;
  height: 16px;
  border: 3px solid var(--bg-primary);
  background-color: var(--background-color, transparent);
  opacity: 1;
  transition: var(--base-trans);
}
@media (min-width: 768px) {
  .view-lists.view-display-id-home_groups_list .splide__pagination__page {
    width: 20px;
    height: 20px;
  }
}
.view-lists.view-display-id-home_groups_list .splide__pagination__page.is-active {
  background-color: var(--background-color, var(--bg-primary));
  transform: none !important;
}
.view-lists.view-display-id-home_groups_list .splide__pagination__page:hover {
  --background-color: var(--bg-primary);
}
.view-lists.view-display-id-home_groups_list .splide__pagination__page:focus-visible {
  outline: 2px solid var(--green-600) !important;
  outline-offset: 2px !important;
}
.view-lists.view-display-id-search_groups_list .view-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) 0;
}
/*# sourceMappingURL=view--groups-views--research-groups.css.map */