#player{position:relative;height:0;padding-bottom:56.25%}#player>div{position:absolute;top:0;left:0;height:100%!important;width:100%!important}#player.hide-volume .drawer-container[data-volume]{display:none!important}#player .seek-disabled{display:none!important}#player .media-control-background{background:-o-linear-gradient(transparent,rgba(0,0,0,.65));background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.65)));background:linear-gradient(transparent,rgba(0,0,0,.65))}#player .media-control[data-media-control] .media-control-icon{opacity:1!important}#player .media-control[data-media-control] .media-control-icon path{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#player .media-control[data-media-control] .media-control-icon:hover path{fill:#00bf80!important}#player [data-watermark-top-right]{right:10px!important}#player .dvr-controls[data-dvr-controls] .live-info:before{background-color:#00bf80!important}#player .bar-background{height:5px!important;top:10px!important}#player .bar-hover{top:-1px!important}#player .live-button,#player .live-info{font-size:1.1em!important;font-weight:700}#player .dvr-controls[data-dvr-controls] .live-button{opacity:1!important;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#player .dvr-controls[data-dvr-controls] .live-button:hover{color:#00bf80}#player .cc-controls{display:none!important}#player .fas{font-family:fontawesome!important}#webcam{position:relative;overflow:hidden}#webcam #weather-magnet{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:100;position:absolute;top:10px;right:10px;font-family:var(--font-body);font-size:.9rem;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.25);color:#fff;text-shadow:1px 1px 5px #000;padding:.5rem;border-radius:.3rem;max-width:300px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}@media(max-width:1024px){#webcam #weather-magnet{display:none!important}}#webcam #weather-magnet.hide{top:-200px}#webcam #weather-magnet .left{text-align:center}#webcam #weather-magnet .left .temp{font-size:1.5rem}#webcam #weather-magnet .right{text-align:center}#webcam #weather-magnet .right .icon{max-width:50px;margin-top:-10px}#webcam #weather-magnet .right .conditions{margin-top:-10px;line-height:1}