.galleryTab {
  --pc-grid-cols: 5;
  --pc-grid-cols-large: 6;
}
.galleryTab .galleryTab__title {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-align: center;
  margin: 0 auto 1.75rem;
}
@media screen and (min-width: 768px) {
  .galleryTab .galleryTab__title {
    margin: 0;
    margin-bottom: 1.5rem;
    text-align: left;
  }
}
.galleryTab .galleryTab__list {
  border: 1px solid #9ea3a6;
  border-radius: 0.25rem;
  overflow: hidden;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .galleryTab .galleryTab__list {
    border: none;
    border-radius: 0;
    display: grid;
    row-gap: 0.75rem;
    padding-bottom: 0.3125rem;
    grid-template-columns: repeat(var(--pc-grid-cols, 5), 1fr);
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .galleryTab .galleryTab__list {
    grid-template-columns: repeat(var(--pc-grid-cols-large, 6), 1fr);
  }
}
.galleryTab .galleryTab__list[aria-expanded] .galleryTab__item {
  display: block;
}
.galleryTab
  .galleryTab__list[aria-expanded]
  .galleryTab__item:not(:first-of-type):has(.galleryTab__button.is-active)
  .galleryTab__button {
  background-color: #d8dce0;
}
.galleryTab
  .galleryTab__list[aria-expanded]
  .galleryTab__item:not(:first-of-type):has(.galleryTab__button.is-active)
  .galleryTab__button::after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDcuMjkzOUwxMC4yNTA1IDE3TDUgMTEuMTc2NUw2LjE2NjYgOS44ODI2MkwxMC4yNTA1IDE0LjQxMjJMMTcuODM0MiA2TDE5IDcuMjkzOVoiIGZpbGw9IiMzNjM0MzQiLz4KPC9zdmc+Cg==');
  opacity: 1;
}
.galleryTab .galleryTab__list[aria-expanded] .galleryTab__item:first-of-type .galleryTab__button::after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4yMjIzIDE1LjY2NTJMNSA5LjE5NTk3TDYuMzEyNSA4TDEyIDEzLjg5NDdMMTcuNjg3NSA4TDE5IDkuMTk1OTdMMTIuNzc3NyAxNS42NjUyQzEyLjU3MTQgMTUuODc5NiAxMi4yOTE3IDE2IDEyIDE2QzExLjcwODMgMTYgMTEuNDI4NiAxNS44Nzk2IDExLjIyMjMgMTUuNjY1MloiIGZpbGw9IiM5RUEzQTYiLz4KPC9zdmc+Cg==');
  transform: rotate(180deg);
  opacity: 1;
}
.galleryTab .galleryTab__item {
  position: relative;
  display: none;
}
.galleryTab .galleryTab__item:has(.galleryTab__button.is-active) {
  display: block;
}
.galleryTab .galleryTab__item:has(.galleryTab__button.is-active) .galleryTab__button::after {
  opacity: 1;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4yMjIzIDE1LjY2NTJMNSA5LjE5NTk3TDYuMzEyNSA4TDEyIDEzLjg5NDdMMTcuNjg3NSA4TDE5IDkuMTk1OTdMMTIuNzc3NyAxNS42NjUyQzEyLjU3MTQgMTUuODc5NiAxMi4yOTE3IDE2IDEyIDE2QzExLjcwODMgMTYgMTEuNDI4NiAxNS44Nzk2IDExLjIyMjMgMTUuNjY1MloiIGZpbGw9IiM5RUEzQTYiLz4KPC9zdmc+Cg==');
}
@media screen and (min-width: 768px) {
  .galleryTab .galleryTab__item:has(.galleryTab__button.is-active) {
    pointer-events: none;
  }
  .galleryTab .galleryTab__item:has(.galleryTab__button.is-active) .galleryTab__button {
    background-color: #d8dce0;
  }
  .galleryTab .galleryTab__item:has(.galleryTab__button.is-active) .galleryTab__button::after {
    opacity: 1;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDcuMjkzOUwxMC4yNTA1IDE3TDUgMTEuMTc2NUw2LjE2NjYgOS44ODI2MkwxMC4yNTA1IDE0LjQxMjJMMTcuODM0MiA2TDE5IDcuMjkzOVoiIGZpbGw9IiMzNjM0MzQiLz4KPC9zdmc+Cg==');
  }
}
@media screen and (min-width: 768px) {
  .galleryTab .galleryTab__item {
    display: block;
    padding: 0 0.5rem;
    border-right: 1px solid #9ea3a6;
  }
}
@media screen and (min-width: 768px) and (max-width: 1439px) {
  .galleryTab .galleryTab__item:first-of-type,
  .galleryTab .galleryTab__item:nth-of-type(5n + 1) {
    border-left: 1px solid #9ea3a6;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .galleryTab .galleryTab__item:first-of-type,
  .galleryTab .galleryTab__item:nth-of-type(6n + 1) {
    border-left: 1px solid #9ea3a6;
  }
}
@media screen and (min-width: 768px) {
  .galleryTab .galleryTab__item::after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -0.25rem;
    border-top: 1px solid #e6002d;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }
  .galleryTab .galleryTab__item:hover::after {
    opacity: 1;
  }
}
.galleryTab .galleryTab__item:has(.galleryTab__button[aria-disabled='true']) {
  pointer-events: none;
}
.galleryTab .galleryTab__item:has(.galleryTab__button[aria-disabled='true']) .galleryTab__button {
  color: #999999;
}
.galleryTab .galleryTab__button {
  height: 3rem;
  width: 100%;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-align: center;
  padding: 0.75rem 1.25rem;
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .galleryTab .galleryTab__button {
    padding: 0.75rem 0;
  }
}
@media screen and (min-width: 768px) {
  .galleryTab .galleryTab__button.is-active {
    pointer-events: none;
  }
}
.galleryTab .galleryTab__button::after {
  content: '';
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDcuMjkzOUwxMC4yNTA1IDE3TDUgMTEuMTc2NUw2LjE2NjYgOS44ODI2MkwxMC4yNTA1IDE0LjQxMjJMMTcuODM0MiA2TDE5IDcuMjkzOVoiIGZpbGw9IiMzNjM0MzQiLz4KPC9zdmc+Cg==');
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .galleryTab .galleryTab__button::after {
    content: none;
  }
}
@media screen and (min-width: 768px) {
  .galleryTab .galleryTab__button {
    justify-content: center;
    height: 2.625rem;
    border-radius: 0.25rem;
  }
}
.galleryTab .galleryTab__button:disabled,
.galleryTab .galleryTab__button[aria-disabled='true'] {
  pointer-events: none;
  color: #999999;
  cursor: not-allowed;
}