.lightbox-gallery {
    --lbg-selector-size: 2.5rem;
    --lbg-selector-size-mobile: 2rem;
    --lbg-selector-padding: .5em;
    --lbg-dot-strip-size: .75rem;
    --lbg-transition-duration: var(--transition-fast);
}
.lightbox-gallery__main {
    background-color: var(--color-card-bg);
    border: var(--border-width-m) var(--color-border) solid;
    box-shadow: var(--shadow-m);
    border-radius: var(--border-radius-m);
    background-color: #161616;
    border-color: #2b2b2a;
    color: white;
}
.lightbox-gallery button.close {
    background-color: transparent;
    border-radius: var(--border-radius-m);
    transition: background-color var(--lbg-transition-duration), color var(--lbg-transition-duration), transform var(--lbg-transition-duration);
}
.lightbox-gallery__player-content .selector,
.lightbox-gallery__footer .selector {
    width: var(--lbg-selector-size-mobile);
    height: var(--lbg-selector-size-mobile);
    padding: var(--lbg-selector-padding);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.75);
    border-radius: 50rem;
    transition: background-color var(--lbg-transition-duration), color var(--lbg-transition-duration), transform var(--lbg-transition-duration);
}
.lightbox-gallery__media-info .categories button {
    border-radius: 2rem;
    background-color: #232323;
    color: white;
    padding: .5em 1em;
    transition: background-color var(--lbg-transition-duration), color var(--lbg-transition-duration), transform var(--lbg-transition-duration);
}
.lightbox-gallery__media-info .categories button.highlight {
    background-color: var(--color-highlight);
    color: white;
}
.lightbox-gallery__content-flow .dot-strip .dot {
    width: var(--lbg-dot-strip-size);
    height: var(--lbg-dot-strip-size);
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #808080;
    transition: background-color var(--lbg-transition-duration);
}
.lightbox-gallery__content-flow .dot-strip .dot.highlight {
    background-color: var(--color-highlight);
}
.lightbox-gallery__footer .selector {
}
.lightbox-gallery__footer .media-strip-item {
    overflow: hidden;
    border-radius: var(--border-radius-m);
    border: var(--border-width-m) transparent solid;
    filter: brightness(50%);
    transition: border-color var(--lbg-transition-duration), filter var(--lbg-transition-duration), transform var(--lbg-transition-duration);
}
.lightbox-gallery__footer .media-strip-item.highlight {
    border-color: var(--color-highlight);
    filter: brightness(100%);
}
@media only screen and (min-width: 750px) {
    .lightbox-gallery__player-content .selector {
        width: var(--lbg-selector-size);
        height: var(--lbg-selector-size);
    }
}
@media (hover: hover) and (pointer: fine) {
    .lightbox-gallery__footer .media-strip-item:hover {
        border-color: var(--color-highlight);
        filter: brightness(100%);
    }
    .lightbox-gallery__player-content .selector:hover,
    .lightbox-gallery__footer .selector:hover {
        background-color: var(--color-highlight);
    }
    .lightbox-gallery__media-info .categories button:hover {
        background-color: var(--color-highlight);
        color: white;
    }
    .lightbox-gallery button.close:hover {
        background-color: var(--color-highlight);
    }
}
@media (hover: none) and (pointer: coarse) {
    .lightbox-gallery button:active {
        transform: scale(0.95);
    }
}