.has-enhanced-controls{--vc-glass-bg: rgba(0, 0, 0, .45);--vc-glass-blur: 12px;--vc-glass-border: rgba(255, 255, 255, .1);--vc-accent: #fff;--vc-accent-glow: rgba(255, 255, 255, .4);--vc-progress-bg: rgba(255, 255, 255, .2);--vc-progress-buffered: rgba(255, 255, 255, .35);--vc-progress-fill: #fff;--vc-text: rgba(255, 255, 255, .9);--vc-text-muted: rgba(255, 255, 255, .6);--vc-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--vc-transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--vc-transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1)}.has-enhanced-controls{position:relative}.video-enhanced-controls{position:absolute;bottom:0;left:0;right:0;padding:20px 16px 16px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.4) 50%,transparent 100%);opacity:0;transform:translateY(8px);transition:opacity var(--vc-transition-smooth),transform var(--vc-transition-smooth);pointer-events:none;z-index:15}.has-enhanced-controls:hover .video-enhanced-controls,.has-enhanced-controls[playing] .video-enhanced-controls,.video-enhanced-controls:focus-within,.video-enhanced-controls.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.video-progress-container{position:relative;height:20px;display:flex;align-items:center;margin-bottom:12px;cursor:pointer}.video-progress-track{position:absolute;left:0;right:0;height:4px;background:var(--vc-progress-bg);border-radius:100px;overflow:hidden;transition:height var(--vc-transition-fast)}.video-progress-container:hover .video-progress-track,.video-progress-container:active .video-progress-track{height:6px}.video-progress-buffered{position:absolute;left:0;top:0;height:100%;width:0%;background:var(--vc-progress-buffered);border-radius:100px;transition:width var(--vc-transition-fast)}.video-progress-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:var(--vc-progress-fill);border-radius:100px;transition:width 50ms linear;box-shadow:0 0 8px var(--vc-accent-glow)}.video-progress-input{position:absolute;left:0;right:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;z-index:2;-webkit-appearance:none;appearance:none}.video-progress-input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--vc-accent);border-radius:50%;cursor:grab;box-shadow:0 2px 8px #0000004d}.video-progress-input::-moz-range-thumb{width:16px;height:16px;background:var(--vc-accent);border-radius:50%;cursor:grab;border:none;box-shadow:0 2px 8px #0000004d}.video-progress-input:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.2)}.video-progress-input:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.2)}.video-progress-container:after{content:"";position:absolute;width:14px;height:14px;background:var(--vc-accent);border-radius:50%;box-shadow:0 2px 8px #0006,0 0 0 3px var(--vc-accent-glow);left:calc(var(--progress, 0) * 1% - 7px);top:50%;transform:translateY(-50%) scale(0);transition:transform var(--vc-transition-bounce);pointer-events:none;z-index:3}.video-progress-container:hover:after,.video-progress-container:active:after{transform:translateY(-50%) scale(1)}.video-controls-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.video-controls-left,.video-controls-right{display:flex;align-items:center;gap:8px}.video-time{font-family:SF Mono,Roboto Mono,Fira Code,monospace;font-size:12px;font-weight:500;color:var(--vc-text);letter-spacing:.02em;min-width:36px;text-align:center}.video-time-separator{color:var(--vc-text-muted);font-size:11px;margin:0 2px}.video-control-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--vc-glass-bg);backdrop-filter:blur(var(--vc-glass-blur));-webkit-backdrop-filter:blur(var(--vc-glass-blur));border:1px solid var(--vc-glass-border);border-radius:50%;color:var(--vc-accent);cursor:pointer;transition:background var(--vc-transition-fast),transform var(--vc-transition-bounce),box-shadow var(--vc-transition-fast);outline:none}.video-control-btn:hover{background:#fff3;transform:scale(1.08);box-shadow:0 4px 16px #0000004d}.video-control-btn:active{transform:scale(.95)}.video-control-btn:focus-visible{box-shadow:0 0 0 3px var(--vc-accent-glow)}.video-control-btn svg{width:18px;height:18px;transition:transform var(--vc-transition-fast)}.video-mute-btn .icon-volume-off,.video-mute-btn[data-muted=true] .icon-volume-on{display:none}.video-mute-btn[data-muted=true] .icon-volume-off{display:block}.video-control-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transform:scale(0);transition:opacity var(--vc-transition-fast),transform var(--vc-transition-smooth)}.video-control-btn:active:before{opacity:1;transform:scale(2)}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity var(--vc-transition-smooth),visibility var(--vc-transition-smooth)}.video-modal[aria-hidden=false]{opacity:1;visibility:visible}.video-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:pointer}.video-modal-content{position:relative;width:100%;max-width:1200px;max-height:90vh;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff1a;transform:scale(.9) translateY(20px);transition:transform var(--vc-transition-bounce)}.video-modal[aria-hidden=false] .video-modal-content{transform:scale(1) translateY(0)}.video-modal-close{position:absolute;top:16px;right:16px;z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;cursor:pointer;transition:background var(--vc-transition-fast),transform var(--vc-transition-bounce);outline:none}.video-modal-close:hover{background:#ffffff26;transform:scale(1.1) rotate(90deg)}.video-modal-close:focus-visible{box-shadow:0 0 0 3px #fff6}.video-modal-player{width:100%;aspect-ratio:16 / 9}.video-modal-player video{width:100%;height:100%;object-fit:contain;background:#000}@media (max-width: 749px){.video-enhanced-controls{padding:16px 12px 12px}.video-progress-container{height:24px;margin-bottom:10px}.video-progress-track{height:3px}.video-progress-container:hover .video-progress-track,.video-progress-container:active .video-progress-track{height:5px}.video-time{font-size:11px;min-width:32px}.video-control-btn{width:32px;height:32px}.video-control-btn svg{width:16px;height:16px}.video-modal{padding:12px}.video-modal-content{border-radius:12px}.video-modal-close{top:12px;right:12px;width:40px;height:40px}}@media (prefers-reduced-motion: reduce){.video-enhanced-controls,.video-progress-fill,.video-progress-track,.video-control-btn,.video-modal,.video-modal-content,.video-modal-close,.video-progress-container:after{transition:none}}.deferred-media--empty,[data-video-empty]{visibility:hidden;pointer-events:none;min-height:100px}.video-block-wrapper:has([data-video-empty]:only-child),.video-block-wrapper:has(.deferred-media--empty:only-child){visibility:hidden}@media (max-width: 749px){.deferred-media--empty,[data-video-empty]{display:none!important}.video-block-wrapper:has([data-video-empty]),.video-block-wrapper:has(.deferred-media--empty){display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/video-enhanced-controls.css.map */