.module-tfm-video-numbers{.module-inner{display:flex;flex-direction:column;gap:var(--baseline-4)}.video-content{margin-left:auto;margin-right:auto;max-height:calc(100dvh - var(--header-height) - var(--baseline)*2);.video-wrapper{display:inline-block;position:relative;width:100%;video{display:block;height:auto;transform:scale(1.01);width:100%}}.video-controls{bottom:0;display:flex;gap:var(--baseline);left:0;padding:var(--baseline-2);position:absolute;right:0;transition:opacity .25s ease,visibility .25s ease;z-index:10}@media (min-width:769px){.video-wrapper .video-controls,.video-wrapper .video-controls-gradient{opacity:0;visibility:hidden}.video-wrapper.controls-visible .video-controls,.video-wrapper.controls-visible .video-controls-gradient,.video-wrapper.controls-visible:hover .video-controls,.video-wrapper.controls-visible:hover .video-controls-gradient,.video-wrapper:hover .video-controls,.video-wrapper:hover .video-controls-gradient{opacity:1;visibility:visible}}@media (max-width:768px){.video-wrapper .video-controls,.video-wrapper .video-controls-gradient{opacity:0;visibility:hidden}.video-wrapper.controls-visible .video-controls,.video-wrapper.controls-visible .video-controls-gradient{opacity:1;visibility:visible}.video-controls{flex-direction:column;gap:8px;padding:12px}.video-progress-wrapper{order:2;position:relative;width:100%}.video-controls-buttons{bottom:100%;flex-direction:row;gap:8px;margin-bottom:8px;order:1;position:absolute;right:0}.video-control-btn{height:40px;width:40px;svg{height:18px;width:18px}}}.video-progress-wrapper{align-items:center;display:flex;gap:var(--baseline);width:100%}.video-progress-track{background:rgba(0,0,0,.3);border-radius:3px;cursor:pointer;flex:1;height:5px;position:relative}.video-progress-fill{background:#000;border-radius:3px;height:100%;left:0;position:absolute;top:0;width:0}.video-progress-tooltip{background:rgba(0,0,0,.8);border-radius:4px;bottom:100%;color:#fff;font-size:.75rem;left:0;margin-bottom:8px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s ease;white-space:nowrap}.video-progress-tooltip.visible{opacity:1}.video-time-current,.video-time-duration,.video-time-separator{color:#000;flex-shrink:0;font-size:.875rem}.video-controls-buttons{align-items:center;display:flex;gap:var(--baseline);justify-content:flex-end}.video-control-btn{align-items:center;background:rgba(0,0,0,.6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:background-color .3s ease;width:48px;&:hover{background:rgba(0,0,0,.8)}&:focus{outline:2px solid #fff;outline-offset:2px}svg{display:block;height:20px;width:20px}}.video-volume-wrap{align-items:center;display:flex;position:relative;.video-volume-slider-wrap{background:rgba(0,0,0,.8);border-radius:4px;bottom:100%;left:50%;margin-bottom:8px;opacity:0;padding:8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden}@media (min-width:769px){.video-volume-wrap:hover .video-volume-slider-wrap{opacity:1;pointer-events:auto;visibility:visible}}@media (max-width:768px){.video-volume-slider-wrap{display:none}}.video-volume-slider{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px;&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}&::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}&::-webkit-slider-runnable-track{background:hsla(0,0%,100%,.3);border-radius:2px;height:4px}&::-moz-range-track{background:hsla(0,0%,100%,.3);border-radius:2px;height:4px}}}}}