.ezviz-player-page[data-v-f4335dbc]{width:100vw;height:100vh;position:relative;background:var(--app-color-media-bg,#05070a)}.ezviz-player-page__container[data-v-f4335dbc]{width:100%;height:100%;min-height:0;overflow:hidden}.ezviz-player-page__container[data-v-f4335dbc]>div,.ezviz-player-page__container[data-v-f4335dbc] canvas,.ezviz-player-page__container[data-v-f4335dbc] iframe,.ezviz-player-page__container[data-v-f4335dbc] video{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}.ezviz-player-page__container[data-v-f4335dbc] video{-o-object-fit:contain;object-fit:contain}.ezviz-player-page__snapshot[data-v-f4335dbc]{position:absolute;right:24px;top:24px;z-index:2}.ezviz-player-page__state[data-v-f4335dbc]{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;background:rgba(0,0,0,.45)}.ezviz-player-page__state--error[data-v-f4335dbc]{color:#ff7875}.ezviz-player-page__ptz[data-v-f4335dbc]{position:absolute;right:24px;bottom:24px;width:224px;padding:16px;background:rgba(15,18,24,.88);border:1px solid hsla(0,0%,100%,.18);border-radius:8px}.ezviz-player-page__directions[data-v-f4335dbc]{display:grid;grid-template:repeat(3,36px)/repeat(3,36px);gap:6px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ezviz-player-page__directions .up[data-v-f4335dbc]{grid-area:1/2}.ezviz-player-page__directions .left[data-v-f4335dbc]{grid-area:2/1}.ezviz-player-page__directions .stop[data-v-f4335dbc]{grid-area:2/2}.ezviz-player-page__directions .right[data-v-f4335dbc]{grid-area:2/3}.ezviz-player-page__directions .down[data-v-f4335dbc]{grid-area:3/2}.ezviz-player-page__lens[data-v-f4335dbc]{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:14px}