#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;width:100%;height:100%;position:absolute;-ms-touch-action:manipulation;touch-action:manipulation;overflow:hidden}.prevent-text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disable-click{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.5}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.moveup-enter-active,.moveup-leave-active{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.moveup-enter,.moveup-leave-to{-webkit-transform:translateY(100%);transform:translateY(100%)}.search[data-v-7fd0bbd6]{background-color:#e9eaee;position:absolute;top:0;left:0;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main[data-v-7fd0bbd6],.search[data-v-7fd0bbd6]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main[data-v-7fd0bbd6]{background-color:#fff;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.header[data-v-7fd0bbd6]{position:absolute;top:0;width:calc(100% - 20px);height:4rem}.logo-text[data-v-7fd0bbd6]{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;font-size:1.2em;height:4rem}.body[data-v-7fd0bbd6],.logo-text[data-v-7fd0bbd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.body[data-v-7fd0bbd6]{width:calc(100% - 20px);background-color:#407bbf;margin-top:calc(4rem - 10px);height:calc(100% - 4rem - 10px)}.body[data-v-7fd0bbd6],.search-input-container[data-v-7fd0bbd6]{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.search-input-container[data-v-7fd0bbd6]{font-size:16px;width:100%;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-input-container .instruction-text[data-v-7fd0bbd6]{color:#fff;padding:1em;font-size:1.5em;max-width:500px;width:calc(100% - 2em)}.search-input-container .input-container[data-v-7fd0bbd6]{max-width:500px;width:calc(100% - 2em);position:relative}.search-input-container .input-container .connect-btn[data-v-7fd0bbd6]{position:absolute;top:0;right:0;height:52px;width:52px;cursor:pointer;background-color:#174982;color:#fff}.search-input-container .input-container .connect-btn svg[data-v-7fd0bbd6]{fill:currentColor;width:24px;height:24px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.search-input-container .mac-input[data-v-7fd0bbd6]{-webkit-appearance:none;-moz-appearance:none;border-radius:0;width:calc(100% - 2em - 2px);font-size:1em;padding:0 1em;height:50px;box-shadow:0 1px 6px rgba(0,0,0,.3);border:1px solid #ddd;outline:none}.search-input-container .action-btns[data-v-7fd0bbd6]{color:#fff;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:500px;width:calc(100% - 2em);padding:1em}.search-input-container .action-btn[data-v-7fd0bbd6],.search-input-container .action-btns[data-v-7fd0bbd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-input-container .action-btn[data-v-7fd0bbd6]{padding:0;cursor:pointer;width:100%;background-color:transparent;height:3em;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;transition:background .3s}.search-input-container .action-btn[data-v-7fd0bbd6]:hover{background-color:rgba(0,0,0,.04);background-color:rgba(0,0,0,.1)}.history-container[data-v-7fd0bbd6]{font-size:16px;width:100%;text-align:center;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.history-container .description-text[data-v-7fd0bbd6]{color:#fff;padding:1em;font-size:1.5em;max-width:500px;width:calc(100% - 2em)}.history-container .bridges[data-v-7fd0bbd6]{max-width:500px;width:calc(100% - 2em);position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:ms-autohiding-scrollbar}.history-container .bridges[data-v-7fd0bbd6]::-webkit-scrollbar{display:none}.history-container .bridge-btn[data-v-7fd0bbd6]{padding:1em 0;width:100%;cursor:pointer;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:background .3s}.history-container .bridge-btn[data-v-7fd0bbd6]:hover{background-color:#408cbf;color:#fff}.history-container .bridge-btn[data-v-7fd0bbd6]:active{background-color:#408cbf;color:#fff;box-shadow:0 0 0 rgba(0,0,0,.2)}.history-container .more-btn[data-v-7fd0bbd6]{padding:1em;width:302px;cursor:pointer;margin:.5em 0;box-shadow:0 1px 4px rgba(0,0,0,.2);background-color:#fff;color:#aaa;transition:background .3s}.history-container .more-btn[data-v-7fd0bbd6]:hover{background-color:#4d4d4d;color:#fff}.history-container .more-btn[data-v-7fd0bbd6]:active{background-color:#4d4d4d;color:#fff;box-shadow:0 0 0 rgba(0,0,0,.2)}.home[data-v-6905a1e8]{background-color:#1b2632;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.home.menuVisible[data-v-6905a1e8]{-webkit-transform:translateX(250px);transform:translateX(250px)}.home .clickable-layer-to-close-menu[data-v-6905a1e8]{padding:0;width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer;z-index:-1;display:none}.home .clickable-layer-to-close-menu.menuVisible[data-v-6905a1e8]{z-index:10000;display:block}.home .clickable-layer-to-close-menu.channelBarVisible[data-v-6905a1e8]{z-index:1000;display:block;background-color:rgba(0,0,0,.5)}.home .main[data-v-6905a1e8]{background-color:#fff;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.home.menuVisible .main[data-v-6905a1e8]{-webkit-transform:scale(.95);transform:scale(.95);box-shadow:1px 1px 8px #000}.home .wrapper[data-v-6905a1e8]{padding:0;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home .header[data-v-6905a1e8],.home .wrapper[data-v-6905a1e8]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .header[data-v-6905a1e8]{position:absolute;top:0;height:3rem;z-index:100;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:#000;background-color:hsla(0,0%,100%,.35)}.home .header .header-title[data-v-6905a1e8]{width:calc(100% - 40px - 40px - 1rem);text-align:center;position:relative;background:transparent;z-index:0}.home .header .channel-btn[data-v-6905a1e8]{width:40px;height:40px;cursor:pointer;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;font-size:14px}.home .header .channel-btn .bar[data-v-6905a1e8]{position:absolute;height:2px;width:22px;top:19px;left:9px;background-color:#000}.home .header .channel-btn .bar.second[data-v-6905a1e8]{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.home .header .channel-btn .bar.third[data-v-6905a1e8]{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.home .header .menu-btn[data-v-6905a1e8]{width:40px;height:40px;cursor:pointer;position:relative;margin-left:.5rem}.home .header .menu-btn .bar[data-v-6905a1e8]{position:absolute;height:2px;width:22px;left:9px;background-color:#000;transition:opacity .3s,-webkit-transform .5s;transition:transform .5s,opacity .3s;transition:transform .5s,opacity .3s,-webkit-transform .5s}.home .header .menu-btn .bar.first[data-v-6905a1e8]{top:13px}.home .header .menu-btn .bar.second[data-v-6905a1e8],.home .header .menu-btn .bar.third[data-v-6905a1e8]{top:19px}.home .header .menu-btn .bar.fourth[data-v-6905a1e8]{top:25px}.home .header .menu-btn.active .bar.first[data-v-6905a1e8]{opacity:0}.home .header .menu-btn.active .bar.second[data-v-6905a1e8]{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.home .header .menu-btn.active .bar.third[data-v-6905a1e8]{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.home .header .menu-btn.active .bar.fourth[data-v-6905a1e8]{opacity:0}.home .header .playback-btn[data-v-6905a1e8]{width:40px;height:40px;cursor:pointer;position:relative;margin-right:.5rem}.home .header .playback-btn svg[data-v-6905a1e8]{fill:currentColor;width:28px;height:28px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home .body[data-v-6905a1e8]{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;transition:width .3s}.home .body .cameras-container[data-v-6905a1e8],.home .body[data-v-6905a1e8]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.home .body .cameras-container[data-v-6905a1e8]{padding:0;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:ms-autohiding-scrollbar}.home .body .cameras-container[data-v-6905a1e8]::-webkit-scrollbar{display:none}.home .body .cameras-container[data-v-6905a1e8]:before{content:" ";height:100px;width:100%}.home .body .cameras-container[data-v-6905a1e8]:after{content:" ";height:80px;width:100%}.home .body .cameras-container .camera-container[data-v-6905a1e8]{max-width:600px;margin:6px;border-top:3rem solid #fff}.home .body .camera-container[data-v-6905a1e8],.home .body .cameras-container .camera-container[data-v-6905a1e8]{width:100%;box-shadow:1px 1px 4px rgba(0,0,0,.5);position:relative;background-color:#222;color:#fff;cursor:pointer}.home .body .camera-container[data-v-6905a1e8]:before{display:block;content:"";width:100%;padding-top:56.25%}.home .body .camera-container>.content[data-v-6905a1e8]{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .body .camera-container img[data-v-6905a1e8]{width:100%;height:100%}.home .body .camera-container .camera-info[data-v-6905a1e8]{width:calc(100% - 2em);height:3rem;font-size:14px;position:absolute;top:-3rem;left:0;background-color:hsla(0,0%,100%,.5);color:#333;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 1em}.home .body .camera-container .camera-info .camera-name[data-v-6905a1e8],.home .body .camera-container .camera-info[data-v-6905a1e8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .body .camera-container .camera-info .camera-name[data-v-6905a1e8]{padding:0;width:calc(100% - 120px)}.home .body .camera-container .camera-info .camera-name svg[data-v-6905a1e8]{fill:currentColor;margin-right:1em;width:24px;height:24px;display:none}.home .body .camera-container .camera-info .updated-info[data-v-6905a1e8]{padding:0;width:90px;font-size:12px;border-left:1px solid #ddd;padding-left:1em;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .body .camera-container .camera-info .updated-info .updated-info-description[data-v-6905a1e8]{opacity:.3}.home .body .camera-container .camera-info .updated-info .updated-info-time[data-v-6905a1e8]{opacity:1}.home .body .camera-wrapper[data-v-6905a1e8]{padding:0;height:100%;width:100%;position:relative;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home .body .authentication-container[data-v-6905a1e8],.home .body .camera-wrapper[data-v-6905a1e8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .body .authentication-container[data-v-6905a1e8]{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;width:270px;height:270px}.home .body .authentication-container .status-text[data-v-6905a1e8]{font-size:24px}.home .body .authentication-container .input-container[data-v-6905a1e8]{padding:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home .body .authentication-container .input-container>input[data-v-6905a1e8]{-webkit-appearance:none;-moz-appearance:none;border-radius:0;width:calc(100% - 2em - 2px);font-size:1em;padding:0 1em;height:50px;border:1px solid #ddd;outline:none;margin:3px 0}.home .body .authentication-container .action-btn[data-v-6905a1e8]{width:100%;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#338fcc;color:#fff;box-shadow:1px 1px 2px rgba(0,0,0,.3);cursor:pointer}.home .body .authentication-container .action-btn[data-v-6905a1e8]:active{box-shadow:0 0 0}.home .body .authentication-container .error-text[data-v-6905a1e8]{font-size:14px;color:rgba(255,43,0,.8);opacity:0}.home .body .authentication-container .error-text.visible[data-v-6905a1e8]{opacity:1}.home .body .offline-container[data-v-6905a1e8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;width:270px;height:230px}.home .body .offline-container .status-text[data-v-6905a1e8]{font-size:24px}.home .body .offline-container .action-btn[data-v-6905a1e8]{width:200px;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,.85);border-radius:8px;color:#fff;box-shadow:1px 1px 2px rgba(0,0,0,.3);cursor:pointer}.home .body .offline-container .action-btn svg[data-v-6905a1e8]{fill:currentColor;width:36px;height:36px;margin-bottom:4px}.home .body .offline-container .action-btn[data-v-6905a1e8]:active{box-shadow:0 0 0}.home .menu[data-v-6905a1e8]{width:250px;border-right:1px solid #090d11;height:calc(100% - 2em);position:absolute;z-index:1000;left:0;top:0;background-color:#17191c;color:#fff;padding:1em 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:ms-autohiding-scrollbar}.home .menu[data-v-6905a1e8]::-webkit-scrollbar{display:none}.home .menu .menu-items[data-v-6905a1e8]{text-align:left;padding:0}.home .menu .menu-items .menu-category[data-v-6905a1e8]{font-size:.8em;padding:1em 1.2em;text-transform:uppercase;margin-top:2em;color:#338fcc;font-weight:700}.home .menu .menu-items .menu-item[data-v-6905a1e8]{padding:1em;margin:1px 0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:hsla(0,0%,100%,.04);transition:background .2s}.home .menu .menu-items .menu-item[data-v-6905a1e8]:hover{background-color:hsla(0,0%,100%,.06)}.home .menu .menu-items .menu-item[data-v-6905a1e8]:active{background-color:hsla(0,0%,100%,.08)}.home .menu .menu-items .menu-item.selected[data-v-6905a1e8],.home .menu .menu-items .menu-item.selected[data-v-6905a1e8]:hover:active{background-color:hsla(0,0%,100%,.2)}.home .menu .menu-items .menu-item .menu-icon[data-v-6905a1e8]{position:relative;color:#338fcc;margin-right:1em;width:24px;height:26px}.home .menu .menu-items .menu-item .menu-icon svg[data-v-6905a1e8]{fill:currentColor;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:24px;height:24px}.home .menu .menu-items .menu-item .menu-info .main-info[data-v-6905a1e8],.home .menu .menu-items .menu-item .menu-info[data-v-6905a1e8]{padding:0}.home .menu .menu-items .menu-item .menu-info .sub-info[data-v-6905a1e8]{padding:0;font-size:.7em;opacity:.6;text-transform:uppercase}.home .menu .menu-items .menu-item.offline .menu-icon[data-v-6905a1e8],.home .menu .menu-items .menu-item.offline[data-v-6905a1e8]{color:hsla(0,0%,100%,.25)}@media screen and (min-width:1280px){.home .body[data-v-6905a1e8]{width:1280px}}@media screen and (orientation:portrait){.home .footer[data-v-6905a1e8]{display:inherit}}@media screen and (orientation:landscape){.home .footer[data-v-6905a1e8]{display:inherit}}.playback-time-picker-comp[data-v-051cab5c]{background-color:rgba(0,0,0,.8);width:100%;height:100%;z-index:100000;position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:ms-autohiding-scrollbar;-ms-touch-action:manipulation;touch-action:manipulation}.playback-time-picker-comp[data-v-051cab5c]::-webkit-scrollbar{display:none}.playback-time-picker-comp .background[data-v-051cab5c]{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1}.playback-time-picker-comp .main[data-v-051cab5c]{margin-top:2vh;margin-bottom:120px;z-index:2;position:relative;max-width:480px;width:calc(100% - 1em);background-color:#000;outline:1px solid #fff;-ms-touch-action:manipulation;touch-action:manipulation}.playback-time-picker-comp .header[data-v-051cab5c]{position:absolute;width:100%;height:4em;top:0;left:0;color:#fff;-ms-flex-pack:distribute;justify-content:space-around;-ms-touch-action:manipulation;touch-action:manipulation}.playback-time-picker-comp .header .tab-btn[data-v-051cab5c],.playback-time-picker-comp .header[data-v-051cab5c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.playback-time-picker-comp .header .tab-btn[data-v-051cab5c]{text-transform:capitalize;color:hsla(0,0%,100%,.5);height:100%;width:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;transition:color .3s}.playback-time-picker-comp .header .tab-btn[data-v-051cab5c]:hover{color:hsla(0,0%,100%,.6)}.playback-time-picker-comp .header .tab-btn.selected[data-v-051cab5c]{color:#fff;font-weight:700}.playback-time-picker-comp .footer[data-v-051cab5c]{position:absolute;width:100%;height:4em;bottom:0;left:0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation}.playback-time-picker-comp .body[data-v-051cab5c]{padding:0;background-color:#ccc;width:100%;height:calc(100% - 8em);margin-top:4em;margin-bottom:4em;-ms-touch-action:manipulation;touch-action:manipulation}.playback-time-picker-comp .body .camera-container[data-v-051cab5c]{width:100%;position:relative;background-color:#222;color:#fff;-ms-touch-action:manipulation;touch-action:manipulation}.playback-time-picker-comp .body .camera-container[data-v-051cab5c]:before{display:block;content:"";width:100%;padding-top:56.25%;-ms-touch-action:manipulation;touch-action:manipulation}.playback-time-picker-comp .body .camera-container>.content[data-v-051cab5c]{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-touch-action:manipulation;touch-action:manipulation}.playback-time-picker-comp .body .camera-container>.content img[data-v-051cab5c]{width:100%;height:100%;-ms-touch-action:manipulation;touch-action:manipulation}.playback-time-picker-comp .body .camera-container>.content .no-recording-text[data-v-051cab5c]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation}.playback-time-picker-comp .body .camera-container>.content video[data-v-051cab5c]{width:100%;height:100%;-o-object-fit:fill;object-fit:fill;-ms-touch-action:manipulation;touch-action:manipulation}.playback-time-picker-comp .body .camera-container>.content video[data-v-051cab5c]::-webkit-media-controls{display:none}.playback-time-picker-comp .body .camera-container>.content .control-container[data-v-051cab5c]{width:100%;height:100%;position:absolute;top:0;left:0;-ms-touch-action:manipulation;touch-action:manipulation}.playback-time-picker-comp .body .camera-container>.content .control-container .playback-rate-btn[data-v-051cab5c]{font-size:14px;width:40px;height:20px;border-radius:4px;top:.5em;left:.5em}.playback-time-picker-comp .body .camera-container>.content .control-container .play-stop-btn[data-v-051cab5c],.playback-time-picker-comp .body .camera-container>.content .control-container .playback-rate-btn[data-v-051cab5c]{position:absolute;background-color:rgba(0,127,255,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.playback-time-picker-comp .body .camera-container>.content .control-container .play-stop-btn[data-v-051cab5c]{width:50px;height:40px;border-radius:8px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.playback-time-picker-comp .body .camera-container>.content .control-container .play-stop-btn.loading[data-v-051cab5c]{background-color:transparent;width:100px}.playback-time-picker-comp .body .camera-container>.content .control-container .play-stop-btn svg[data-v-051cab5c]{width:24px;height:24px;fill:currentColor;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.playback-time-picker-comp .body .timeline-container[data-v-051cab5c]{padding:0;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;-ms-touch-action:manipulation;touch-action:manipulation}.playback-time-picker-comp .body .timeline-container .dates-container[data-v-051cab5c]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:14px;height:4em;position:relative}.playback-time-picker-comp .body .timeline-container .dates-container .date[data-v-051cab5c],.playback-time-picker-comp .body .timeline-container .dates-container[data-v-051cab5c]{padding:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-touch-action:manipulation;touch-action:manipulation}.playback-time-picker-comp .body .timeline-container .dates-container .date[data-v-051cab5c]{background-color:#fff;width:100px;height:calc(4em - 1px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:rgba(0,0,0,.2);transition:color .3s}.playback-time-picker-comp .body .timeline-container .dates-container .date[data-v-051cab5c]:hover{background-color:#f5f5f5}.playback-time-picker-comp .body .timeline-container .dates-container .date.has-recording[data-v-051cab5c]{color:rgba(64,127,191,.8)}.playback-time-picker-comp .body .timeline-container .dates-container .date.selected.has-recording[data-v-051cab5c],.playback-time-picker-comp .body .timeline-container .dates-container .date.selected[data-v-051cab5c]{color:rgba(0,0,0,.8);font-weight:700}.h-scroll-container[data-v-434b25e7]{width:100%;height:100%;position:absolute;top:0;left:0}.h-scroll-comp .inner-wrapper[data-v-434b25e7]{padding:0;left:50%;bottom:0;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.camera-comp[data-v-06131fc1],.h-scroll-comp .inner-wrapper[data-v-434b25e7]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.camera-comp[data-v-06131fc1]{outline:1px solid #bbb;background-color:#fff;width:100%;height:100%;z-index:100000;top:0;left:0;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .background[data-v-06131fc1]{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1}.camera-comp .background.full-screen[data-v-06131fc1]{background-color:#000}.camera-comp .header[data-v-06131fc1]{position:absolute;z-index:1000;width:100%;height:3rem;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:#000;background-color:hsla(0,0%,100%,.35);-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .header .header-title[data-v-06131fc1]{width:calc(100% - 40px - 40px - 1rem);text-align:center;position:relative;background:transparent;z-index:0;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .header .back-btn[data-v-06131fc1]{width:40px;height:40px;cursor:pointer;position:relative;margin-left:.5rem;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .header .back-btn svg[data-v-06131fc1]{fill:currentColor;width:28px;height:28px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .main[data-v-06131fc1]{z-index:2;position:relative;width:100%;max-width:calc((100vh - 200px - 48px) * 16/9);height:100%;-ms-touch-action:manipulation;touch-action:manipulation;overflow-y:hidden}.camera-comp .main.full-screen[data-v-06131fc1]{max-width:177.77778vh;background-color:#000}.camera-comp .body[data-v-06131fc1]{padding:0;background-color:#fff;width:100%;height:calc(100% - 3rem);-ms-touch-action:manipulation;touch-action:manipulation;margin-top:3rem;transition:margin .3s}.camera-comp .main.full-screen .body[data-v-06131fc1]{margin-top:calc((100vh - 56.25%) /2);height:calc(100% - ((100vh - (100vw /16*9)) /2));background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.camera-comp .body .camera-container[data-v-06131fc1]{width:100%;position:relative;background-color:#222;color:#fff;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .body .camera-container[data-v-06131fc1]:before{display:block;content:"";width:100%;padding-top:56.25%;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .body .camera-container>.content[data-v-06131fc1]{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .body .camera-container>.content img[data-v-06131fc1]{width:100%;height:100%;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .body .camera-container>.content .no-recording-text[data-v-06131fc1]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .body .camera-container>.content video[data-v-06131fc1]{width:100%;height:100%;-o-object-fit:fill;object-fit:fill;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .body .camera-container>.content video[data-v-06131fc1]::-webkit-media-controls{display:none}.camera-comp .body .camera-container>.content .control-container .clickable-layer[data-v-06131fc1],.camera-comp .body .camera-container>.content .control-container[data-v-06131fc1]{width:100%;height:100%;position:absolute;top:0;left:0;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .body .camera-container>.content .control-container .clickable-layer[data-v-06131fc1]{cursor:pointer;z-index:1}.camera-comp .body .camera-container>.content .control-container .video-info[data-v-06131fc1]{width:220px;height:2rem;color:rgba(0,0,0,.6);bottom:1rem;font-size:14px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:hsla(0,0%,100%,.8);z-index:2}.camera-comp .body .camera-container>.content .control-container .video-info .info-title[data-v-06131fc1],.camera-comp .body .camera-container>.content .control-container .video-info[data-v-06131fc1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;border-radius:4px;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .body .camera-container>.content .control-container .video-info .info-title[data-v-06131fc1]{top:50%;right:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-transform:uppercase;font-size:10px;width:70px;height:2em;font-weight:700;background-color:rgba(13,127,242,.8);cursor:pointer}.camera-comp .body .camera-container>.content .control-container .video-info .info-text[data-v-06131fc1]{padding:0;width:100%;padding-left:0;padding-right:80px;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .body .camera-container>.content .control-container .video-info.playback .info-title[data-v-06131fc1]{left:1em;background-color:rgba(242,166,13,.8)}.camera-comp .body .camera-container>.content .control-container .video-info.playback .info-text[data-v-06131fc1]{padding-left:80px;padding-right:0}.camera-comp .body .camera-container>.content .control-container .loading-status[data-v-06131fc1]{background-color:transparent;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.5;z-index:2;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .body .camera-container>.content .control-container .playback-control-container[data-v-06131fc1]{position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-flex-pack:distribute;justify-content:space-around}.camera-comp .body .camera-container>.content .control-container .playback-control-container .control-btn[data-v-06131fc1],.camera-comp .body .camera-container>.content .control-container .playback-control-container[data-v-06131fc1]{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .body .camera-container>.content .control-container .playback-control-container .control-btn[data-v-06131fc1]{width:60px;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;opacity:.5}.camera-comp .body .camera-container>.content .control-container .playback-control-container .control-btn svg[data-v-06131fc1]{width:48px;height:48px;fill:currentColor;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .footer[data-v-06131fc1]{position:absolute;z-index:1000;bottom:0;left:0;padding:0;background-color:hsla(0,0%,100%,.35);width:100%;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .footer .camera-control-container[data-v-06131fc1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .footer .camera-control-container .action-btns .action-btn[data-v-06131fc1],.camera-comp .footer .camera-control-container .action-btns[data-v-06131fc1]{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .footer .camera-control-container .action-btns .action-btn[data-v-06131fc1]{text-transform:capitalize;font-size:14px;width:110px;height:3em;background-color:hsla(0,0%,94%,.8);color:rgba(0,0,0,.5)}.camera-comp .footer .camera-control-container .action-btns .action-btn[data-v-06131fc1]:hover{background-color:#f0f0f0}.camera-comp .footer .camera-control-container .action-btns .action-btn.selected[data-v-06131fc1]{background-color:rgba(13,127,242,.8);color:hsla(0,0%,100%,.9);font-weight:700}.camera-comp .footer .camera-control-container .action-btns .action-btn.selected.playback[data-v-06131fc1]{background-color:rgba(242,166,13,.8)}.camera-comp .footer .camera-control-container .timeline-container[data-v-06131fc1]{padding:1em 0;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .footer .camera-control-container .timeline-container .dates-container[data-v-06131fc1]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:14px;position:relative}.camera-comp .footer .camera-control-container .timeline-container .dates-container .date[data-v-06131fc1],.camera-comp .footer .camera-control-container .timeline-container .dates-container[data-v-06131fc1]{padding:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3em;-ms-touch-action:manipulation;touch-action:manipulation}.camera-comp .footer .camera-control-container .timeline-container .dates-container .date[data-v-06131fc1]{background-color:hsla(0,0%,94%,.8);width:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:rgba(0,0,0,.2);transition:color .3s}.camera-comp .footer .camera-control-container .timeline-container .dates-container .date[data-v-06131fc1]:hover{background-color:#f5f5f5}.camera-comp .footer .camera-control-container .timeline-container .dates-container .date.has-recording[data-v-06131fc1]{color:rgba(194,133,10,.8)}.camera-comp .footer .camera-control-container .timeline-container .dates-container .date.selected[data-v-06131fc1]{background-color:rgba(242,166,13,.8);color:hsla(0,0%,100%,.8);font-weight:700}.camera-comp .footer .camera-control-container .timeline-container .dates-container .date.selected.has-recording[data-v-06131fc1]{color:hsla(0,0%,100%,.8);font-weight:700}@media only screen and (max-height:480px){.camera-comp .main[data-v-06131fc1]{max-width:177.77778vh}.camera-comp .footer[data-v-06131fc1]{display:none}.camera-comp .main .body[data-v-06131fc1]{margin-top:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media only screen and (max-width:1280px) and (min-aspect-ratio:8/5){.camera-comp .main[data-v-06131fc1]{max-width:177.77778vh}.camera-comp .footer[data-v-06131fc1]{display:none}.camera-comp .main .body[data-v-06131fc1]{margin-top:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.loading[data-v-57ceb29f]{font-size:16px;background-color:#fff;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.site[data-v-10b6a574]{font-size:16px;background-color:#fff;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:translateX(0);transform:translateX(0);transition:background .3s .3s,-webkit-transform .3s;transition:transform .3s,background .3s .3s;transition:transform .3s,background .3s .3s,-webkit-transform .3s}.site .clickable-layer-to-close-menu[data-v-10b6a574]{padding:0;width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer;z-index:-1;display:none}.site.menuVisible[data-v-10b6a574]{-webkit-transform:translateX(300px);transform:translateX(300px);background-color:#1b2632;transition:background 0s,-webkit-transform .3s;transition:transform .3s,background 0s;transition:transform .3s,background 0s,-webkit-transform .3s}.site.menuVisible .clickable-layer-to-close-menu[data-v-10b6a574]{z-index:10000;display:block}.site .unclickable-layer-to-close-menu[data-v-10b6a574]{padding:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:hsla(0,0%,100%,.5);position:absolute;top:0;left:0;z-index:100}.fade-enter-active[data-v-10b6a574],.fade-leave-active[data-v-10b6a574]{transition:opacity .5s}.fade-enter[data-v-10b6a574],.fade-leave-to[data-v-10b6a574]{opacity:0}.moveup-enter-active[data-v-10b6a574],.moveup-leave-active[data-v-10b6a574]{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.moveup-enter[data-v-10b6a574],.moveup-leave-to[data-v-10b6a574]{-webkit-transform:translateY(100%);transform:translateY(100%)}.comp-menu[data-v-cb1fdd8a]{font-size:16px;width:300px;border-right:1px solid #090d11;height:calc(100% - 2em);position:absolute;z-index:1000;left:0;top:0;background-color:#17191c;color:#fff;padding:1em 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:ms-autohiding-scrollbar}.comp-menu[data-v-cb1fdd8a]::-webkit-scrollbar{display:none}.comp-menu .menu-items[data-v-cb1fdd8a]{text-align:left;padding:0}.comp-menu .menu-items .menu-category[data-v-cb1fdd8a]{font-size:.8em;padding:1em 1.2em;text-transform:uppercase;margin-top:2em;color:#338fcc;font-weight:700}.comp-menu .menu-items .menu-item[data-v-cb1fdd8a]{padding:1em;margin:1px 0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:hsla(0,0%,100%,.04);transition:background .2s}.comp-menu .menu-items .menu-item[data-v-cb1fdd8a]:hover{background-color:hsla(0,0%,100%,.06)}.comp-menu .menu-items .menu-item[data-v-cb1fdd8a]:active{background-color:hsla(0,0%,100%,.08)}.comp-menu .menu-items .menu-item.selected[data-v-cb1fdd8a],.comp-menu .menu-items .menu-item.selected[data-v-cb1fdd8a]:hover:active{background-color:hsla(0,0%,100%,.2)}.comp-menu .menu-items .menu-item .menu-icon[data-v-cb1fdd8a]{position:relative;color:#338fcc;margin-right:1em;width:24px;height:24px}.comp-menu .menu-items .menu-item .menu-icon svg[data-v-cb1fdd8a]{fill:currentColor;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:24px;height:24px}.comp-menu .menu-items .menu-item .menu-info[data-v-cb1fdd8a]{padding:0;width:calc(100% - 24px - 1em)}.comp-menu .menu-items .menu-item .menu-info .main-info[data-v-cb1fdd8a]{padding:0}.comp-menu .menu-items .menu-item .menu-info .sub-info[data-v-cb1fdd8a]{padding:0;font-size:.7em;opacity:.6;text-transform:uppercase}.comp-menu .menu-items .menu-item.offline .menu-icon[data-v-cb1fdd8a],.comp-menu .menu-items .menu-item.offline[data-v-cb1fdd8a]{color:hsla(0,0%,100%,.25)}.comp-toaster[data-v-920e7330]{position:absolute;right:6px;top:6px;max-width:280px;width:100%;z-index:1000}.comp-toaster .toaster[data-v-920e7330]{font-size:16px;box-shadow:0 0 12px #333;border-radius:3px;padding:15px 15px 15px 50px;position:relative;pointer-events:auto;cursor:pointer;overflow:hidden;margin:0 0 6px;color:#fff;background-position:15px;background-repeat:no-repeat;opacity:.8}.comp-toaster .toaster[data-v-920e7330]:hover{opacity:1}.comp-toaster .toaster.success[data-v-920e7330]{background-color:#51a351;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}.comp-toaster .toaster.info[data-v-920e7330]{background-color:#2f96b4;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}.comp-toaster .toaster.warning[data-v-920e7330]{background-color:#f89406;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}.comp-toaster .toaster.error[data-v-920e7330]{background-color:#bd362f;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}.comp-toaster .toaster .message[data-v-920e7330]{padding:0;word-wrap:break-word;text-align:left}.cameras{font-size:16px;background-color:#fff;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.cameras.menuVisible{-webkit-transform:scale(.95);transform:scale(.95);box-shadow:1px 1px 8px #000}.cameras .header{position:absolute;top:0;width:100%;height:3rem;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:#000;background-color:hsla(0,0%,100%,.35)}.cameras .header .header-title{width:calc(100% - 40px - 80px - 1rem);padding-left:40px;text-align:center;position:relative;background:transparent;z-index:0}.cameras .header .menu-btn{width:40px;height:40px;cursor:pointer;position:relative;margin-left:.5rem}.cameras .header .menu-btn .bar{position:absolute;height:2px;width:22px;left:9px;background-color:#000;transition:opacity .3s,-webkit-transform .5s;transition:transform .5s,opacity .3s;transition:transform .5s,opacity .3s,-webkit-transform .5s}.cameras .header .menu-btn .bar.first{top:13px}.cameras .header .menu-btn .bar.second,.cameras .header .menu-btn .bar.third{top:19px}.cameras .header .menu-btn .bar.fourth{top:25px}.cameras .header .menu-btn.active .bar.first{opacity:0}.cameras .header .menu-btn.active .bar.second{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.cameras .header .menu-btn.active .bar.third{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.cameras .header .menu-btn.active .bar.fourth{opacity:0}.cameras .header .option-btns{width:80px;height:40px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:.5rem}.cameras .header .option-btns .option-btn{width:40px;height:40px;cursor:pointer;position:relative;opacity:.9;transition:opacity .3s,color .3s}.cameras .header .option-btns .option-btn:hover{color:#06c}.cameras .header .option-btns .option-btn.disabled{pointer-events:none;opacity:.2}.cameras .header .option-btns .option-btn.disabled:hover{opacity:.2}.cameras .header .option-btns .option-btn>svg{fill:currentColor;width:36px;height:36px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cameras .body,.cameras .body .cameras-container{padding:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cameras .body .cameras-container{position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:ms-autohiding-scrollbar}.cameras .body .cameras-container::-webkit-scrollbar{display:none}.cameras .body .cameras-container>span{padding:0;height:100%;width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cameras .body .cameras-container>span:before{content:" ";height:100px;width:100%}.cameras .body .cameras-container>span:after{content:" ";height:80px;width:100%}.cameras .body .cameras-container .camera-container{width:100%;max-width:600px;margin:6px;box-shadow:1px 1px 4px rgba(0,0,0,.5);border-top:3rem solid #fff;position:relative;background-color:#222;color:#fff;cursor:pointer;outline:0 solid #f50;transition:max-width .3s,outline .3s}.cameras .body .cameras-container .camera-container.has-event,.cameras .body .cameras-container .camera-container.selected{outline:4px solid #209fdf}.cameras .body .camera-container{width:100%;position:relative;box-shadow:1px 1px 4px rgba(0,0,0,.5);background-color:#222;color:#fff;cursor:pointer}.cameras .body .camera-container:before{display:block;content:"";width:100%;padding-top:56.25%}.cameras .body .camera-container>.content{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cameras .body .camera-container img{width:100%;height:100%}.cameras .body .camera-container .recording-dot{font-size:10px;width:3em;height:3em;background-color:red;box-shadow:0 0 4px #000;right:.5em;top:.5em;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;position:absolute}.cameras .body .camera-container .recording-dot.inactive{background-color:gray;opacity:.3}.cameras .body .camera-container .old-snapshot-overlay{display:none;position:absolute;width:100%;height:100%;left:0;top:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,.7)}.cameras .body .camera-container .old-snapshot-overlay.visible{display:-webkit-box;display:-ms-flexbox;display:flex}.cameras .body .camera-container .camera-info{width:calc(100% - 2em);height:3rem;font-size:14px;position:absolute;top:-3rem;left:0;background-color:hsla(0,0%,100%,.5);color:#333;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 1em}.cameras .body .camera-container .camera-info,.cameras .body .camera-container .camera-info .camera-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cameras .body .camera-container .camera-info .camera-name{padding:0;width:calc(100% - 120px)}.cameras .body .camera-container .camera-info .camera-name svg{fill:currentColor;margin-right:1em;width:24px;height:24px;display:none}.cameras .body .camera-container .camera-info .updated-info{padding:0;width:90px;font-size:12px;border-left:1px solid #ddd;padding-left:1em;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cameras .body .camera-container .camera-info .updated-info .updated-info-description{opacity:.3}.cameras .body .camera-container .camera-info .updated-info .updated-info-time{opacity:1}.camera{font-size:16px;background-color:#fff;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.camera.full-screen{background-color:#000}.camera .header{position:absolute;top:0;width:100%;height:3rem;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:#000;background-color:hsla(0,0%,100%,.35)}.camera .header .header-title{width:calc(100% - 40px - 40px - 1rem);text-align:center;position:relative;background:transparent;z-index:0}.camera .header .close-btn{width:40px;height:40px;cursor:pointer;position:relative;margin-left:.5rem;-ms-touch-action:manipulation;touch-action:manipulation}.camera .header .close-btn svg{fill:currentColor;width:28px;height:28px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.camera .header .close-btn svg,.camera .main{-ms-touch-action:manipulation;touch-action:manipulation}.camera .main{z-index:2;position:relative;width:100%;max-width:calc((100vh - 200px - 48px) * 16/9);height:100%;overflow-y:hidden}.camera.full-screen .main{max-width:177.77778vh;background-color:#000}.camera .body{padding:0;background-color:#fff;width:100%;height:calc(100% - 3rem);-ms-touch-action:manipulation;touch-action:manipulation;margin-top:3rem;transition:margin .3s}.camera.full-screen .main .body{margin-top:calc((100vh - 56.25%) /2);height:calc(100% - ((100vh - (100vw /16*9)) /2));background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.camera .body .camera-container{width:100%;position:relative;background-color:#222;color:#fff;-ms-touch-action:manipulation;touch-action:manipulation}.camera .body .camera-container:before{display:block;content:"";width:100%;padding-top:56.25%;-ms-touch-action:manipulation;touch-action:manipulation}.camera .body .camera-container>.content{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-touch-action:manipulation;touch-action:manipulation}.camera .body .camera-container>.content .no-recording-text,.camera .body .camera-container>.content img{width:100%;height:100%;-ms-touch-action:manipulation;touch-action:manipulation}.camera .body .camera-container>.content .no-recording-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.camera .body .camera-container>.content video{width:100%;height:100%;-o-object-fit:fill;object-fit:fill;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation}.camera .body .camera-container>.content video::-webkit-media-controls{display:none}.camera .body .camera-container>.content .control-container,.camera .body .camera-container>.content .control-container .clickable-layer{width:100%;height:100%;position:absolute;top:0;left:0;-ms-touch-action:manipulation;touch-action:manipulation}.camera .body .camera-container>.content .control-container .clickable-layer{cursor:pointer;z-index:1}.camera .body .camera-container>.content .control-container .video-info{width:220px;height:2rem;color:rgba(0,0,0,.6);bottom:1rem;font-size:14px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:hsla(0,0%,100%,.8);z-index:2}.camera .body .camera-container>.content .control-container .video-info,.camera .body .camera-container>.content .control-container .video-info .info-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;border-radius:4px;-ms-touch-action:manipulation;touch-action:manipulation}.camera .body .camera-container>.content .control-container .video-info .info-title{top:50%;right:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-transform:uppercase;font-size:10px;width:70px;height:2em;font-weight:700;background-color:rgba(13,127,242,.8);cursor:pointer}.camera .body .camera-container>.content .control-container .video-info .info-text{padding:0;width:100%;padding-left:0;padding-right:80px;-ms-touch-action:manipulation;touch-action:manipulation}.camera .body .camera-container>.content .control-container .video-info.playback .info-title{left:1em;background-color:rgba(242,166,13,.8)}.camera .body .camera-container>.content .control-container .video-info.playback .info-text{padding-left:80px;padding-right:0}.camera .body .camera-container>.content .control-container .loading-status{background-color:transparent;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.5;z-index:2;-ms-touch-action:manipulation;touch-action:manipulation}.camera .body .camera-container>.content .control-container .playback-control-container{position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-flex-pack:distribute;justify-content:space-around}.camera .body .camera-container>.content .control-container .playback-control-container,.camera .body .camera-container>.content .control-container .playback-control-container .control-btn{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2;-ms-touch-action:manipulation;touch-action:manipulation}.camera .body .camera-container>.content .control-container .playback-control-container .control-btn{width:60px;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;opacity:.5}.camera .body .camera-container>.content .control-container .playback-control-container .control-btn svg{width:48px;height:48px;fill:currentColor;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-touch-action:manipulation;touch-action:manipulation}.camera .footer{position:absolute;z-index:1000;bottom:0;left:0;padding:0;background-color:hsla(0,0%,100%,.35);width:100%;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation}.camera .footer .camera-control-container{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.camera .footer .camera-control-container,.camera .footer .camera-control-container .action-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-ms-touch-action:manipulation;touch-action:manipulation}.camera .footer .camera-control-container .action-btns,.camera .footer .camera-control-container .action-btns .action-btn{padding:0;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.camera .footer .camera-control-container .action-btns .action-btn{text-transform:capitalize;font-size:14px;width:110px;height:3em;background-color:hsla(0,0%,94%,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;color:rgba(0,0,0,.5);-ms-touch-action:manipulation;touch-action:manipulation}.camera .footer .camera-control-container .action-btns .action-btn:hover{background-color:#f0f0f0}.camera .footer .camera-control-container .action-btns .action-btn.selected{background-color:rgba(13,127,242,.8);color:hsla(0,0%,100%,.9);font-weight:700}.camera .footer .camera-control-container .action-btns .action-btn.selected.playback{background-color:rgba(242,166,13,.8)}.camera .footer .camera-control-container .timeline-container{padding:1em 0;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;-ms-touch-action:manipulation;touch-action:manipulation}.camera .footer .camera-control-container .timeline-container .dates-container{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:14px;position:relative}.camera .footer .camera-control-container .timeline-container .dates-container,.camera .footer .camera-control-container .timeline-container .dates-container .date{padding:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3em;-ms-touch-action:manipulation;touch-action:manipulation}.camera .footer .camera-control-container .timeline-container .dates-container .date{background-color:hsla(0,0%,94%,.8);width:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:rgba(0,0,0,.2);transition:color .3s}.camera .footer .camera-control-container .timeline-container .dates-container .date:hover{background-color:#f5f5f5}.camera .footer .camera-control-container .timeline-container .dates-container .date.has-recording{color:rgba(194,133,10,.8)}.camera .footer .camera-control-container .timeline-container .dates-container .date.selected{background-color:rgba(242,166,13,.8);color:hsla(0,0%,100%,.8);font-weight:700}.camera .footer .camera-control-container .timeline-container .dates-container .date.selected.has-recording{color:hsla(0,0%,100%,.8);font-weight:700}@media only screen and (max-height:480px){.camera .main{max-width:177.77778vh}.camera .footer{display:none}.camera .main .body{margin-top:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media only screen and (max-width:1280px) and (min-aspect-ratio:8/5){.camera .main{max-width:177.77778vh}.camera .footer{display:none}.camera .main .body{margin-top:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}