.bylel-video-player{position:relative;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.bylel-video{max-width:100%;max-height:100%;width:auto!important;height:auto!important;display:block}.bylel-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent);padding:2rem 1.5rem 1rem;opacity:0;transition:opacity .3s ease;z-index:10}.bylel-video-player:hover .bylel-controls{opacity:1}.bylel-progress-bar{width:100%;height:4px;background:hsla(0,0%,100%,.2);border-radius:2px;margin-bottom:1rem;cursor:pointer;transition:height .2s ease}.bylel-progress-bar:hover{height:6px}.bylel-progress-filled{height:100%;background:#fff;border-radius:2px;width:0;position:relative}.bylel-controls-bottom{display:flex;align-items:center;gap:1.5rem}.bylel-btn{background:transparent;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:.5rem;transition:transform .2s ease,color .2s ease}.bylel-btn:hover{color:var(--accent-color);transform:scale(1.1)}.bylel-time{color:hsla(0,0%,100%,.8);font-size:.8rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bylel-spacer{flex:1 1}.bylel-volume-container{display:flex;align-items:center;gap:.5rem;min-width:120px}.bylel-volume-slider{width:80px;opacity:.4;cursor:pointer;height:4px;accent-color:#fff;transition:opacity .3s ease}.bylel-volume-container:hover .bylel-volume-slider{opacity:1}