@font-face{font-family:BarlowCondensed;src:local("BarlowCondensed"),url(/assets/BarlowCondensed-Regular.eb5e9c76.ttf) format("truetype")}@font-face{font-family:BarlowCondensedLight;src:local("BarlowCondensedLight"),url(/assets/BarlowCondensed-Light.0b85576b.ttf) format("truetype")}@font-face{font-family:Roboto;src:local("Roboto"),url(/assets/Roboto-Regular.017c0be9.ttf) format("truetype")}#app{font-family:Roboto,Helvetica,Arial,sans-serif;color:#000}body{background-color:var(--page-bg-color, var(--primary-color));margin:0}.circle-wrapper{display:flex;flex-direction:column;border:1px solid transparent;padding:var(--default-padding);border-radius:var(--border-radius);box-shadow:0 0 15px silver;width:170px;padding-bottom:2rem}.circle-section-title{margin:var(--h1-margin);color:var(--subtitle-color);font-size:var(--h2-font-size)}.circle-wrapper__percent{margin-top:auto;width:170px;height:145px;fill:none;stroke-width:10;transform:rotate(-90deg);stroke-dasharray:345.5;stroke-linecap:butt}.circle-wrapper__percent svg circle:nth-child(1){stroke-dashoffset:0;stroke:#f3f3f3}.circle-wrapper__percent svg circle:nth-child(2){stroke:var(--device-count-color, var(--primary-color))}.circle-wrapper__percent__text{top:0;left:0;width:90%;height:93%;display:flex;justify-content:center;align-items:center;position:absolute;color:var(--device-count-color, var(--primary-color));transform:rotate(90deg);font-size:4rem;margin-left:-2px;margin-top:2px;font-family:var(--digits-font-family)}.st0{fill:var(--device-count-color, var(--primary-color))}.devices-wrapper{padding:var(--default-padding);background-color:#fff;border:1px solid transparent;border-radius:var(--border-radius);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;grid-gap:1rem;min-width:700px;position:relative}.devices-wrapper__overview{padding-left:.6rem}.section-title{margin:var(--h1-margin);font-size:var(--h1-font-size)}.section-subtitle{margin-top:var(--h2-margin-top);color:var(--subtitle-color);font-size:var(--h2-font-size)}.devices-wrapper__number-devices{font-size:7rem;color:var(--device-count-color, var(--primary-color));font-family:var(--digits-font-family);position:absolute;bottom:0}.devices-wrapper__purifier-outlines{padding-left:1.5rem}.arrow-wrapper{padding-top:10px}.arrow-wrapper__arrow{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;padding-bottom:.5rem}.qIBar{border:double 6px transparent;border-radius:80px;background-image:radial-gradient(white,white),linear-gradient(to right,var(--onelife-green) 20%,var(--onelife-yellow) 20%,var(--onelife-yellow) 40%,var(--onelife-orange) 40%,var(--onelife-orange) 60%,var(--onelife-red) 60%,var(--onelife-red) 80%,var(--onelife-purple) 80%);background-origin:border-box;background-clip:content-box,border-box}.st0[data-v-344e5528]{fill:#c4c4c4;filter:url(#Adobe_OpacityMaskFilter)}.st1[data-v-344e5528]{mask:url(#mask0_1_)}.st2[data-v-344e5528]{fill:#262626}.st3[data-v-344e5528]{fill:url(#SVGID_1_)}.st4[data-v-344e5528]{fill:url(#SVGID_2_)}.st5[data-v-344e5528]{fill:#f8d742}.st6[data-v-344e5528]{fill:url(#SVGID_3_);fill-opacity:.25}.st7[data-v-344e5528]{fill:#fff}.quality-wrapper{border:1px solid transparent;padding:var(--default-padding);background-color:#fff;border-radius:var(--border-radius)}.location__container{padding-top:10px;display:flex;gap:.5rem;align-items:center}.section-title{margin:var(--h1-margin);font-size:var(--h1-font-size)}.section-subtitle{margin-top:var(--h2-margin-top);color:var(--subtitle-color);font-size:var(--h2-font-size)}.quality-wrapper__value{display:flex;justify-content:center;margin:-.7rem;font-size:8rem;padding-top:5px;font-family:var(--digits-font-family)}.quality-wrapper__placeholder{margin-top:2rem}.section-info{color:var(--subtitle-color);position:relative;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:700;margin-top:-.4rem;margin-bottom:-1rem;font-size:.6rem}.breez-icon{position:absolute;height:4.1rem;top:-1.7rem}.quality-wrapper__location{color:var(--subtitle-color);font-size:.8rem;font-weight:700}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{opacity:100;position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.settings{background-color:var(--primary-color);border-radius:var(--border-radius);border:1px solid var(--primary-color);color:#fff;padding:.125rem;align-self:start}.settings__loading-bg{position:absolute;display:grid;place-items:center;opacity:30%;background-color:var(--primary-color);width:100%;height:100%;top:0}.settings__loading-icon{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.settings__header{display:grid;grid-template-columns:4.5rem auto 4.5rem}.settings__header-icon{background-color:var(--primary-color-accent);border-radius:.7rem;width:35px;height:18px;padding:10px;margin:.2rem;fill:var(--primary-color)}.settings__arrow-icon{fill:var(--primary-color-accent)}.settings__arrow--rotate{transform:rotate(180deg)}.settings__arrow{border:none;background-color:transparent;cursor:pointer;text-align:right}.settings__headline{text-align:center;align-self:center;color:var(--primary-color-accent)}.settings__content{padding:1rem;background-color:#fff;border-bottom-right-radius:.8rem;border-bottom-left-radius:.8rem;color:var(--subtitle-color);display:grid;grid-template-columns:repeat(3,1fr);align-self:center;position:relative;overflow:hidden}.settings__text{padding:1rem 1.5rem;grid-area:2 / 1 / end-line / end-line}.settings__button{border:1px solid transparent;border-radius:.7rem;width:110px;height:60px;padding:8%;cursor:pointer;justify-self:center;background-color:var(--primary-color-accent);box-shadow:0 0 15px silver}.settings__button:hover{background-color:var(--button-hover-color, var(--default-button-hover-color))}.settings__button--active{background-color:var(--primary-color)}.settings__button--active:hover{background-color:var(--primary-color);opacity:.6}.settings__button--active>.settings__button-icon{fill:var(--primary-color-accent)}.sdd-wrapper{display:grid;grid-template-columns:50% 50%;grid-gap:2rem}.dot{border-radius:50%;height:.625rem;width:.625rem;border:2px solid grey}.dot--red{border:.125rem solid #E8A2A2;background-color:#e8a2a2}.table-header__room{grid-column:3 / 5}.table-header{font-size:.95rem;font-weight:700}.table-header__item{margin-top:2rem;margin-bottom:.2rem;align-self:center}.table-header__filter{background-color:#e8e8e8;border:none;border-radius:.3rem;cursor:pointer;display:grid;place-items:center;height:var(--icon-table-height)}.table-header__filter:hover{background-color:var(--default-button-hover-color)}.table-header--center{padding-top:.3rem;place-self:center;display:block;min-width:63.97px;height:calc(var(--icon-table-height) * .7)}.table-header--center--last{padding-top:.3rem;place-self:center;display:block;min-width:46px;height:calc(var(--icon-table-height) * .7)}.slot-button{display:grid;place-items:center;max-height:var(--icon-table-height);aspect-ratio:1.1 / 1;border-radius:.4rem;border:1px solid transparent;cursor:pointer;padding:5px}.slot-button--inactive:hover{background-color:var(--button-hover-color, var(--default-button-hover-color))}.slot-button--active:hover{opacity:.7}.slot-button--active{fill:var(--mode-active-color, var(--default-button-active-color));stroke:var(--mode-active-color, var(--default-button-active-color));background-color:var(--mode-active-bg-color, var(--primary-color))}.slot-button--inactive{fill:var(--mode-inactive-color, var(--default-button-inactive-color));stroke:var(--mode-inactive-color, var(--default-button-inactive-color));background-color:var(--mode-inactive-bg-color, var(--default-button-inactive-bg))}.slot-button>*:hover,.slot-button>*{cursor:pointer}.filter-button--active{background-color:var(--filter-active);fill:var(--mode-active-color, var(--filter-active-fill))}.filter-button--inactive{fill:var(--mode-inactive-color, var(--default-button-inactive-color));background-color:var(--mode-inactive-bg-color, var(--default-button-inactive-bg))}.mode-container{display:flex;gap:.7rem;align-items:center}.mode__input{max-height:calc(var(--icon-table-height)* .795);aspect-ratio:1.2 / 1;border-radius:.4rem;border:2px solid transparent;font-family:Roboto,Avenir,Helvetica,Arial,sans-serif;font-size:16px;color:var(--subtitle-color);width:2rem}.mode__percent{color:var(--subtitle-color);align-self:center;margin-left:-4px}.mode__input:focus{border:2px solid var(--primary-color);outline:none!important}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.filter-change{cursor:default}.visuallyhidden{position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.box{border:1px solid transparent;border-radius:.4rem;display:grid;place-items:center;color:#000;text-align:center;padding:0;height:var(--icon-table-height);width:90%}.box__text{font-size:.563rem}.box__value{font-family:var(--digits-font-family)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.box{border:1px solid transparent;border-radius:.4rem;display:grid;place-items:center;color:#000;text-align:center;padding:0;height:var(--icon-table-height);width:90%}.box__text{font-size:.563rem}.box__value{font-family:var(--digits-font-family)}.graph-container{display:grid;background-color:var(--row-bg-color);grid-template-rows:50% 50%;grid-template-columns:1.5fr 3.5fr;column-gap:.9rem;padding:1rem .2rem}.graph__box{height:3rem;aspect-ratio:1.3 / 1}.graph-container__header{grid-area:1 / 1 / 2 / 4}.graph-container__header__h3{margin:0;font-size:1rem;color:#464646}.graph-box-wrapper{display:grid;grid-template-columns:repeat(3,1fr);column-gap:.9rem}.graph{grid-area:1 / 2 / 3 / 3;width:auto}.entry__dot{display:grid;place-items:center}.entry__data{display:grid;place-items:center;padding:0 var(--data-table-gap);width:63.97px}.entry__room{grid-column:span 2}.entry__arrow{border:none;background-color:transparent;cursor:pointer;fill:gray}.entry__arrow--rotate{transform:rotate(180deg)}.entry__text{display:grid;align-items:center;font-weight:700}.entry__text>h3{margin:0;font-size:1rem}.entry__item{box-sizing:border-box;border-top:2px solid var(--row-bg-color);border-bottom:2px solid var(--row-bg-color);height:var(--entry-table-height);background-color:var(--row-bg-color);margin-top:var(--entry-table-gap)}.entry__item--first{border-bottom-left-radius:.4rem;border-top-left-radius:.4rem;border-left:2px solid var(--row-bg-color)}.entry__item--last{border-bottom-right-radius:.4rem;border-top-right-radius:.4rem;border-right:2px solid var(--row-bg-color);min-width:63.97px}.entry__item--selected{border-color:var(--primary-color)}.entry__graph{grid-column:5 / -1}.entry__graph--fill-start{grid-column:1 / 5;background-color:var(--row-bg-color);border-bottom-left-radius:.4rem}.entry__graph--fill-end{grid-column:-2 / -1;background-color:var(--row-bg-color);border-bottom-right-radius:.4rem}.inset-filler{grid-column:1 / 3}.entry__graph--span{grid-column:3 / 5}.group_filler{grid-column:5 / -1}.table-container-row{display:grid;grid-template-columns:4rem 1rem .5fr 1fr 2fr 3fr repeat(4,min-content);grid-column:1 / 3;background-color:#fff}.table-container{display:grid;grid-template-columns:4rem 1rem .5fr 1fr 2fr 3fr repeat(4,min-content);grid-column:1 / 3;background-color:#fff}:root{--default-padding: 1rem;--border-radius: 1rem;--icon-table-height: 1.7rem;--entry-table-height: 2.5rem;--entry-table-gap: .5rem;--data-table-gap: .3rem;--h1-margin: 0;--h1-font-size: 1.1rem;--h2-margin-top: .5rem;--h2-font-size: 15px;--digits-font-family: "BarlowCondensedLight", Avenir, Helvetica, Arial, sans-serif}.details-wrapper{border:1px solid transparent;padding:var(--default-padding);background-color:#fff;border-radius:var(--border-radius);margin-bottom:2rem}.details-wrapper{grid-area:2 / 1 / 3 / 3}.details-wrapper__sdd{margin-right:2rem}#main-title{margin:0;font-size:1.6rem}#main-subtitle{margin-top:.5rem;color:var(--subtitle-color);font-size:1.1rem}.details-wrapper__list{margin-bottom:-.5rem}#logout-button{height:2.9rem;background-color:var(--primary-color);border-radius:var(--border-radius);border:none;cursor:pointer;font-size:.9rem;padding:.6rem;font-family:Roboto,Helvetica,Arial,sans-serif;color:#fff}#logout-button:hover{background-color:var(--default-button-hover-color)}.navigation-wrapper{height:5rem;background-color:#fff;display:flex;margin-bottom:2rem;padding-left:2rem;padding-right:2rem;place-content:end space-between}.navigation-wrapper__logout-wrapper{align-self:center;display:flex}.navigation-wrapper__logout-wrapper__logo{height:1.5rem;padding-left:2rem;align-self:center}.navigation-wrapper__var-logo{height:2.5rem;align-self:center}:root{--onelife-green: #87C3B8;--onelife-yellow: #ECD751;--onelife-orange: #ECC457;--onelife-red: #E8A2A2;--onelife-purple: #9D7E98;--subtitle-color: grey;--filter-active: var(--onelife-red);--filter-active-fill: white;--row-bg-color: #E8E8E8;--default-button-hover-color: lightgrey;--default-button-active-color: white;--default-button-inactive-color: black;--default-button-inactive-bg: white}.onelife-wrapper{justify-content:center;min-width:1080px;max-width:1280px;margin:auto;display:grid;grid-gap:2rem;grid-template-columns:75% 25%}