.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--animate_opacity,.pswp__bg,.pswp__caption,.pswp__top-bar,.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{will-change:opacity;-webkit-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{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity: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;}.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(0.4,0,0.22,1);transition:transform 333ms cubic-bezier(0.4,0,0.22,1);}.pswp__bg{will-change:opacity;-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;top:0;left:0;}.pswp__img{max-width:none;}.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;}.pswp__element--disabled{display:none;}.pswp__gallery-caption{height:114px;overflow:hidden;overflow-y:auto;padding-top:15px;padding-bottom:15px;padding-right:15px;padding-left:15px;p{ margin-bottom: 5px;}
}

.pswp__body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 0;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  background-color: rgba(255,255,255, 0.95);
  transition-duration: 0.4s;
  transition-property: transform;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.pswp__body.caption__hide {
  -webkit-transform: translateY(71%);
  -ms-transform: translateY(71%);
  -o-transform: translateY(71%);
  transform: translateY(71%);
}

.pswp__body .gallery-sns {
  margin-bottom: 0;
}

.pswp__body-top {
  padding: 5px 15px;
  border-top: 1px dotted #eaeaea;
  border-bottom: 1px dotted #eaeaea;
}

.pswp__custom-top-bar {
  background-color: #fff;
  z-index: 1;
  position: relative;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.pswp__custom-top-bar .gallery-control-buttons {
  text-align: center;
  border-top: none;
  border-bottom: 1px dotted #eaeaea;
}

.pswp__custom-top-bar .gallery-control-buttons .gallery-toggle {
  padding: 10px 15px;
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
    .pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

/*.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0;
}*/

.pswp__body.pswp__ui--idle,
.pswp__custom-top-bar.pswp__ui--idle {
  opacity: 0;
}

.gallery-toggle-caption {
    float: right;
    font-size: 0.75em;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #c82127;
    line-height: 14px;
    padding: 5px;
    height: 35px;
    width: 50px;
    margin-left: 8px;

    &:active {
        background-color: $crimson;
        color: $white;
    }
}