.pswp__scroll-wrap {
  height: calc(100vh - 86px);
}

.pswp__thumbs {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  overflow-x: auto;
  margin: 8px;

  scrollbar-width: none;
}

.pswp__thumbs::-webkit-scrollbar {
  display: none;
}

.pswp__thumbs-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;

  height: var(--pswp-thumbs-wrapper-height, 72px);
  gap: var(--pswp-thumbs-wrapper-gap, 6px);
}

.pswp__thumb {
  all: unset;

  display: flex;
  justify-content: center;
  align-items: center;

  width: var(--pswp-thumb-width, 56px);
  height: 100%;
  border-radius: var(--pswp-thumb-border-radius, 6px);
  overflow: hidden;

  flex-shrink: 0;

  transition: width 300ms ease-in-out, margin 300ms ease-in-out;

  cursor: pointer;
}

.pswp__thumb--active {
  width: var(--pswp-thumb-active-width, 90px);
  margin-right: 6px;
  margin-left: 6px;
}

.pswp__thumb-img {
  flex-shrink: 0;
  width: var(--pswp-thumb-active-width, 90px);
  height: 100%;
  object-fit: cover;
}