div.pswp.pswp--open {
    --pswp-bg: var(--f-lightbox-bg, hsla(0 0 0 / 0.875));
    --f-lightbox-controls-opacity: 0.6;
    --f-lightbox-text-fs: var(--f-text-fs--lg);
    --f-lightbox-text-lh: var(--f-lh-text-lg, 1.3); 
    --f-lightbox-text-lh: 1.3;
    --f-lightbox-text-fw: 500;

  &.brx .pswp__bg {
    opacity: 1 !important;
  }
  &:not(.brx) .pswp__button svg {
    
    display: block;
  }
  button.pswp__button {
    --width: 40px;
    opacity: 0.55;
    svg {
        display: inline-flex;
        height: 28px;
        width: 20px;
    }
  }
  &.pswp--touch button.pswp__button--arrow {
    visibility: visible !important;
  }
  button.pswp__button--arrow .pswp__icn {
    height: 28px;
    width: auto;
    margin-top: -14px;
    display: block;
  }
  @media(orientation: portrait) {
      button.pswp__button--arrow--prev .pswp__icn {
        left: -1px;
      }
      button.pswp__button--arrow--next .pswp__icn {
        right: -1px;
      }
  }
  .pswp__scroll-wrap button.pswp__button {
    opacity: var(--f-lightbox-controls-opacity);
  }
  .pswp__dynamic-caption {
    padding: 0.85rem var(--f-page-gutter) 0.35rem;
  }
  .pswp__dynamic-caption--aside {
    padding: 1.75rem;
    margin-top: 0;
    top: 50% !important;
    transform: translateY(1.5rem) !important;
    max-width: 450px;
    @media(orientation: landscape) {
      
    }
  }
  .pswp__caption {
    color: var(--f-lightbox-text-color, #eee);
    font-size: var(--f-lightbox-text-fs, 1rem);
    font-weight: var(--f-lightbox-text-fw, 400);
    line-height: var(--f-lightbox-text-lh, 1.3);
  }
  .pswp__caption__text {
  }
  .pswp__caption__desc {
    font-size: var(--f-lightbox-desc-fs, 85%);
    font-weight: 400;
    margin-top: 1em;
    opacity: 0.85;
  }
}