.v-image-view-container *{margin:0;padding:0;border:none;box-sizing:border-box;background-color:transparent}.v-image-view-container button{cursor:pointer}.v-image-view-controller-btn{color:#1890ff}.v-image-view-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2000;background-color:#0009;opacity:0;pointer-events:none;visibility:hidden;transition:.2s ease}.v-image-view-wrapper.show{pointer-events:all;opacity:1;visibility:visible}.v-image-view-wrapper *{margin:0;padding:0;border:none;box-sizing:border-box;background-color:transparent}.v-image-view-wrapper button{cursor:pointer}.v-image-view-nav{position:absolute;width:100%;height:50px;top:0;right:0;z-index:3;display:flex;flex-direction:row-reverse;align-items:center;background-color:#0003}.v-image-view-nav-controller-btn{padding-top:5px;margin-right:10px;width:50px;height:50px;color:#ddd;font-weight:600;font-size:16px}.v-image-view-nav-controller-btn i{scale:1.3}.v-image-view-nav-controller-btn.selected{color:#3ea2ff}.v-image-view-content{width:100%;max-width:1200px;margin:auto;height:100%;position:relative}.v-image-view-image-control-box{position:absolute;z-index:10;top:100px;left:0;right:0;margin:auto;width:568px;cursor:grab;-webkit-user-select:none;user-select:none;transition:width .2s ease}.v-image-view-image-control-box:active{cursor:grabbing}.v-image-view-image-control-box.bottom{top:50%}.v-image-view-image-control-box.left{width:44%;left:20px;right:auto}.v-image-view-image-control-box.right{left:auto;right:20px;max-height:none;width:44%}.v-image-view-image-control-box.hover .v-image-view-nav{opacity:1}.v-image-view-image-control-box.selected{z-index:15}.v-image-view-image-control-box span{font-size:16px;display:inline-block;scale:1.3;color:#f2f2f2}.v-image-view-image-control-box .v-image-view-nav{height:40px;opacity:0;transition:.2s}.v-image-view-image-control-box .v-image-view-nav-controller-btn{padding:0;height:auto;margin:0;width:40px;height:40px;font-size:13px;color:#ddd;font-weight:600;font-size:16px;position:relative;z-index:999}.v-image-view-image-control-box .v-image-view-nav-controller-btn i{scale:1.3}.v-image-view-image-control-box .v-image-view-nav-controller-btn.selected{color:#3ea2ff}.v-image-view-nav-image-controller{width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:5}.v-image-view-image{width:100%;height:100%;margin:auto;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.v-image-view-image.hover{border:1px solid #1890ff}