:root{--player-bg-color:#191919;--player-bg-popups-color:#191919cd;--player-borders-color:#3a3a3a;--player-fg-color:#fff;--player-fg-popups-color:#fff;--player-progress-loaded-color:#5f5f5f;--player-progress-complite-color:#c9c9c9;--player-bg-loader:#0000007c;--player-fg-loader:#fff}.video{margin:0;padding:0}.video__wrapper{display:flex;flex-direction:column;gap:0;position:relative;padding-bottom:50px;direction:ltr!important}.video__wrapper__player{display:flex;flex-direction:column;gap:0;position:relative;width:100%;height:100%;border-top:solid 3px var(--player-bg-color);border-left:solid 3px var(--player-bg-color);border-right:solid 3px var(--player-bg-color);border-bottom:solid 1px var(--player-borders-color)}.video__wrapper video{cursor:pointer;width:100%;height:100%;border-radius:0;outline:0;margin:0;padding:0}.video__wrapper.fullscreen{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#000;display:flex;align-items:center;justify-content:center;z-index:9999}.video__wrapper.fullscreen .video__wrapper__player{border-top:none;border-left:none;border-right:none}.video__wrapper__player__order,.video__wrapper__player__play,.video__wrapper__player__volume_on{width:120px;background-color:var(--player-bg-popups-color);height:120px;display:flex;align-items:center;justify-content:center;animation:2s ease-in-out infinite pulseMiddlePopup;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:2;border:2px solid #fff;border-radius:15px;box-shadow:0 0 10px 0 var(--player-bg-popups-color);cursor:pointer}.video__wrapper__player__order svg,.video__wrapper__player__play svg,.video__wrapper__player__volume_on svg{fill:#fff;width:70px;height:70px}.video__wrapper__player__order{bottom:-200px;top:unset;transform:translateX(-50%);animation:2s ease-in-out infinite pulseBottomPopup;height:fit-content;width:fit-content;padding:20px;gap:20px;color:#fff;text-transform:uppercase;font-weight:700;transition:bottom .5s}.video__wrapper__player__order.show{bottom:5%}.video__wrapper__player__order:hover{animation-play-state:paused}.video__wrapper__player__order svg{height:30px;width:30px}@media (max-width:550px){.video__wrapper__player__order,.video__wrapper__player__play,.video__wrapper__player__volume_on{width:90px;height:90px}.video__wrapper__player__order svg,.video__wrapper__player__play svg,.video__wrapper__player__volume_on svg{width:50px;height:50px}}@keyframes pulseMiddlePopup{from,to{transform:translateX(-50%) translateY(-50%) scale(1)}50%{transform:translateX(-50%) translateY(-50%) scale(1.15)}}@keyframes pulseBottomPopup{from,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.15)}}@keyframes showBottomPopup{from{bottom:-250px}to{bottom:5%}}.video__wrapper__player__loader{position:absolute;left:0;top:0;background-color:var(--player-bg-loader);display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:3}.video__wrapper__player__loader__item{width:50px;aspect-ratio:1;display:grid;border:4px solid #0000;border-radius:50%;border-right-color:var(--player-fg-loader);animation:1s linear infinite l15}.video__wrapper__player__loader__item::after,.video__wrapper__player__loader__item::before{content:"";grid-area:1/1;margin:2px;border:inherit;border-radius:50%;animation:2s infinite l15}.video__wrapper__player__loader__item::after{margin:8px;animation-duration:3s}@keyframes l15{100%{transform:rotate(1turn)}}.video__wrapper__controls{position:absolute;bottom:0;width:100%;height:50px;display:grid;grid-template-columns:50px 1fr 50px;background-color:var(--player-bg-color);align-items:center;z-index:1}.video__wrapper__controls svg{fill:var(--player-fg-color);width:20px;height:20px;transition:.3s}.video__wrapper__controls__fullscreen,.video__wrapper__controls__fullscreen__off,.video__wrapper__controls__fullscreen__on,.video__wrapper__controls__state,.video__wrapper__controls__state__pause,.video__wrapper__controls__state__play{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.video__wrapper__controls__state{border-right:solid 1px var(--player-borders-color)}.video__wrapper__controls__fullscreen{border-left:solid 1px var(--player-borders-color)}.video__wrapper__controls__fullscreen:hover,.video__wrapper__controls__state:hover{background-color:#2a2a2a;cursor:pointer}.video__wrapper__controls__fullscreen:hover svg,.video__wrapper__controls__state:hover svg{transform:scale(1.1)}.video__wrapper__controls__progress{padding-left:20px;padding-right:20px}.video__wrapper__controls__progress__line{background-color:var(--player-borders-color);width:100%;height:5px;border-radius:5px;position:relative}.video__wrapper__controls__progress__bar__loaded{position:absolute;left:0;top:0;height:100%;background-color:var(--player-progress-loaded-color);border-radius:5px}.video__wrapper__controls__progress__bar__complite{position:absolute;left:0;top:0;height:100%;background-color:var(--player-progress-complite-color);border-radius:5px}.video__wrapper__controls__progress__bar__cursor{position:absolute;background-color:var(--player-fg-color);box-shadow:0 0 5px -2px #2a2a2a;height:15px;width:15px;top:-5px;border-radius:50%;transform:translateX(-50%)}