@charset "utf-8";

.vel-fade-enter-active[data-v-73796048], .vel-fade-leave-active[data-v-73796048] { transition: 0.3s; }

.vel-fade-enter[data-v-73796048], .vel-fade-leave-to[data-v-73796048] { opacity: 0; }

.vel-img-swiper[data-v-73796048] { position: relative; display: block; }

.vel-modal[data-v-73796048] { z-index: 9998; position: fixed; inset: 0px; margin: 0px; background: rgba(0, 0, 0, 0.5); }

.vel-img-wrapper[data-v-73796048] { user-select: none; margin: 0px; position: absolute; top: 50%; left: 50%; transition: 0.3s linear; }

.vel-img[data-v-73796048] { user-select: none; max-width: 80vw; max-height: 80vh; display: block; position: relative; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 20px 2px; background-color: rgba(0, 0, 0, 0.7); }

@media (max-width: 750px) {
  .vel-img[data-v-73796048] { max-width: 85vw; max-height: 95vh; }
}

.vel-btns-wrapper .btn__close[data-v-73796048], .vel-btns-wrapper .btn__next[data-v-73796048], .vel-btns-wrapper .btn__prev[data-v-73796048] { user-select: none; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; opacity: 0.6; font-size: 32px; color: rgb(255, 255, 255); transition: 0.15s linear; -webkit-tap-highlight-color: transparent; outline: 0px; }

.vel-btns-wrapper .btn__close[data-v-73796048]:hover, .vel-btns-wrapper .btn__next[data-v-73796048]:hover, .vel-btns-wrapper .btn__prev[data-v-73796048]:hover { opacity: 1; }

.vel-btns-wrapper .btn__close.disable[data-v-73796048], .vel-btns-wrapper .btn__close.disable[data-v-73796048]:hover, .vel-btns-wrapper .btn__next.disable[data-v-73796048], .vel-btns-wrapper .btn__next.disable[data-v-73796048]:hover, .vel-btns-wrapper .btn__prev.disable[data-v-73796048], .vel-btns-wrapper .btn__prev.disable[data-v-73796048]:hover { cursor: default; opacity: 0.2; }

.vel-btns-wrapper .btn__next[data-v-73796048] { right: 12px; }

.vel-btns-wrapper .btn__prev[data-v-73796048] { left: 12px; }

.vel-btns-wrapper .btn__close[data-v-73796048] { top: 24px; right: 10px; }

@media (max-width: 750px) {
  .vel-btns-wrapper .btn__next[data-v-73796048], .vel-btns-wrapper .btn__prev[data-v-73796048] { font-size: 20px; }
  .vel-btns-wrapper .btn__close[data-v-73796048] { font-size: 24px; }
  .vel-btns-wrapper .btn__next[data-v-73796048] { right: 4px; }
  .vel-btns-wrapper .btn__prev[data-v-73796048] { left: 4px; }
}