:root{--rc-link-color:#00296d;--rc-link-color-hover:#1951af;--rc-link-animation:all 0.2s ease-in;--rc-firm-color:#00296d;--rc-firm-color-2:#1951af;--rc-window-scroll-background:#8b2baf;--rc-window-scroll-background-focus:#f8f4f9;--rc-window-scroll-box-shadow:inset 0 0 3px rgba(0,0,0,.1)}html{overflow-y:hidden!important}body ::-webkit-scrollbar-track{border-radius:0;background:transparent;padding:2px;background-clip:padding-box}body ::-webkit-scrollbar{width:.4rem}body ::-webkit-scrollbar-thumb{border-radius:.2rem;-webkit-box-shadow:inset 0 0 6px transparent;background-color:rgba(85,85,85,.6);-webkit-transition:var(--rc-link-animation);transition:var(--rc-link-animation)}body ::-webkit-scrollbar-thumb:hover{background-color:#555}a{color:var(--rc-link-color);text-decoration:none;transition:var(--rc-link-animation)}a:hover{color:var(--rc-link-color-hover)}.ps{width:100%;height:auto}.code{max-height:150px;overflow:auto}.app{flex:1;flex-direction:column;display:flex;z-index:5;padding:1rem;background:#f3f3f3;height:calc(100vh - 104px)}.app__content{width:100%;display:flex;position:relative;padding:16px 12px;height:auto;max-height:calc(100% - 40px)}.app .v-pagination .v-pagination__list .v-pagination__next .v-icon,.app .v-pagination .v-pagination__list .v-pagination__prev .v-icon{font-size:14px}.app-content{padding:1rem}.app-catalog,.app-content{display:flex;width:100%;flex-wrap:nowrap;flex-direction:column;position:relative}.app-catalog{height:100%;overflow:auto;background:#fff;padding:1rem .8rem;box-shadow:0 2px 4px -1px var(--v-shadow-key-umbra-opacity,rgba(0,0,0,.2)),0 4px 5px 0 var(--v-shadow-key-penumbra-opacity,rgba(0,0,0,.14)),0 1px 10px 0 var(--v-shadow-key-penumbra-opacity,rgba(0,0,0,.12))}.app-catalog__filter{display:flex;width:100%;padding:1rem .8rem;background:#f3f3f3;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center}.app-catalog__category{position:relative;display:flex;width:100%;flex-direction:column;padding:1rem 0;height:auto;flex-wrap:nowrap}.app-catalog__category-list{display:grid;grid-template-columns:.4fr 4fr .4fr .4fr .8fr .8fr .8fr;padding:.8rem .4rem;transition:var(--rc-link-animation);position:relative;width:100%}.app-catalog__category-list.title{border-bottom:1px solid #eaecef}.app-catalog__category-list.title div{color:var(--rc-firm-color);margin-left:.6rem}.app-catalog__category-list.user{grid-template-columns:.4fr 1fr .8fr .8fr .8fr .8fr .2fr}.app-catalog__category-list .col{display:flex;width:100%;justify-content:flex-start;align-items:center;margin-left:.6rem;font-size:.9rem}.app-catalog__category-list .col:last-child{justify-content:flex-end;margin-left:0;margin-right:.6rem;opacity:0;transition:var(--rc-link-animation)}.app-catalog__category-list:hover:not(.title){background:rgba(0,41,109,.1)}.app-catalog__category-list:hover:not(.title) .col:last-child{opacity:1}.app-catalog__category-list .loading{position:absolute;display:flex;width:100%;height:100%;background:rgba(0,0,0,.2);flex-direction:row;align-content:center;align-items:center;justify-content:center;transition:var(--rc-link-animation)}.app-catalog__category .form{max-width:60%}.app-catalog__product{position:relative;display:flex;width:100%;flex-direction:column;padding:1rem 0;height:auto;flex-wrap:nowrap}.app-catalog__product-list{display:grid;grid-template-columns:.4fr 3fr .8fr .8fr .8fr .8fr .4fr;padding:.8rem .4rem;transition:var(--rc-link-animation);position:relative;width:100%}.app-catalog__product-list.title{border-bottom:1px solid #eaecef;grid-template-columns:.4fr 2.85fr .74fr .74fr .74fr .74fr .8fr}.app-catalog__product-list.title div{color:var(--rc-firm-color)}.app-catalog__product-list .col,.app-catalog__product-list.title div{margin-left:.6rem;display:flex;width:100%;justify-content:flex-start;align-items:center}.app-catalog__product-list .col{font-size:.9rem}.app-catalog__product-list .col:last-child{justify-content:flex-end;margin-left:0;margin-right:.6rem;opacity:0;transition:var(--rc-link-animation)}.app-catalog__product-list:hover:not(.title){background:rgba(0,41,109,.1)}.app-catalog__product-list:hover:not(.title) .col:last-child{opacity:1}.app-catalog__product-list .loading{position:absolute;display:flex;width:100%;height:100%;background:rgba(0,0,0,.2);flex-direction:row;align-content:center;align-items:center;justify-content:center;transition:var(--rc-link-animation)}.app-catalog__product .form{max-width:60%}.app-catalog__items{flex-direction:column;flex-wrap:nowrap}.app-catalog__item,.app-catalog__items,.app-setting{display:flex;width:100%}.app-setting{background:#fff;padding:1rem .8rem;height:100%;flex-wrap:nowrap;flex-direction:column;position:relative;overflow:auto;box-shadow:0 2px 4px -1px var(--v-shadow-key-umbra-opacity,rgba(0,0,0,.2)),0 4px 5px 0 var(--v-shadow-key-penumbra-opacity,rgba(0,0,0,.14)),0 1px 10px 0 var(--v-shadow-key-penumbra-opacity,rgba(0,0,0,.12))}.app-setting__user-list .app-catalog__category-list{grid-template-columns:.4fr 3fr 3fr 2fr 2fr .8fr}.app-device{display:flex;width:100%;flex-direction:column}.app-device__list{display:grid;grid-template-columns:.4fr 1fr 1fr 1fr .6fr .4fr .8fr;padding:.8rem .4rem;transition:var(--rc-link-animation);position:relative;width:100%}.app-device__list.title{border-bottom:1px solid #eaecef}.app-device__list.title div{color:var(--rc-firm-color);margin-left:.6rem}.app-device__list .col{display:flex;width:100%;justify-content:flex-start;align-items:center;margin-left:.6rem;font-size:.9rem}.app-device__list .col:last-child{justify-content:flex-end;margin-left:0;margin-right:.6rem;opacity:0;transition:var(--rc-link-animation)}.app-device__list:hover:not(.title){background:rgba(0,41,109,.1)}.app-device__list:hover:not(.title) .col:last-child{opacity:1}.app-device__list .loading{position:absolute;display:flex;width:100%;height:100%;background:rgba(0,0,0,.2);flex-direction:row;align-content:center;align-items:center;justify-content:center;transition:var(--rc-link-animation)}.app-control{display:flex;width:100%;box-shadow:0 2px 4px -1px var(--v-shadow-key-umbra-opacity,rgba(0,0,0,.2)),0 4px 5px 0 var(--v-shadow-key-penumbra-opacity,rgba(0,0,0,.14)),0 1px 10px 0 var(--v-shadow-key-penumbra-opacity,rgba(0,0,0,.12));padding:1rem;border-radius:.2rem;flex-direction:column;flex-wrap:nowrap}.app-control__head{display:flex;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}.app-control__title{display:flex;font-size:1.1rem;font-weight:600;text-transform:uppercase}.app-sensor{display:flex;width:100%;box-shadow:0 2px 4px -1px var(--v-shadow-key-umbra-opacity,rgba(0,0,0,.2)),0 4px 5px 0 var(--v-shadow-key-penumbra-opacity,rgba(0,0,0,.14)),0 1px 10px 0 var(--v-shadow-key-penumbra-opacity,rgba(0,0,0,.12));padding:1rem;border-radius:.2rem;flex-direction:column;flex-wrap:nowrap}.app-sensor__head{display:flex;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}.app-sensor__title{display:flex;font-size:1.1rem;font-weight:600;text-transform:uppercase}.app-sensor__value{display:flex;width:100%;padding:1.2rem;text-align:center;justify-content:center;align-items:center;font-size:2.8rem;font-weight:300}.app-sensor__value span{font-weight:100}.app-sensor__chart{display:flex;width:100%;height:120px;justify-content:center;align-items:center;z-index:10}.app-sensor.water-leak .not-leak{color:#4caf50}.app-sensor.water-leak .leak{color:#c62828}.app-notification{display:flex;width:100%;flex-direction:column}.app-notification__list{display:grid;grid-template-columns:.4fr 1fr 2fr .4fr .6fr .4fr;padding:.8rem .4rem;transition:var(--rc-link-animation);position:relative;width:100%}.app-notification__list.title{border-bottom:1px solid #eaecef}.app-notification__list.title div{color:var(--rc-firm-color);margin-left:.6rem}.app-notification__list .col{display:flex;width:100%;justify-content:flex-start;align-items:center;margin-left:.6rem;font-size:.9rem}.app-notification__list .loading{position:absolute;display:flex;width:100%;height:100%;background:rgba(0,0,0,.2);flex-direction:row;align-content:center;align-items:center;justify-content:center;transition:var(--rc-link-animation)}