.bog-image-gallery-slide{display:flex;flex-direction:column;height:100vh;width:100%}.bog-image-gallery-slide__header{background-color:var(--d1f7a406);color:var(--v37666c5e);display:flex;justify-content:center;padding:1rem 0;position:relative}.bog-image-gallery-slide__close{font-size:1.5rem;line-height:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .5s;z-index:1}@media(hover:hover){.bog-image-gallery-slide__close:hover{color:var(--v7f57bc73)}}.bog-image-gallery-slide__main{align-items:center;display:flex;flex-grow:1;justify-content:center;min-height:0;position:relative}.bog-image-gallery-slide__navigation{color:var(--v0283a5cc);font-size:2rem;font-weight:700;padding:.5rem;position:absolute;transition:color .5s;z-index:1}@media(hover:hover){.bog-image-gallery-slide__navigation:not(.bog-image-gallery-slide__navigation--disabled):hover{color:var(--v0cc20255)}}.bog-image-gallery-slide__navigation--prev{left:0}.bog-image-gallery-slide__navigation--next{right:0}.bog-image-gallery-slide__navigation--disabled{color:var(--v7a72827a);cursor:default}.bog-image-gallery-slide__viewport{height:100%;overflow:hidden}.bog-image-gallery-slide__viewport--thumbs{background-color:var(--v5e43c666);display:none;height:8rem;justify-content:center;padding:1rem}@media only screen and (min-width:40rem){.bog-image-gallery-slide__viewport--thumbs{display:flex}}.bog-image-gallery-slide__container{align-items:center;display:flex;height:100%}.bog-image-gallery-slide__container--thumbs{gap:1rem}.bog-image-gallery-slide__slide{height:100%}.bog-image-gallery-slide__slide img{height:100%;-o-object-fit:contain;object-fit:contain}.bog-image-gallery-slide__slide picture{height:100%}.bog-image-gallery-slide__slide--main{align-items:center;display:flex;flex:0 0 100%;justify-content:center}.bog-image-gallery-slide__slide--main img{max-width:100%}.bog-image-gallery-slide__slide--thumbs{background-color:var(--v87785800);flex-basis:auto;flex-shrink:0}.bog-image-gallery-slide__slide--thumbs img{opacity:.5;transition:opacity .5s;width:100%}@media(hover:hover){.bog-image-gallery-slide__slide--thumbs:hover img{opacity:.7}}.bog-image-gallery-slide__slide--active{cursor:default}.bog-image-gallery-slide__slide--active img{opacity:1!important}