@font-face{font-family:Gotham Pro;src:url(../fonts/GothamPro-Light.7fd3861d.eot);src:local("Gotham Pro Light"),local("~@/assets/fonts/GothamPro-Light"),url(../fonts/GothamPro-Light.7fd3861d.eot?#iefix) format("embedded-opentype"),url(../fonts/GothamPro-Light.677c3a32.woff) format("woff"),url(../fonts/GothamPro-Light.abd5115e.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Gotham Pro;src:url(../fonts/GothamPro.c31a8e09.eot);src:local("Gotham Pro"),local("GothamPro"),url(../fonts/GothamPro.c31a8e09.eot?#iefix) format("embedded-opentype"),url(../fonts/GothamPro.3cb46b37.woff) format("woff"),url(../fonts/GothamPro.3100f91b.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Gotham Pro;src:url(../fonts/GothamPro-Medium.6fe466da.eot);src:local("Gotham Pro Medium"),local("~@/assets/fonts/GothamPro-Medium"),url(../fonts/GothamPro-Medium.6fe466da.eot?#iefix) format("embedded-opentype"),url(../fonts/GothamPro-Medium.b86e995a.woff) format("woff"),url(../fonts/GothamPro-Medium.c1613691.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Gotham Pro;src:url(../fonts/GothamPro-Bold.ee9b8c53.eot);src:local("Gotham Pro Bold"),local("~@/assets/fonts/GothamPro-Bold"),url(../fonts/GothamPro-Bold.ee9b8c53.eot?#iefix) format("embedded-opentype"),url(../fonts/GothamPro-Bold.a3d7d652.woff) format("woff"),url(../fonts/GothamPro-Bold.c15ee62b.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Gotham Pro;src:url(../fonts/GothamPro-Black.3309bc97.eot);src:local("Gotham Pro Black"),local("~@/assets/fonts/GothamPro-Black"),url(../fonts/GothamPro-Black.3309bc97.eot?#iefix) format("embedded-opentype"),url(../fonts/GothamPro-Black.d563ad87.woff) format("woff"),url(../fonts/GothamPro-Black.efb0c02a.ttf) format("truetype");font-weight:900;font-style:normal}body{width:100%;height:100vh;padding:0;margin:0;margin:auto;overflow:hidden;position:relative}:root{--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;font-family:Gotham Pro,Arial,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;line-height:1.154;font-weight:400;font-size:13px;background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-firefox-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-smoothing:antialiased;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,footer,header,nav,section{display:block}.fadeInUp{-webkit-animation:fadeInUp .2s;animation:fadeInUp .2s}.fadeInDown{-webkit-animation:fadeInDown .2s;animation:fadeInDown .2s}.fadeIn{-webkit-animation:fadeIn .2s;animation:fadeIn .2s}.wrapper{height:100%;margin:auto;overflow:hidden}.wrapper,.wrapper .first-page{width:100%;background-color:#fff}.wrapper .first-page{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.wrapper .first-page>img{width:60%}.wrapper .onboarding-slide{width:100%}.wrapper .onboarding-slide>.logo{padding-top:50px;margin-left:40px}.wrapper .onboarding-slide>.logo>img{height:20px}.wrapper .onboarding-slide .onboarding-page{width:100%;position:absolute;top:0;bottom:0;transition:all .4s ease-in-out}.wrapper .onboarding-slide .onboarding-page>.title{margin-top:122px;font-family:Gotham Pro;font-size:2.3vh;line-height:3vh;font-weight:300;margin-left:40px}.wrapper .onboarding-slide .onboarding-page>.app-image{width:calc(100% - 40px);position:absolute;margin:0 20px;bottom:90px}.wrapper .onboarding-slide .onboarding-page>.app-image>img{width:100%}.wrapper .onboarding-slide .onboarding-page>.next-slide{width:100%;height:90px;position:absolute;bottom:0;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.4vh;font-weight:400;font-family:Gotham Pro;letter-spacing:.3px;text-decoration:none;color:#000;padding:0;margin:0}.wrapper .onboarding-slide .onboarding-page:first-child{left:0}.wrapper .onboarding-slide .onboarding-page:nth-child(2){left:1000px}.wrapper .onboarding-slide .onboarding-page:nth-child(3){left:2000px}.wrapper .sync-page{width:100%;height:100vh;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.wrapper .sync-page>.sync-preview{width:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0}.wrapper .sync-page>.sync-preview>.preview-bg{width:100%;height:400px;background-image:url(../img/device_sync_on.d682bc9d.png);background-size:auto 100%;background-position:50%;background-repeat:no-repeat}.wrapper .sync-page>.sync-preview.syncing>.preview-bg{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:swipe;animation-name:swipe;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.wrapper .sync-page>.sync-preview.syncing>span{opacity:.2}@-webkit-keyframes swipe{0%{background-image:url(../img/device_sync_on.d682bc9d.png)}49%{background-image:url(../img/device_sync_on.d682bc9d.png)}50%{background-image:url(../img/device_sync_off.598a53ac.png)}99%{background-image:url(../img/device_sync_off.598a53ac.png)}to{background-image:url(../img/device_sync_on.d682bc9d.png)}}@keyframes swipe{0%{background-image:url(../img/device_sync_on.d682bc9d.png)}49%{background-image:url(../img/device_sync_on.d682bc9d.png)}50%{background-image:url(../img/device_sync_off.598a53ac.png)}99%{background-image:url(../img/device_sync_off.598a53ac.png)}to{background-image:url(../img/device_sync_on.d682bc9d.png)}}.wrapper .sync-page>.content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;bottom:25px}.wrapper .sync-page>.content>.sync-description{font-size:2.1vh;font-weight:300;line-height:24px;font-family:Gotham Pro;text-align:center;padding:0 30px;margin-top:45px}.wrapper .sync-page>.content>.btn-sync{width:320px;height:70px;border-radius:50px;background-color:#000;opacity:.8;display:flex;align-items:center;justify-content:center;font-size:2.4vh;font-weight:400;font-family:Gotham Pro;font-variant:small-caps;text-transform:lowercase;color:#fff;letter-spacing:.6px;text-decoration:none;padding:0;margin:35px 0 15px;position:relative}.wrapper .sync-page>.content>.btn-sync>.icon-sync{position:absolute;top:25px;left:40px;transition:all .2 ease}.wrapper .sync-page>.content>.btn-sync>.icon-sync>.sync-bg{width:18px;height:18px;background-image:url(../img/sync.aacb4b1b.svg);background-size:100% 100%;background-repeat:no-repeat}.wrapper .sync-page>.content>.btn-sync>span{transition:all .2s ease;margin-bottom:2px}.wrapper .sync-page>.content>.btn-sync.syncing>.icon-sync>.sync-bg{background-image:url(../img/sync-process.4b949206.svg);-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.wrapper .sync-page>.content>.btn-sync.syncing>span{opacity:.2}.wrapper .sync-page>.content>.btn-cancel{width:320px;display:flex;align-items:center;justify-content:center;font-size:2.2vh;font-weight:lighter;font-family:Gotham Pro;font-variant:small-caps;text-transform:lowercase;letter-spacing:.3px;text-decoration:none;color:#000;padding:0;margin:0}.wrapper .stats-page{width:auto;height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.wrapper .stats-page>ul.stats-tabs{flex:none;width:auto;display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;padding:0;margin:0}.wrapper .stats-page>ul.stats-tabs>li{flex:1;padding-top:24px;padding-bottom:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;font-family:Gotham Pro;font-weight:500;font-size:14px;line-height:30px;text-align:center;text-transform:uppercase;color:#000;opacity:.2;border-bottom:2px solid transparent;transition:all .2s ease}.wrapper .stats-page>ul.stats-tabs>li.active{opacity:1;border-bottom:2px solid #f2e6c5}.wrapper .stats-page>.tab{flex:1;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.wrapper .stats-page>.tab>.period-control{flex:none;width:calc(100% - 72px);height:90px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 36px}.wrapper .stats-page>.tab>.period-control>.title{font-weight:500;font-family:GothamPro;font-size:16px}.wrapper .stats-page>.tab>.chart{flex:1;width:calc(100% - 40px);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;padding:0 20px}.wrapper .stats-page>.tab>.chart>canvas{margin-top:15px;margin-bottom:40px}.wrapper .stats-page>.tab>.main-content{flex:none;width:100%;display:flex;flex-direction:column;align-items:center;padding-top:60px}.wrapper .stats-page>.tab>.main-content>.counter-group{width:calc(100% - 30px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:40px;padding:0 15px}.wrapper .stats-page>.tab>.main-content>.counter-group>.item-counter{flex:1;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.wrapper .stats-page>.tab>.main-content>.counter-group>.item-counter.active,.wrapper .stats-page>.tab>.main-content>.counter-group>.item-counter.active>.count{opacity:1}.wrapper .stats-page>.tab>.main-content>.counter-group>.item-counter.active>.label{font-weight:300}.wrapper .stats-page>.tab>.main-content>.counter-group>.item-counter>.count{font-size:5.9vh;font-family:Gotham Pro;font-weight:300;opacity:.3}.wrapper .stats-page>.tab>.main-content>.counter-group>.item-counter>.label{font-size:1.6vh;font-weight:300;text-align:center}.bold{font-weight:500}.main-menu{position:absolute;left:0;right:0;bottom:0;background-color:#f7f7f7;flex-direction:row;justify-content:space-around;transition:all .3s ease;z-index:100}.main-menu,.main-menu>a{height:40px;display:flex;align-items:center}.main-menu>a{width:40px;justify-content:center;text-decoration:none;transition:all .2s ease}.main-menu>a>img{width:20px;height:20px;transition:all .2s ease;opacity:.3}.main-menu>a.router-link-active>img{opacity:1}.tooltip-notify{position:absolute;top:30px;left:calc(50% - 140px);width:280px;height:44px;background-color:#fff;border-radius:50px;display:none;flex-direction:row;align-items:center;justify-content:center;z-index:9002;opacity:0;box-shadow:0 20px 20px rgba(0,0,0,.1)}.tooltip-notify>.icon{position:absolute;top:13px;left:20px}.tooltip-notify>.icon>img{width:10px}.tooltip-notify>.text{font-size:1.6vh;font-weight:400;font-family:Gotham Pro;margin-top:2px}.tooltip-notify.activate{display:flex;-webkit-animation-name:fadeInTooltip;animation-name:fadeInTooltip;-webkit-animation-duration:2.7s;animation-duration:2.7s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeInTooltip{0%{opacity:0;transform:translateY(-20px)}30%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(-20px)}30%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.alert-update{top:0;z-index:9001;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;justify-content:center;align-items:center}.alert-update,.alert-update>.bg-filter{position:absolute;left:0;right:0;bottom:0;transition:all .2s ease}.alert-update>.bg-filter{background-color:rgba(0,0,0,.3);top:-100px;z-index:-1}.alert-update>.content{width:80%;background-color:#fff;border-radius:16px;z-index:2;margin-bottom:50px;display:flex;flex-direction:column;align-items:center}.alert-update>.content>.icon{width:50px;height:50px;margin-top:50px}.alert-update>.content>.icon>img{width:100%;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:0ms;animation-duration:0ms;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.alert-update>.content>.title{font-size:2.9vh;line-height:4vh;font-weight:300;color:#000;margin-top:30px;margin-bottom:20px;text-align:center}.alert-update>.content>.title-small{font-size:2.2vh;line-height:3.6vh;font-weight:300;color:#000;margin-top:30px;margin-bottom:0;text-align:center}.alert-update>.content>.total-version{width:auto;display:flex;flex-direction:column;align-items:center}.alert-update>.content>.total-version>span{font-size:13px;font-weight:300;color:rgba(0,0,0,.6)}.alert-update>.content>.total-version>.version{font-size:16px;font-weight:400;margin-top:7px;color:rgba(0,0,0,.6)}.alert-update>.content>.icon-arrow{height:35px;margin:20px 0;opacity:.1}.alert-update>.content>.icon-arrow>img{height:100%}.alert-update>.content>.new-version{width:auto;display:flex;flex-direction:column;align-items:center}.alert-update>.content>.new-version>span{font-size:13px;font-weight:300;color:#000}.alert-update>.content>.new-version>.version{font-size:20px;font-weight:400;margin-bottom:7px}.alert-update>.content>.btn-update{height:50px;border-radius:50px;background-color:#000;opacity:.8;font-size:2.1vh;font-weight:400;color:#fff;letter-spacing:.6px;margin:35px 0 20px;position:relative}.alert-update>.content>.btn-cancel,.alert-update>.content>.btn-update{width:80%;display:flex;align-items:center;justify-content:center;font-family:Gotham Pro;font-variant:small-caps;text-transform:lowercase;text-decoration:none;padding:0}.alert-update>.content>.btn-cancel{font-size:2vh;font-weight:300;letter-spacing:.3px;color:#000;margin:0;margin-bottom:20px}.slideup{position:absolute;top:0;left:0;right:0;bottom:0;transition:all .2s ease;z-index:9001;display:none;-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px)}.slideup.activate{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:block}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slideup.deactivate{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeInDown{0%{display:block;opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes fadeInDown{0%{display:block;opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.slideup>.bg-filter{background-color:rgba(0,0,0,.3);top:-100px;left:0;right:0;z-index:1}.slideup>.bg-filter,.slideup>.over-18{position:absolute;bottom:0;transition:all .2s ease}.slideup>.over-18{width:100%;background-color:#fff;z-index:2;border-top-left-radius:24px;border-top-right-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.slideup>.over-18>.title{font-size:3vh;color:#000;line-height:4vh;margin-top:32px}.slideup>.over-18>.description,.slideup>.over-18>.title{font-weight:lighter;font-family:Gotham Pro;text-align:center}.slideup>.over-18>.description{font-size:1.8vh;color:rgba(0,0,0,.6);line-height:2.5vh;margin-top:3vh}.slideup>.over-18>.btn-group{width:54%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:44px;margin-bottom:36px}.slideup>.over-18>.btn-group>.btn{font-size:2.8vh;font-weight:400;font-family:Gotham Pro;font-variant:small-caps;text-transform:lowercase;letter-spacing:.3px;text-decoration:none;color:#000;padding:0;margin:0;opacity:.2}.slideup>.over-18>.btn-group>.btn.active{opacity:1}.slideup>.confirm{width:100%;position:absolute;bottom:0;background-color:#fff;z-index:2;transition:all .2s ease;border-top-left-radius:24px;border-top-right-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000!important}.slideup>.confirm>.gray-label{padding:0 40px;font-size:1.5vh;font-weight:400;color:rgba(0,0,0,.4);margin-bottom:20px}.slideup>.confirm>.title{font-size:3.2vh;font-weight:lighter;font-family:Gotham Pro;color:#000;text-align:center;line-height:30px;margin-top:20px}.slideup>.confirm>.indicator{width:8px;height:8px;border-radius:50px;margin-top:25px;position:relative;background-color:#004dff}.slideup>.confirm>.indicator:before{content:"";top:-6px;left:-6px;right:-6px;bottom:-6px;position:absolute;background-color:rgba(0,77,255,.2);z-index:-1;border-radius:50px;-webkit-animation-name:flash;animation-name:flash;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes flash{0%{opacity:1}50%{opacity:.2}to{opacity:1}}@keyframes flash{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.slideup>.confirm>.description{font-size:1.8vh;font-weight:lighter;font-family:Gotham Pro;color:#000;text-align:center;line-height:2.5vh;margin-top:3vh;padding:0 50px 10px}.slideup>.confirm>.input-group{flex:none;width:100px;height:48px;border:1px solid #ddd;border-radius:50px;margin-top:30px;padding:0 80px;display:flex;flex-direction:row;align-items:center}.slideup>.confirm>.input-group>.input-confirm{flex:1;width:40px;height:48px;padding:0 5px;text-align:center;text-transform:uppercase;resize:none;outline:none;border:0;letter-spacing:6px}.slideup>.confirm>.input-group>.input-confirm::-moz-placeholder{color:#aaa}.slideup>.confirm>.input-group>.input-confirm:-ms-input-placeholder{color:#aaa}.slideup>.confirm>.input-group>.input-confirm::placeholder{color:#aaa}.slideup>.confirm>.btn-confirm{flex:none;width:300px;height:60px;border-radius:50px;background-color:#000;opacity:.8;display:flex;align-items:center;justify-content:center;font-size:2.4vh;font-weight:400;font-family:Gotham Pro;font-variant:small-caps;text-transform:lowercase;color:#fff;letter-spacing:.6px;text-decoration:none;padding:0;margin:35px 0 25px;position:relative;transition:all .2s ease}.slideup>.confirm>.btn-confirm:active{opacity:.6}.slideup>.confirm>.btn-sync{width:320px;height:70px;border-radius:50px;background-color:#000;opacity:.8;display:flex;align-items:center;justify-content:center;font-size:2.4vh;font-weight:400;font-family:Gotham Pro;font-variant:small-caps;text-transform:lowercase;color:#fff;letter-spacing:.6px;text-decoration:none;padding:0;margin:35px 0 25px;position:relative}.slideup>.confirm>.btn-sync>.icon-sync{position:absolute;top:25px;left:40px;transition:all .2 ease}.slideup>.confirm>.btn-sync>.icon-sync>.sync-bg{width:18px;height:18px;background-image:url(../img/sync.aacb4b1b.svg);background-size:100% 100%;background-repeat:no-repeat}.slideup>.confirm>.btn-sync>span{transition:all .2s ease;margin-bottom:2px}.slideup>.confirm>.btn-sync.syncing>.icon-sync>.sync-bg{background-image:url(../img/sync-process.4b949206.svg);-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.slideup>.confirm>.btn-sync.syncing>span{opacity:.2}.slideup>.confirm>.btn-cancel{width:320px;display:flex;align-items:center;justify-content:center;font-size:1.9vh;font-weight:lighter;font-family:Gotham Pro;font-variant:small-caps;text-transform:lowercase;letter-spacing:.3px;text-decoration:none;color:#000;padding:0;margin:0;margin-bottom:20px}.slideup>.confirm>.btn-group{width:54%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:44px;margin-bottom:10px}.slideup>.confirm>.btn-group>.btn{font-size:2.8vh;font-weight:400;font-family:Gotham Pro;font-variant:small-caps;text-transform:lowercase;letter-spacing:.3px;text-decoration:none;color:#000;padding:0;margin:0;opacity:.2}.slideup>.confirm>.btn-group>.btn.active{opacity:1}.slide-fadeup-enter-active,.slide-fadeup-leave-active{transition:all .25s cubic-bezier(1,.5,.8,1)}.slide-fadeup-enter-from,.slide-fadeup-leave-to{transform:translateY(20px);opacity:0}.main-page{width:100%;height:100vh;display:flex;flex-direction:column}.main-page>.info{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:center}.main-page>.info>span{font-size:14px;font-weight:700;margin-right:32px}.main-page>.info>.toggle{display:flex;flex-direction:row;margin-right:60px}.main-page>.info>.toggle>.btn{padding:6px 12px;background-color:#e7e7e7;border-radius:4px;font-size:13px;font-weight:700}.main-page>.info>.toggle>.btn:first-child{margin-right:10px}.main-page>.info>.toggle>.btn.active{color:red}.main-page>.panel{width:100%;display:flex;flex-direction:column}.main-page>.panel>.metrics{width:100%;display:flex;flex-direction:row;padding-top:30px}.main-page>.panel>.metrics>.item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.main-page>.panel>.metrics>.item>.icon{width:44px;height:44px;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.main-page>.panel>.metrics>.item>.icon>img{width:18px}.main-page>.panel>.metrics>.item>.text{font-size:15px;font-weight:500;text-align:center}.btn-click{height:52px;background-color:rgba(0,0,0,.8);color:#fff;margin:auto}.get-firmware-update{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9001}.get-firmware-update>.icon-device{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:50px}.get-firmware-update>.icon-device>img{width:50px;height:50px;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.get-firmware-update>.description{font-size:2vh;font-weight:400;font-family:Gotham Pro;-webkit-animation-name:flashlight;animation-name:flashlight;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.settings-page{width:100%;height:100vh}.settings-page>.logo{padding-top:40px;margin-left:40px;margin-bottom:50px}.settings-page>.logo>img{height:20px}.settings-page>.device-detail{width:calc(100% - 40px);display:flex;flex-direction:column;padding-left:40px}.settings-page>.device-detail>.item-detail{width:auto;margin-bottom:1vh;font-size:1.8vh;font-weight:300;color:#000;opacity:.5}.settings-page>.device-control{width:calc(100% - 40px);display:flex;flex-direction:column;padding-left:40px;margin-top:25px}.settings-page>.device-control>.item-control{width:100%;display:flex;flex-direction:row;align-items:center;margin-bottom:22px}.settings-page>.device-control>.item-control>.circle{flex:none;width:76px;height:76px;border-radius:50px;background-color:#f8f8f8;display:flex;align-items:center;justify-content:center;margin-right:20px}.settings-page>.device-control>.item-control>.circle>img{width:20px;height:20px}.settings-page>.device-control>.item-control>.description{font-size:2.2vh;font-weight:400;font-family:Gotham Pro;text-transform:lowercase;font-variant:small-caps}.input-command{width:calc(90% - 20px);height:46px;border:0;background-color:#eee;margin:20px auto;margin-left:5%;border-radius:9px;padding:0 10px;font-size:14px;font-weight:400;outline:none}.params{padding:10px 40px}.params>.item-param{font-size:12px;font-weight:300;margin-bottom:6px}.terminal{width:100%;height:140px;background-color:#f5f7fa;padding:20px 40px;position:absolute;bottom:80px;overflow-x:hidden;overflow-y:auto}.terminal::-webkit-scrollbar{display:none}.terminal>.item{font-size:12px;font-weight:400;margin-bottom:6px}.section-title{padding:30px 40px 10px;font-size:20px;font-weight:400}.btn-click{width:calc(100% - 80px);height:40px;border-radius:9px;background-color:#f5f7fa;color:#000;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:1.7vh;font-weight:400;text-decoration:none;margin:12px auto 0}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .15s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0}.firmware-done,.firmware-error,.start-firmware-update{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9001}.firmware-done>.logo,.firmware-error>.logo,.start-firmware-update>.logo{margin-bottom:30px}.firmware-done>.logo>img,.firmware-error>.logo>img,.start-firmware-update>.logo>img{width:100px}.firmware-done>.progress-bar,.firmware-error>.progress-bar,.start-firmware-update>.progress-bar{width:80%;height:5px;border-radius:100px;background-color:rgba(0,0,0,.1);margin-top:15px;position:relative;overflow:hidden}.firmware-done>.progress-bar>.progress,.firmware-error>.progress-bar>.progress,.start-firmware-update>.progress-bar>.progress{position:absolute;top:0;bottom:0;left:0;width:0;background-color:#52c306;transition:all .2s ease}.firmware-done>.icon-device,.firmware-error>.icon-device,.start-firmware-update>.icon-device{width:60px;height:60px;align-items:center;justify-content:center;margin-bottom:50px;display:flex}.firmware-done>.icon-device>img,.firmware-error>.icon-device>img,.start-firmware-update>.icon-device>img{width:50px;height:50px}.firmware-done>.icon-device.spin>img,.firmware-error>.icon-device.spin>img,.start-firmware-update>.icon-device.spin>img{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes spin{0%{transform:rotate(0deg)}90%{transform:rotate(1turn)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}90%{transform:rotate(1turn)}to{transform:rotate(1turn)}}.firmware-done>.description,.firmware-error>.description,.start-firmware-update>.description{font-size:1.7vh;line-height:2.7vh;font-weight:400;font-family:Gotham Pro;padding:0 50px;text-align:center;margin-top:10px;margin-bottom:1.8vh}.firmware-done>.description.flashlight,.firmware-error>.description.flashlight,.start-firmware-update>.description.flashlight{-webkit-animation-name:flashlight;animation-name:flashlight;-webkit-animation-duration:3.2s;animation-duration:3.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.firmware-done>.percent,.firmware-error>.percent,.start-firmware-update>.percent{font-size:3.6vh;font-weight:300;font-family:Gotham Pro;margin-top:35px}@-webkit-keyframes flashlight{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.firmware-done>.btn-cancel,.firmware-error>.btn-cancel,.start-firmware-update>.btn-cancel{width:320px;position:fixed;bottom:40px;display:flex;align-items:center;justify-content:center;font-size:2.2vh;font-weight:lighter;font-family:Gotham Pro;font-variant:small-caps;text-transform:lowercase;letter-spacing:.3px;text-decoration:none;color:#000;padding:0;margin:0}.firmware-update,.firmware-update-info-setup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;display:flex;flex-direction:column;align-items:center;z-index:9001}.firmware-update-info-setup>.title,.firmware-update>.title{width:calc(100% - 80px);margin:60px 40px 20px;font-size:24px;font-weight:lighter;line-height:32px;color:#000}.firmware-update-info-setup>.content,.firmware-update>.content{margin:0 40px}.firmware-update-info-setup>.content>.label,.firmware-update>.content>.label{font-size:16px;font-weight:lighter;margin-bottom:6px}.firmware-update-info-setup>.content>.description,.firmware-update>.content>.description{font-size:14px;font-weight:300;line-height:20px}.firmware-update-info-setup>.content>.setup-group,.firmware-update>.content>.setup-group{display:flex;flex-direction:column;margin-top:26px}.firmware-update-info-setup>.content>.setup-group>.item-setup,.firmware-update>.content>.setup-group>.item-setup{width:100%;display:flex;flex-direction:row;align-items:center;margin-bottom:20px}.firmware-update-info-setup>.content>.setup-group>.item-setup>.circle,.firmware-update>.content>.setup-group>.item-setup>.circle{flex:none;width:59px;height:59px;border-radius:50px;background-color:#fff;margin:10px;display:flex;align-items:center;justify-content:center;margin-right:25px;font-size:3.2vh;font-weight:lighter;padding-top:1px;padding-lefT:1px;-webkit-animation-name:flashlight;animation-name:flashlight;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;position:relative}.firmware-update-info-setup>.content>.setup-group>.item-setup>.circle:before,.firmware-update>.content>.setup-group>.item-setup>.circle:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:1px solid #e6e6e6;z-index:-1;border-radius:50px}.firmware-update-info-setup>.content>.setup-group>.item-setup>.circle.active,.firmware-update>.content>.setup-group>.item-setup>.circle.active{-webkit-animation-name:none;animation-name:none;border:1px solid transparent;background-color:#52c306;color:#fff}.firmware-update-info-setup>.content>.setup-group>.item-setup>.circle.active:before,.firmware-update>.content>.setup-group>.item-setup>.circle.active:before{border:1px solid transparent;background-color:rgba(82,195,6,.12549019607843137)}@keyframes flashlight{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.firmware-update-info-setup>.content>.setup-group>.item-setup>.description,.firmware-update>.content>.setup-group>.item-setup>.description{font-size:2vh;font-weight:400;font-family:Gotham Pro;text-transform:lowercase;font-variant:small-caps}.firmware-update-info-setup>.btn-group,.firmware-update>.btn-group{width:100%;display:flex;flex-direction:column;align-items:center;position:fixed;bottom:30px}.firmware-update-info-setup>.btn-group>.btn-sync,.firmware-update>.btn-group>.btn-sync{width:320px;height:70px;border-radius:50px;background-color:#000;opacity:.8;display:flex;align-items:center;justify-content:center;font-size:2.4vh;font-weight:400;font-family:Gotham Pro;font-variant:small-caps;text-transform:lowercase;color:#fff;letter-spacing:.6px;opacity:.4;text-decoration:none;padding:0;margin:35px 0 25px;transition:all .2s ease;position:relative}.firmware-update-info-setup>.btn-group>.btn-sync>span,.firmware-update>.btn-group>.btn-sync>span{transition:all .2s ease;margin-bottom:2px}.firmware-update-info-setup>.btn-group>.btn-sync.active,.firmware-update>.btn-group>.btn-sync.active{opacity:1}.firmware-update-info-setup>.btn-group>.btn-cancel,.firmware-update>.btn-group>.btn-cancel{width:320px;display:flex;align-items:center;justify-content:center;font-size:2.2vh;font-weight:lighter;font-family:Gotham Pro;font-variant:small-caps;text-transform:lowercase;letter-spacing:.3px;text-decoration:none;color:#000;padding:0;margin:0}