.video-container{position:relative;border-radius:.5rem;margin:auto;& video{width:100%;height:100%;border-radius:.5rem}}.ad-container{position:absolute;top:0;left:0;width:100%;height:100%}.video-player-wrapper{display:flex;justify-content:center;align-items:center;width:100%}@media (max-width:900px){.wireframe-body{flex-direction:column}.sidebar-container{width:100%;max-width:none;min-width:0}.main-content-container,.video-container{width:100%}}.ad-progress-container{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;z-index:2}.ad-progress-bar-wrapper{display:flex;flex-direction:column}.ad-progress-text{display:flex;justify-content:flex-start;color:white;font-size:.65rem;margin-bottom:.25rem;padding:0 .25rem;.countdown{font-weight:700;background-color:#ffcc00;padding:.25rem;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;color:black;font-size:.75rem;box-shadow:0 0 5px rgba(0,0,0,.5)}}.ad-progress-track{width:100%;height:4px;background-color:rgba(255,255,255,.3);border-radius:3px;overflow:hidden}.ad-progress-fill{height:100%;background-color:#ffcc00;border-radius:3px;transition:width .3s}