.vue-recycle-scroller {
  position: relative
}

.vue-recycle-scroller.direction-vertical:not(.page-mode) {
  overflow-y: auto
}

.vue-recycle-scroller.direction-horizontal:not(.page-mode) {
  overflow-x: auto
}

.vue-recycle-scroller.direction-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.vue-recycle-scroller__slot {
  -webkit-box-flex: 1;
  -ms-flex: auto 0 0px;
  flex: auto 0 0
}

.vue-recycle-scroller__item-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative
}

.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform
}

.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
  width: 100%
}

.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
  height: 100%
}

.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
  width: 100%
}

.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
  height: 100%
}

.resize-observer[data-v-b329ee4c] {
  border: none;
  background-color: transparent;
  opacity: 0
}

.resize-observer[data-v-b329ee4c],.resize-observer[data-v-b329ee4c] object {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: block;
  overflow: hidden
}

/*!
* Viewer.js v1.11.7
* https://fengyuanchen.github.io/viewerjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2024-11-24T04:32:14.526Z
*/
.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 40'%3E%3Cpath fill='%23fff' d='M49.6 17.9h20.2v3.9H49.6zm123.1 2 10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3 5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7Zm14 0h6.2V16h-2v-4.3h-4.2v-2Zm6.2 14V30h-6.2v-2h4.2v-4.3h2Zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2Zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7 7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1Zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5 8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1Zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 0 0-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 0 1-10-10.2 10 10 0 0 1 10-10.2Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px
}

.viewer-zoom-in:before {
  background-position: 0 0;
  content: "Zoom In"
}

.viewer-zoom-out:before {
  background-position: -20px 0;
  content: "Zoom Out"
}

.viewer-one-to-one:before {
  background-position: -40px 0;
  content: "One to One"
}

.viewer-reset:before {
  background-position: -60px 0;
  content: "Reset"
}

.viewer-prev:before {
  background-position: -80px 0;
  content: "Previous"
}

.viewer-play:before {
  background-position: -100px 0;
  content: "Play"
}

.viewer-next:before {
  background-position: -120px 0;
  content: "Next"
}

.viewer-rotate-left:before {
  background-position: -140px 0;
  content: "Rotate Left"
}

.viewer-rotate-right:before {
  background-position: -160px 0;
  content: "Rotate Right"
}

.viewer-flip-horizontal:before {
  background-position: -180px 0;
  content: "Flip Horizontal"
}

.viewer-flip-vertical:before {
  background-position: -200px 0;
  content: "Flip Vertical"
}

.viewer-fullscreen:before {
  background-position: -220px 0;
  content: "Enter Full Screen"
}

.viewer-fullscreen-exit:before {
  background-position: -240px 0;
  content: "Exit Full Screen"
}

.viewer-close:before {
  background-position: -260px 0;
  content: "Close"
}

.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.viewer-container ::-moz-selection,.viewer-container::-moz-selection {
  background-color: transparent
}

.viewer-container ::selection,.viewer-container::selection {
  background-color: transparent
}

.viewer-container:focus {
  outline: 0
}

.viewer-container img {
  display: block;
  height: auto;
  max-height: none!important;
  max-width: none!important;
  min-height: 0!important;
  min-width: 0!important;
  width: 100%
}

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0
}

.viewer-canvas>img {
  height: auto;
  margin: 15px auto;
  max-width: 90%!important;
  width: auto
}

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center
}

.viewer-navbar {
  background-color: rgba(0,0,0,.5);
  overflow: hidden
}

.viewer-list {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0
}

.viewer-list>li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: .5;
  overflow: hidden;
  -webkit-transition: opacity .15s;
  transition: opacity .15s;
  width: 30px
}

.viewer-list>li:focus,.viewer-list>li:hover {
  opacity: .75
}

.viewer-list>li:focus {
  outline: 0
}

.viewer-list>li+li {
  margin-left: 1px
}

.viewer-list>.viewer-loading {
  position: relative
}

.viewer-list>.viewer-loading:after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px
}

.viewer-list>.viewer-active,.viewer-list>.viewer-active:focus,.viewer-list>.viewer-active:hover {
  opacity: 1
}

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  right: 0;
  z-index: 1
}

.viewer-player,.viewer-player>img {
  left: 0;
  position: absolute;
  top: 0
}

.viewer-toolbar>ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 6px 3px
}

.viewer-toolbar>ul>li {
  background-color: rgba(0,0,0,.5);
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 24px;
  overflow: hidden;
  -webkit-transition: background-color .15s;
  transition: background-color .15s;
  width: 24px
}

.viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover {
  background-color: rgba(0,0,0,.8)
}

.viewer-toolbar>ul>li:focus {
  -webkit-box-shadow: 0 0 3px #fff;
  box-shadow: 0 0 3px #fff;
  outline: 0;
  position: relative;
  z-index: 1
}

.viewer-toolbar>ul>li:before {
  margin: 2px
}

.viewer-toolbar>ul>li+li {
  margin-left: 1px
}

.viewer-toolbar>ul>.viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px
}

.viewer-toolbar>ul>.viewer-small:before {
  margin: -1px
}

.viewer-toolbar>ul>.viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px
}

.viewer-toolbar>ul>.viewer-large:before {
  margin: 5px
}

.viewer-tooltip {
  background-color: rgba(0,0,0,.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  margin: 5px 5%;
  max-width: 90%;
  min-height: 14px;
  opacity: .8;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: opacity .15s;
  transition: opacity .15s;
  white-space: nowrap
}

.viewer-title:hover {
  opacity: 1
}

.viewer-button {
  -webkit-app-region: no-drag;
  background-color: rgba(0,0,0,.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  -webkit-transition: background-color .15s;
  transition: background-color .15s;
  width: 80px
}

.viewer-button:focus,.viewer-button:hover {
  background-color: rgba(0,0,0,.8)
}

.viewer-button:focus {
  -webkit-box-shadow: 0 0 3px #fff;
  box-shadow: 0 0 3px #fff;
  outline: 0
}

.viewer-button:before {
  bottom: 15px;
  left: 15px;
  position: absolute
}

.viewer-fixed {
  position: fixed
}

.viewer-open {
  overflow: hidden
}

.viewer-show {
  display: block
}

.viewer-hide {
  display: none
}

.viewer-backdrop {
  background-color: rgba(0,0,0,.5)
}

.viewer-invisible {
  visibility: hidden
}

.viewer-move {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.viewer-fade {
  opacity: 0
}

.viewer-in {
  opacity: 1
}

.viewer-transition {
  -webkit-transition: all .3s;
  transition: all .3s
}

@-webkit-keyframes viewer-spinner {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@keyframes viewer-spinner {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

.viewer-loading:after {
  -webkit-animation: viewer-spinner 1s linear infinite;
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid hsla(0,0%,100%,.1);
  border-left-color: hsla(0,0%,100%,.5);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1
}

@media (max-width: 767px) {
  .viewer-hide-xs-down {
      display:none
  }
}

@media (max-width: 991px) {
  .viewer-hide-sm-down {
      display:none
  }
}

@media (max-width: 1199px) {
  .viewer-hide-md-down {
      display:none
  }
}