/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
        .pswp {
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            overflow: hidden;
            -ms-touch-action: none;
            touch-action: none;
            z-index: 1500;
            -webkit-text-size-adjust: 100%;
            -webkit-backface-visibility: hidden;
            outline: none
        }

        .pswp * {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .pswp img {
            max-width: none
        }

        .pswp--animate_opacity {
            opacity: .001;
            will-change: opacity;
            -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
            -o-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
            transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
        }

        .pswp--open {
            display: block
        }

        .pswp--zoom-allowed .pswp__img {
            cursor: -webkit-zoom-in;
            cursor: -moz-zoom-in;
            cursor: zoom-in
        }

        .pswp--zoomed-in .pswp__img {
            cursor: -webkit-grab;
            cursor: -moz-grab;
            cursor: grab
        }

        .pswp--dragging .pswp__img {
            cursor: -webkit-grabbing;
            cursor: -moz-grabbing;
            cursor: grabbing
        }

        .pswp__bg {
            background: #000;
            opacity: 0;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-backface-visibility: hidden
        }

        .pswp__bg,
        .pswp__scroll-wrap {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%
        }

        .pswp__scroll-wrap {
            overflow: hidden
        }

        .pswp__container,
        .pswp__zoom-wrap {
            -ms-touch-action: none;
            touch-action: none;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0
        }

        .pswp__container,
        .pswp__img {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none
        }

        .pswp__zoom-wrap {
            position: absolute;
            width: 100%;
            -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
            transform-origin: left top;
            -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
            transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
            -o-transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
            transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
            transition: transform 333ms cubic-bezier(.4, 0, .22, 1), -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1)
        }

        .pswp__bg {
            will-change: opacity;
            -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
            -o-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
            transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
        }

        .pswp--animated-in .pswp__bg,
        .pswp--animated-in .pswp__zoom-wrap {
            -webkit-transition: none;
            -o-transition: none;
            transition: none
        }

        .pswp__container,
        .pswp__zoom-wrap {
            -webkit-backface-visibility: hidden
        }

        .pswp__item {
            right: 0;
            bottom: 0;
            overflow: hidden
        }

        .pswp__img,
        .pswp__item {
            position: absolute;
            left: 0;
            top: 0
        }

        .pswp__img {
            width: auto;
            height: auto
        }

        .pswp__img--placeholder {
            -webkit-backface-visibility: hidden
        }

        .pswp__img--placeholder--blank {
            background: #222
        }

        .pswp--ie .pswp__img {
            width: 100% !important;
            height: auto !important;
            left: 0;
            top: 0
        }

        .pswp__error-msg {
            position: absolute;
            left: 0;
            top: 50%;
            width: 100%;
            text-align: center;
            font-size: 14px;
            line-height: 16px;
            margin-top: -8px;
            color: #ccc
        }

        .pswp__error-msg a {
            color: #ccc;
            text-decoration: underline
        }