.video-preview{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}.preview-sound-btn{z-index:4;border:none;box-shadow:none;background:rgba(0,0,0,.6);border-radius:20px;display:flex;align-items:center;justify-content:center;gap:25px;cursor:pointer;padding:clamp(16px,2vw,30px);color:#fff;white-space:pre-wrap;font-size:clamp(14px,2vw,24px)}.preview-sound-btn img{width:clamp(32px,4vw,60px);height:clamp(32px,4vw,60px)}.progressbar,.progressbar *,.custom-controls *,.video-wrapper *{-webkit-tap-highlight-color:transparent}.video-wrapper{position:relative;width:100%;padding-top:56.25%}.video-wrapper video,.video-wrapper .video-js{position:absolute;top:0;left:0;width:100%;height:100%}.custom-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px;background:rgba(0,0,0,.6);position:absolute;left:0;right:0;bottom:0;color:#fff;opacity:1;transition:opacity .3s ease-in-out}.custom-controls.hidden{opacity:0;pointer-events:none}.playPause-btn,.fullscreen-btn{cursor:pointer;background:none;border:1px solid white;border-radius:4px;padding:4px;display:flex;align-items:center;justify-content:center}.fullscreen-btn,.playPause-btn{width:34px;height:34px}.fullscreen-btn{margin-bottom:1px}.playPause-btn img,.fullscreen-btn img{width:24px;height:24px}.progressbar{flex:1;height:7px;border-radius:4px;background:rgba(255,255,255,.25);cursor:pointer;position:relative}.progressbar-fill{height:100%;background:#4dabff;width:0;transition:width .25s linear}.progressbar-fill.no-transition{transition:none}#timeLabel{font-size:clamp(10px,1.25vw,14px)}.video-js.vjs-fullscreen #timeLabel{font-size:clamp(12px,1.6vw,20px)}.cta-btn{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:clamp(6px,3vw,30px) clamp(8px,6vw,42px);background:#ff5b5b!important;color:#fff;font-weight:700;border-radius:clamp(8px,2vw,16px);cursor:pointer;font-size:clamp(12px,3vw,40px)!important;white-space:nowrap;z-index:6}.click-anim{position:absolute;top:50%;left:50%;width:90px;height:90px;border-radius:50%;pointer-events:none;display:none;background-size:50px 50px;z-index:5}.anim-play{background:rgba(0,0,0,.45) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23e3e3e3'%3e%3cpath%20d='M320-200v-560l440%20280-440%20280Zm80-280Zm0%20134%20210-134-210-134v268Z'/%3e%3c/svg%3e") no-repeat center center;background-size:50px 50px}.anim-pause{background:rgba(0,0,0,.45) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23e3e3e3'%3e%3cpath%20d='M520-200v-560h240v560H520Zm-320%200v-560h240v560H200Zm400-80h80v-400h-80v400Zm-320%200h80v-400h-80v400Zm0-400v400-400Zm320%200v400-400Z'/%3e%3c/svg%3e") no-repeat center center;background-size:50px 50px}@keyframes clickAnim{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.7}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.video-js.vjs-fullscreen .custom-controls{bottom:24px;left:24px;right:24px;border-radius:8px;justify-content:space-between;gap:12px;background:rgba(0,0,0,.35)}.video-js.vjs-fullscreen .cta-btn{font-size:clamp(28px,6vw,40px);padding:clamp(18px,4vw,40px) clamp(24px,4vw,60px)}.anim-show{display:block;animation:clickAnim .7s ease-out forwards}