.thumb-video{display:flex;align-items:center;position:relative}.viewbox-backdrop{position:fixed;inset:0;z-index:10000000;background-color:rgba(0,0,0,.7)}.viewbox-backdrop,.viewbox-modal{display:flex;align-items:center;justify-content:center}.viewbox-modal{background:transparent;border-radius:1vw;padding:0;width:30vw;height:95%;position:relative;gap:1vw;flex-direction:column}.custom-arrow{position:absolute;top:40%;z-index:3;border-radius:50%;background:rgba(0,0,0,.4);border:none;width:3vw;height:3vw;display:flex;align-items:center;justify-content:center;pointer-events:all;cursor:pointer;margin:0 1vw}.custom-arrow.next{right:0}.custom-arrow.next svg{transform:rotate(-90deg)}.custom-arrow.prev{left:0}.custom-arrow.prev svg{transform:rotate(90deg)}.custom-arrow svg{width:1.5vw;height:1.5vw}.custom-arrow svg path{stroke-opacity:1}.viewbox-close-btn{position:absolute;top:-1vw;right:-5vw;z-index:10;border-radius:50%;border:.1vw solid hsla(0,0%,100%,.1);width:3vw;height:3vw;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(.5vw);backdrop-filter:blur(.5vw);background-color:hsla(0,0%,100%,.1)}.viewbox-close-btn svg{width:1vw;height:1vw}.viewbox-close-btn svg path{stroke:#fff;fill:#fff;stroke-opacity:1}.viewbox-thumbs-swiper{width:100%;height:15%}.viewbox-thumbs-swiper .swiper-slide,.viewbox-thumbs-swiper .swiper-wrapper{border-radius:1vw}.viewbox-thumbs-swiper .swiper-slide div,.viewbox-thumbs-swiper .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:1vw}.viewbox-thumbs-swiper .viewbox-play-icon{width:3vw!important;height:3vw!important}.viewbox-slide,.viewbox-swiper{width:100%;height:100%;border-radius:1vw}.viewbox-slide{display:flex;align-items:center;justify-content:center}.viewbox-slide div,.viewbox-slide img,.viewbox-slide video{border-radius:1vw}.viewbox-video-wrapper{position:relative;background:#000;overflow:hidden}.viewbox-video,.viewbox-video-wrapper{width:100%;height:100%;border-radius:1vw}.viewbox-video{-o-object-fit:cover;object-fit:cover}.viewbox-center-button{position:absolute;inset:0;cursor:pointer}.viewbox-center-button,.viewbox-play-icon{display:flex;align-items:center;justify-content:center}.viewbox-play-icon{width:4vw;height:4vw;background:rgba(0,0,0,.6);border-radius:50%!important;color:#fff;font-size:1.7vw}.viewbox-controls{position:absolute;bottom:0;left:0;right:0;padding:0 1vw;background:rgba(0,0,0,.7);color:#fff;font-size:.87vw}.viewbox-time{display:flex;justify-content:space-between;font-size:.7vw;margin-bottom:.2vw}.viewbox-progress{width:100%;accent-color:#facc15}.viewbox-image-wrapper{display:flex;align-items:center;justify-content:center;border-radius:1vw!important}.viewbox-image{width:35vw;border-radius:1vw!important;-o-object-fit:contain;object-fit:contain;width:100%;max-height:100%;background:#000}@media only screen and (max-width:700px){.viewbox-modal{padding:0;border-radius:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh}.viewbox-close-btn{top:1.5vw;right:1.5vw;font-size:6vw;width:10vw;height:10vw}.viewbox-close-btn svg{width:4vw;height:4vw}.viewbox-close-btn svg path{stroke:#fff;fill:#fff;stroke-opacity:1}.viewbox-play-icon{width:16vw;height:16vw;font-size:6vw}.viewbox-controls{padding:3vw;font-size:3vw}.viewbox-time{font-size:2.8vw}.viewbox-progress{height:2vw}.viewbox-image-wrapper{display:flex;align-items:center;justify-content:center;border-radius:1vw!important}.viewbox-image{width:100%!important;height:100vh!important;border-radius:1vw!important;-o-object-fit:contain;object-fit:contain}.custom-arrow{width:10vw;height:10vw;margin:0 1vw}.custom-arrow svg{width:4vw;height:4vw}.custom-arrow svg path{stroke-opacity:1}}