:root {
  --catalog-term-heading--color:#000000;
  --catalog-term-heading--color-hover:#ED1A22;
}

.field-format-preview-gallery {
  --gap: 16px;
  --previews-gap: 8px;
  --column-count: 6;
  --row-count: 1;
  --pagination: false;
  --pagination-color: #B6BAC2;
  --pagination-color--active: #ED1A22;
  --active-bullets-count: 4;
  --navigation: true;
  --scrollbar: false;
  --scrollbar-color: #8c8c8c;
  --simulate-touch: false;
  --loop: false;
  --navigation-color: #ffffff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.field-format-preview-gallery img {
  display: flex;
}
.field-format-preview-gallery {
  position: relative;
}
.field-format-preview-gallery:hover .swiper-button-next:after,.field-format-preview-gallery:hover .swiper-button-prev:after {
  display: block;
}
.field-format-preview-gallery .swiper-pagination .swiper-pagination-bullet {
  background: var(--pagination-color);
}
.field-format-preview-gallery .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--pagination-color--active);
}
.field-format-preview-gallery .swiper-button-next:after,.field-format-preview-gallery .swiper-button-prev:after {
  color: var(--navigation--color);
  display: none;
}
.field-format-preview-gallery .swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--scrollbar-color);
}
.field-format-preview-gallery .values-preview-inner {
  display: grid;
  grid-template-columns: repeat(var(--column-count), auto);
  grid-gap: var(--previews-gap);
}
.field-format-preview-gallery .values-preview-inner .value {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.field-format-preview-gallery .values-preview-inner .value:before {
  position: absolute;
  inset: 0;
  content: " ";
  pointer-events: none;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.1607843137);
  transition: opacity 0.3s;
}
.field-format-preview-gallery .values-preview-inner .value.gallery-thumb-last:before {
  background-color: black;
  opacity: 0.4;
}
.field-format-preview-gallery .values-preview-inner .value.gallery-thumb-active:not(.gallery-thumb-last):before {
  opacity: 0.1;
}
.field-format-preview-gallery .values-preview-inner .value.thumb-tail,.field-format-preview-gallery .values-preview-inner .thumb-tail {
  position: absolute;
  color: #fff;
  display: none;
  pointer-events: none;
}
.field-format-preview-gallery .values-preview-inner .thumb-tail {
  text-align: center;
}
.field-format-preview-gallery .values-preview-inner .gallery-thumb-last .thumb-tail {
  display: block;
}
@media (max-width: 1023px) {
  .field-format-preview-gallery {
    --column-count: 4;
  }
}
@media (max-width: 767px) {
  .field-format-preview-gallery {
    --column-count: 0;
    --pagination: true;
    --navigation: false;
    --simulate-touch: true;
    overflow: visible;
  }
}