.t4-video-container{position:relative;width:100%;max-width:100%;background:#000;overflow:hidden;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.t4-video-container video{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.t4-video-container button{background:0 0;border:none;color:#fff;cursor:pointer;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}.t4-video-container button:hover{opacity:.8}.t4-video-container .t4-hidden{display:none!important}.t4-video-container .t4-video-big-play{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px;height:80px;background:rgba(0,0,0,.6);border-radius:50%;z-index:1;backdrop-filter:blur(4px)}.t4-video-container .t4-video-big-play svg{width:40px;height:40px;margin-left:6px}.t4-video-container .t4-video-big-play:hover{background:rgba(255,255,255,.2);color:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.t4-video-container .t4-video-controls{position:absolute;bottom:0;left:0;width:100%;padding:40px 20px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;z-index:10;-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.t4-video-container.t4-video-idle .t4-video-controls{opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px)}.t4-video-container .t4-video-btn{width:32px;height:32px}.t4-video-container .t4-video-btn svg{width:24px;height:24px}.t4-video-container .t4-video-progress-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.t4-video-container .t4-video-progress-wrapper:hover .t4-video-progress{height:6px}.t4-video-container .t4-video-progress{width:100%;height:4px;background:rgba(255,255,255,.3);border-radius:2px;position:relative;-webkit-transition:height .2s;transition:height .2s}.t4-video-container .t4-video-progress-filled{position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:2px;pointer-events:none}.t4-video-container .t4-video-progress-handle{position:absolute;top:50%;width:12px;height:12px;background:#fff;border-radius:50%;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;transition:transform .2s,opacity .2s;transition:transform .2s,opacity .2s,-webkit-transform .2s;pointer-events:none}.t4-video-container .t4-video-time{color:#fff;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.5px;opacity:.9}.t4-video-container .t4-video-volume-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;position:relative}.t4-video-container .t4-video-volume-wrapper:hover .t4-video-volume-slider-wrapper{opacity:1}.t4-video-container .t4-video-volume-slider-wrapper{width:0;opacity:0;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:width .3s,opacity .3s;transition:width .3s,opacity .3s;overflow:hidden;cursor:pointer;-webkit-transform:rotate(-90deg) translateY(-50%) translateX(80%);transform:rotate(-90deg) translateY(-50%) translateX(80%);position:absolute;top:0;left:0;width:60px}.t4-video-container .t4-video-volume-slider{width:60px;height:4px;background:rgba(255,255,255,.3);border-radius:2px;position:relative}.t4-video-container .t4-video-volume-filled{position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:2px;pointer-events:none}@media (max-width:768px){.t4-video-container .t4-video-time{font-size:12px}.t4-video-container .t4-video-controls{padding:20px 12px 20px;gap:16px}}
/*# sourceMappingURL=t4custom-video.css.map */