.b-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.b-image-viewer__btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.b-image-viewer__btn:hover{cursor:pointer;color:var(--b-color-primary)}.b-image-viewer__btn .b-icon{font-size:inherit}.b-image-viewer__close{top:32px;right:32px;width:32px;height:32px;font-size:20px}.b-image-viewer__canvas{width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.b-image-viewer__actions{left:50%;bottom:32px;transform:translateX(-50%);width:240px;height:36px;padding:0 20px;background-color:var(--b-color-black);border-color:var(--b-color-black);border-radius:18px;box-shadow:var(--b-box-shadow-lv2)}.b-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:20px;color:var(--b-color-white);display:flex;align-items:center;justify-content:space-around}.b-image-viewer__actions__inner .b-icon:hover{cursor:pointer;color:var(--b-color-primary)}.b-image-viewer__prev{top:50%;transform:translateY(-50%);left:32px;width:32px;height:32px;font-size:20px;color:var(--b-color-white);background-color:var(--b-color-black);box-shadow:var(--b-box-shadow-lv2)}.b-image-viewer__prev:hover{cursor:pointer;color:var(--b-color-primary)}.b-image-viewer__next{top:50%;transform:translateY(-50%);right:32px;text-indent:2px;width:32px;height:32px;font-size:20px;color:var(--b-color-white);background-color:var(--b-color-black);box-shadow:var(--b-box-shadow-lv2)}.b-image-viewer__next:hover{cursor:pointer;color:var(--b-color-primary)}.b-image-viewer__close{width:32px;height:32px;font-size:20px;color:var(--b-color-white);background-color:var(--b-color-black);box-shadow:var(--b-box-shadow-lv2)}.b-image-viewer__close:hover{cursor:pointer;color:var(--b-color-primary)}.b-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;background:var(--b-color-overlay)}.viewer-fade-enter-active{-webkit-animation:viewer-fade-in var(--b-transition-duration);animation:viewer-fade-in var(--b-transition-duration)}.viewer-fade-leave-active{-webkit-animation:viewer-fade-out var(--b-transition-duration);animation:viewer-fade-out var(--b-transition-duration)}@-webkit-keyframes viewer-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes viewer-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}@keyframes viewer-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}