.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);
    overflow-y: auto;
}

.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 .3s ease-in-out, margin .3s 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
}