*{padding:0;margin:0;box-sizing:border-box}body{font-family:Overpass,sans-serif}p{padding:0;margin:0;box-sizing:border-box}img{max-width:100%;max-height:100%;width:auto\9;-o-object-fit:contain;object-fit:contain}.spinner{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}#player{bottom:0;background-image:linear-gradient(246deg,#29b6f6,#26a69a)}#player,#player .player-container{position:absolute;top:0;left:0;right:0}#player .player-container{background-repeat:no-repeat;background-position:50%;background-size:cover;bottom:50px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}#player .player-container #miniCode.showMedia{position:absolute;top:10px;left:10px;width:100px;height:100px;z-index:999}#player .player-container #miniCode .textQr{color:#fff;font-weight:700;text-decoration:underline}#player .player-container #bgMedia,#player .player-container #document,#player .player-container #picture,#player .player-container #video{display:none}#player .player-container .backgroundMedia{width:100%;height:100%;background-color:#000;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}#player .player-container .backgroundMedia #document{width:100%;height:100%}#player #bg{background-color:#333;height:50px;position:absolute;bottom:0;left:0;right:0}#player #bg #user_informations{position:fixed;bottom:0;right:0;min-width:250px;max-width:350px;height:50px;padding:0 15px;background:linear-gradient(246deg,#29b6f6,#26a69a);line-height:50px;color:#fff;z-index:1}#player #bg #user_informations.show{-webkit-animation-name:show;animation-name:show;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes show{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes show{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}#player #bg #user_informations.hide{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#player #bg .player_span{vertical-align:bottom;font-size:19px;color:#26a69a}#player #bg #user_sharing_media{position:fixed;bottom:0;left:0;min-width:250px;height:50px;padding:0 15px;line-height:50px;color:#fff;z-index:1;visibility:hidden}#player #bg #user_sharing_media.show{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;visibility:visible;-webkit-animation:fadein 1s;animation:fadein 1s}@-webkit-keyframes fadein{0%{left:-100px;opacity:0}to{left:0;opacity:1}}@keyframes fadein{0%{left:-100px;opacity:0}to{left:0;opacity:1}}#player #bg #user_sharing_media .user_share_avatar img{width:50px;height:50px;border-radius:50%}#player #bg #user_sharing_media .user_share_name{height:50px;line-height:50px;margin:0 15px;color:#fff}