/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
  */
  /* pswp = photoswipe */
  .pswp {
    position: relative;
    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%;
    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
    -webkit-backface-visibility: hidden;
    outline: none; }
    .pswp * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .pswp img {
        max-width: none; }

        /* style is added when JS option showHideOpacity is set to true */
        .pswp--animate_opacity {
          /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
          opacity: 0.001;
          will-change: opacity;
          /* for open/close transition */
          -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

          .pswp--open {
            display: block; }

            .pswp--zoom-allowed .pswp__img {
              /* autoprefixer: off */
              cursor: -webkit-zoom-in;
              cursor: -moz-zoom-in;
              cursor: zoom-in; }

              .pswp--zoomed-in .pswp__img {
                /* autoprefixer: off */
                cursor: -webkit-grab;
                cursor: -moz-grab;
                cursor: grab; }

                .pswp--dragging .pswp__img {
                  /* autoprefixer: off */
                  cursor: -webkit-grabbing;
                  cursor: -moz-grabbing;
                  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
  */
  .pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity; }

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

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

        /* Prevent selection and tap highlights */
        .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;
            /* for open/close transition */
            -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
            transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

            .pswp__bg {
              will-change: opacity;
              /* for open/close transition */
              -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
              transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

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

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

                  .pswp__item {
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    overflow: hidden; }

                    .pswp__img {
                      position: absolute;
                      width: auto;
                      height: auto;
                      top: 0;
                      left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
  */
  .pswp__img--placeholder {
    -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
  */
  .pswp__img--placeholder--blank {
    background: #222; }

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

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
  */
  .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; }