.vel-fade-enter-active,.vel-fade-leave-active{transition:all .3s}.vel-fade-enter-from,.vel-fade-leave-to{opacity:0}.vel-img-swiper{display:block;position:relative}.vel-modal{z-index:9998;background:#00000080;margin:0;position:fixed;inset:0}.vel-img-wrapper{-webkit-transform:translate(-50% -50%);transform:translate(-50% -50%);will-change:transform opacity;margin:0;transition:all .3s linear;position:absolute;top:50%;left:50%}.vel-img,.vel-img-wrapper{-webkit-user-select:none;user-select:none}.vel-img{background-color:#000000b3;max-width:80vw;max-height:80vh;transition:transform .3s ease-in-out;display:block;position:relative;box-shadow:0 5px 20px 2px #000000b3}@media (width<=750px){.vel-img{max-width:85vw;max-height:95vh}}.vel-btns-wrapper{position:static}.vel-btns-wrapper .btn__close,.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;opacity:.6;-webkit-user-select:none;user-select:none;outline:none;font-size:32px;transition:all .15s linear;position:absolute;top:50%;transform:translateY(-50%)}.vel-btns-wrapper .btn__close:hover,.vel-btns-wrapper .btn__next:hover,.vel-btns-wrapper .btn__prev:hover{opacity:1}.vel-btns-wrapper .btn__close.disable,.vel-btns-wrapper .btn__close.disable:hover,.vel-btns-wrapper .btn__next.disable,.vel-btns-wrapper .btn__next.disable:hover,.vel-btns-wrapper .btn__prev.disable,.vel-btns-wrapper .btn__prev.disable:hover{cursor:default;opacity:.2}.vel-btns-wrapper .btn__next{right:12px}.vel-btns-wrapper .btn__prev{left:12px}.vel-btns-wrapper .btn__close{top:24px;right:10px}@media (width<=750px){.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{font-size:20px}.vel-btns-wrapper .btn__close{font-size:24px}.vel-btns-wrapper .btn__next{right:4px}.vel-btns-wrapper .btn__prev{left:4px}}.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:12px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:12px}@media (width<=750px){.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:4px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:4px}}.vel-modal.is-rtl .vel-img-title{direction:rtl}.vel-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vel-loading .ring{width:64px;height:64px;display:inline-block}.vel-loading .ring:after{content:" ";border:5px solid #ffffffb3;border-color:#ffffffb3 #0000;border-radius:50%;width:46px;height:46px;margin:1px;animation:1.2s linear infinite ring;display:block}@keyframes ring{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.vel-on-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vel-on-error .icon{color:#aaa;font-size:80px}.vel-img-title{color:#ccc;cursor:default;opacity:.8;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:80%;font-size:12px;line-height:1;transition:opacity .15s;position:absolute;bottom:60px;left:50%;overflow:hidden;transform:translate(-50%)}.vel-img-title:hover{opacity:1}.vel-icon{fill:currentColor;vertical-align:-.15em;width:1em;height:1em;overflow:hidden}.vel-toolbar{opacity:.9;border-radius:4px;padding:0;display:flex;position:absolute;bottom:8px;left:50%;overflow:hidden;transform:translate(-50%)}.vel-toolbar,.vel-toolbar .toolbar-btn{-webkit-user-select:none;user-select:none;background-color:#2d2d2d}.vel-toolbar .toolbar-btn{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;outline:none;flex-shrink:0;padding:6px 10px;font-size:20px}.vel-toolbar .toolbar-btn:active,.vel-toolbar .toolbar-btn:hover{background-color:#3d3d3d}