.album-browser-mask{z-index:9999;background-color:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.album-browser-mask .browser-close{cursor:pointer;z-index:10001;background-color:#fffc;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:20px;right:20px}.album-browser-mask .browser-close svg{width:100%;height:100%}.album-browser-mask .browser-close .icon-close-bg{fill:#fffc;stroke:#fffc;stroke-width:1px}.album-browser-mask .browser-close:hover .icon-close-bg{fill:#fff;stroke:#fff}.album-browser-mask .browser-prev,.album-browser-mask .browser-next{cursor:pointer;z-index:10001;background-color:#fffc;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.album-browser-mask .browser-prev:hover,.album-browser-mask .browser-next:hover{background-color:#fff}.album-browser-mask .browser-prev .left-icon,.album-browser-mask .browser-next .left-icon{display:inline-block;transform:rotate(180deg)}.album-browser-mask .browser-prev{left:20px}.album-browser-mask .browser-next{right:20px}.album-browser-mask .bottom_mask{z-index:1;background:linear-gradient(#fff0 0%,#000 100%);width:100%;height:100px;position:absolute;bottom:0}.album-browser-mask .browser-page{color:#fff;z-index:10000;font-size:16px;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}.album-browser-mask .browser-item-wrapper{opacity:0;width:100vw;height:100vh;transition:opacity 1s;position:relative}.album-browser-mask .browser-item-wrapper.active{opacity:1}.album-browser-mask .browser-item-wrapper.offscreen{position:absolute;top:0;left:0}.album-browser-mask .browser-item{max-width:100vw;max-height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.album-browser-mask .item_video{height:calc(100vh - 180px)}.album-browser-mask .panorama-btn{color:#fff;z-index:10001;background-color:#000000b3;border-radius:18px;padding:6px 16px;text-decoration:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.album-browser-mask .panorama-btn:hover{color:#fff;background-color:#000000e6}.album-browser-mask .browser-wrapper{width:100%;height:100%;position:relative}.album-browser-mask .browser-wrapper.loading:before{content:"";z-index:10000;border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}