.lodh-player{background:var(--lodh-black-100);color:var(--lodh-white-100);font-size:.75rem;position:relative;--lodh-player-progress:0%;--lodh-player-volume:0%}.lodh-player.played:not(.playing) .lodh-player-controls,.lodh-player.playing:not(.idle):hover .lodh-player-controls{opacity:1;transition:var(--lodh-transition);visibility:visible}.lodh-player.played .lodh-player-overlay .img-cover,.lodh-player.played .lodh-player-overlay svg,.lodh-player.played .lodh-player-overlay:before{opacity:0}.lodh-player.played .lodh-player-overlay button[data-player-play]{cursor:auto}.lodh-player.played:not(.playing) .lodh-player-overlay:before{opacity:1}.lodh-player.played:not(:has(.lodh-player-controls)) .lodh-player-overlay{pointer-events:none}.lodh-player.playing [data-player-play] .play{opacity:0;transform:scaleX(0)}.lodh-player.playing [data-player-play] .pause{opacity:1;transform:scaleX(1)}.lodh-player.idle *{cursor:none!important}.lodh-player[style*="--lodh-player-volume: 0%;"] [data-player-mute] .on{opacity:0}.lodh-player[style*="--lodh-player-volume: 0%;"] [data-player-mute] .off{opacity:1}.lodh-player button{background:none;border:none;cursor:pointer;padding:0}.lodh-player button svg{overflow:visible}.lodh-player button svg *{transition:var(--lodh-transition)}.lodh-player video{display:block;height:100%;width:100%}.lodh-player-overlay{inset:0;position:absolute}.lodh-player-overlay:before{background:linear-gradient(0deg,transparent,var(--lodh-black-100));content:"";inset:0;position:absolute;transition:var(--lodh-transition);z-index:1}.lodh-player-overlay .img-cover{transition:var(--lodh-transition);z-index:0}.lodh-player-overlay button[data-player-play]{height:auto;inset:0;position:absolute;z-index:3}.lodh-player-overlay button[data-player-play] svg{height:70px;padding:19px;transition:var(--lodh-transition);width:70px}.lodh-player-controls{align-items:center;background:linear-gradient(180deg,transparent,var(--lodh-black-100));display:flex;gap:15px;inset:0;justify-content:space-between;opacity:0;padding:15px 25px;position:absolute;top:auto;transition:all .8s ease-in-out;visibility:hidden;z-index:4}.lodh-player-controls[data-state-hidden]{display:none}.lodh-player-controls button,.lodh-player-controls button svg{height:30px}.lodh-player-controls-group{align-items:center;display:flex;gap:10px;justify-content:space-between}.lodh-player-controls-group:has([data-player-progress]){flex-grow:1}.lodh-player-bar-zone{cursor:pointer;padding:8px 0}.lodh-player-bar-zone:has([data-player-progress]){flex-grow:1}.lodh-player-bar{background:var(--lodh-white-150);height:2px;position:relative;--lodh-bar-progress:0%}.lodh-player-bar:before{inset:0;right:auto;width:var(--lodh-bar-progress)}.lodh-player-bar:after,.lodh-player-bar:before{background:var(--lodh-white-100);content:"";position:absolute}.lodh-player-bar:after{border-radius:10px;height:10px;left:calc(var(--lodh-bar-progress) - 5px);top:50%;transform:translateY(-50%);width:10px}button[data-player-fullscreen]{height:25px}button[data-player-fullscreen]:hover .tr{transform:translate(3px,-3px)}button[data-player-fullscreen]:hover .bl{transform:translate(-3px,3px)}button[data-player-fullscreen] svg{height:25px}[data-player-progress]{flex-grow:1;--lodh-bar-progress:var(--lodh-player-progress)}[data-player-mute]:hover .off,[data-player-mute]:hover .on{transform:translateX(3px)}[data-player-volume]{width:40px;--lodh-bar-progress:var(--lodh-player-volume)}button[data-player-play]{height:42px}button[data-player-play] svg{background:var(--lodh-black-50);border:1px solid var(--lodh-white-100);border-radius:100%;height:42px;padding:10px;width:42px}button[data-player-play] .pause,button[data-player-play] .play{transform-box:fill-box;transform-origin:center}button[data-player-play] .pause{transform:scaleX(0)}@media(width >= 576px){.lodh-player{font-size:1rem}.lodh-player-controls{gap:30px;padding-bottom:50px;padding-top:50px}[data-player-volume]{width:80px}}@media(width >= 992px){.lodh-player-controls{gap:60px}}