.App{text-align:center}#root,.app,body,html{width:100%;background-color:var(--background-color);height:100%;padding:0;margin:0;overflow:hidden}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}::-webkit-scrollbar-thumb{background:hsla(0,0%,50.2%,.6);border-radius:15px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{display:none}*{scrollbar-color:hsla(0,0%,50.2%,.6) transparent;scrollbar-width:thin}.room-manager{position:relative;overflow:hidden;width:300px;min-height:250px}.room-manager .room-list{transition:var(--transition);display:absolute;width:300px;top:0;margin-left:0}.room-manager .room-list .home-occs-content{height:300px}.room-manager .room-creation{transition:var(--transition);margin-left:300px;top:0;width:300px;position:absolute}.room-manager.creation .room-list{margin-left:-300px}.room-manager.creation .room-creation{margin-left:0}.hocc-button{width:100%;margin-bottom:var(--margin)}.hocc-button button{transition:var(--transition);outline:none;cursor:pointer;padding:0;border:none;background-color:transparent;border-bottom:1px solid var(--color-fine);color:var(--color-fine)}.hocc-button button:hover{color:var(--color);border-bottom:1px solid var(--color)}.content{height:100%}.occ-deletion{max-width:300px}.occ-deletion .occ-content{text-align:center}.occ-deletion .occ-footer{padding-top:var(--padding);display:flex;justify-content:center}.renter-consumption .renter-consumption-title{color:var(--color-header);margin-bottom:var(--margin-big);font-size:var(--text-big);display:flex;justify-content:center}.renter-consumption .consumption-total{display:flex;margin-bottom:var(--margin-big);border-bottom:1px solid var(--color-fine);padding-bottom:var(--padding);align-items:center}.renter-consumption .consumption-total .consumption-total-label{flex-grow:1}.renter-consumption .renter-consumption-content .renter-consumption-item{display:flex;margin-bottom:var(--margin-big)}.renter-consumption .renter-consumption-content .renter-consumption-item:last-child{margin-bottom:0}.renter-consumption .renter-consumption-content .renter-consumption-item .renter-name{flex-grow:1;display:flex;justify-content:flex-start;align-items:center;margin-right:var(--margin)}.renter-consumption .renter-consumption-footer{margin-top:var(--margin);display:flex;justify-content:center}.hoccs-wrapper{height:100%}.hoccs-wrapper .hoccs-table{height:calc(100% - 47px)}.hoccs-wrapper .hoccs-creation-footer{display:flex;justify-content:flex-end}.hoccs-wrapper .hoccs-form{display:flex;justify-content:center}.home{display:grid;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;grid-template-rows:300px calc(100% - 300px);grid-template-columns:60% 40%;grid-template-areas:"headL headR" "footer footer"}@media(max-width:900px){.home{grid-template-areas:"headL headL" "footer footer"}}@media(max-height:800px){.home{grid-template-rows:-webkit-min-content fit-content(500px);grid-template-rows:min-content fit-content(500px)}}.home .home-metadata{grid-area:headL;position:relative;display:flex;justify-content:center;padding:0 40px 40px 0;overflow:auto;-webkit-overflow-scrolling:touch}@media(max-width:700px){.home .home-metadata{padding:0 0 40px}}@media(max-width:550px){.home .home-metadata{flex-direction:column;align-items:center}}.home .home-metadata .home-metadata-general{display:flex;align-items:center;margin-left:calc(var(--margin-big)*3)}@media(max-width:700px){.home .home-metadata .home-metadata-general{margin-left:var(--margin-big)}}@media(max-width:550px){.home .home-metadata .home-metadata-general{margin-left:0;margin-top:calc(var(--margin-big)*3)}}.home .home-metadata .home-metadata-general .home-infos{display:flex;margin-bottom:var(--margin-big)}.home .home-metadata .home-metadata-general .home-infos:last-child{margin:0}.home .home-metadata .home-metadata-general .home-infos .home-icon{margin-right:var(--margin)}.home .home-metadata .home-metadata-general .home-infos .home-icon i{font-size:60px}.home .home-metadata .home-metadata-general .home-infos .home-data{display:flex;flex-direction:column;justify-content:center}.home .home-metadata .home-metadata-general .home-infos .home-data span{color:var(--color)}.home .home-metadata .home-metadata-general .home-infos .home-data p{white-space:nowrap;font-size:var(--text-normal);color:var(--color-fine)}.home .home-metadata .home-metadata-house{display:flex;flex-direction:column;justify-content:center}.home .home-metadata .home-metadata-house .home-infos{display:flex;margin-bottom:calc(var(--margin-big)*3)}.home .home-metadata .home-metadata-house .home-infos:last-child{margin:0}.home .home-metadata .home-metadata-house .home-infos .home-icon{margin-right:var(--margin)}.home .home-metadata .home-metadata-house .home-infos .home-icon i{font-size:60px}.home .home-metadata .home-metadata-house .home-infos .home-data{display:flex;flex-direction:column;justify-content:center}.home .home-metadata .home-metadata-house .home-infos .home-data p{white-space:nowrap;font-size:var(--text-normal);color:var(--color-fine)}.home .home-metadata .home-metadata-house .home-infos .home-data #house-name{font-size:var(--text-big);color:var(--color)}.home .home-graphs{grid-area:headR}.home .home-graphs .img-wrapper{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.home .home-graphs .img-wrapper img{max-height:90%;max-width:100%}@media(max-width:900px){.home .home-graphs{display:none}}.home .home-occs{grid-area:footer}.home .home-occs .home-occs-wrapper{height:100%}.house-settings-popup{background-color:var(--background-color-item-popup);padding:0!important;width:100px}.house-settings-popup button{width:100%;background-color:transparent;margin:0;border:none;border-radius:0}.house-settings-popup button:hover{background-color:var(--background-color-hover)!important}#dashboard-user-nav-button{display:none}.dashboard-top-user-popup .user-header{border-bottom:var(--border);padding-bottom:var(--padding-small)}.dashboard-top-user-popup .user-header .user-name{color:var(--color-header);font-size:var(--text-big);font-weight:bolder}.dashboard-top-user-popup .user-header .user-email{color:var(--color-fine);font-size:var(--text-normal)}.dashboard-top-user-popup .user-content{padding:var(--padding) 0 0 0}.dashboard-top-user-popup .user-content button{font-size:var(--text-normal)!important;background-color:transparent;width:100%;margin:0;border:none}.dashboard-top-user-popup .user-content button:hover{background-color:var(--background-color-hover)}.dashboard{height:100%;width:100%;display:grid;grid-template-columns:80px calc(100% - 80px);grid-template-rows:80px calc(100% - 80px);grid-template-areas:"dub top" "left content";overflow:hidden;background-color:var(--background-color)}.dashboard .delete-dialog .delete-text{color:var(--color)}.dashboard .add-dialog-footer,.dashboard .delete-dialog .delete-footer{margin-top:var(--margin-big);display:flex;justify-content:flex-end}.dashboard .dashboard-top{grid-area:top;color:var(--color);display:flex;padding-right:50px;padding-left:20px}.dashboard .dashboard-top .dashboard-top-start{display:flex;align-items:center}.dashboard .dashboard-top .dashboard-top-start .dashboard-nav-button{display:none}.dashboard .dashboard-top .dashboard-top-start .form-input{margin:0;width:350px}@media(max-width:450px){.dashboard .dashboard-top .dashboard-top-start .form-input{width:200px}}.dashboard .dashboard-top .dashboard-top-start .house-settings{position:relative}.dashboard .dashboard-top .dashboard-top-start .house-settings .icon-button{height:39px;width:39px;margin-left:var(--margin-big)}.dashboard .dashboard-top .dashboard-top-start .house-settings.open .house-settings-popup{display:inline-block}.dashboard .dashboard-top .dashboard-top-end{flex-grow:1;display:flex;justify-content:flex-end;height:100%}.dashboard .dashboard-top .dashboard-top-end .dashboard-top-user{height:100%;position:relative}.dashboard .dashboard-top .dashboard-top-end .dashboard-top-user .dashboard-top-user-image{cursor:pointer;overflow:hidden;padding:var(--padding);height:calc(100% - var(--padding)*2)}.dashboard .dashboard-top .dashboard-top-end .dashboard-top-user .dashboard-top-user-image img{border-radius:50px;height:100%}.dashboard .dashboard-dub{grid-area:dub;color:var(--color);display:flex;justify-content:center;align-items:center;color:var(--color-header);font-size:var(--text-big);font-weight:700;overflow:hidden;padding:var(--padding)}.dashboard .dashboard-dub img{width:200%}.dashboard .dashboard-left{grid-area:left;color:var(--color);padding-bottom:50px;padding-top:20px}.dashboard .dashboard-left .vertical-navigation{background-color:transparent}.dashboard .dashboard-left .vertical-navigation .vertical-navigation-item{display:flex;justify-content:center;align-items:center;margin-bottom:var(--margin-big)}.dashboard .dashboard-left .vertical-navigation .vertical-navigation-item .vertical-navigation-item-button{border-radius:500px;display:inline-flex;width:60px;height:calc(60px - var(--padding)*2);border:var(--border);overflow:hidden}.dashboard .dashboard-left .vertical-navigation .vertical-navigation-item .vertical-navigation-item-button img{width:100%}.dashboard .dashboard-content{grid-area:content;border-radius:30px;margin:0 40px 40px 0;padding:var(--padding);background-color:var(--background-color-item);color:var(--color);box-shadow:inset 0 0 16px var(--shadow-color)}.dashboard .dashboard-content .basepage{padding:var(--padding);width:calc(100% - var(--padding)*2);height:calc(100% - var(--padding)*2);display:flex;flex-direction:column}.dashboard .dashboard-content .basepage .basepage-title{font-size:var(--text-bigger);color:var(--color-header);margin-bottom:var(--margin-big);font-weight:bolder}.dashboard .dashboard-content .basepage .basepage-content{overflow-y:hidden;padding:var(--padding);flex-grow:1}.dashboard .dashboard-content .basepage.safari{display:block}.dashboard .dashboard-content .basepage.safari .basepage-content{height:calc(100% - 43px)}@media(max-height:800px){.dashboard .home .home-content .home-metadata{padding-bottom:0}}@media(max-width:600px){.dashboard{width:calc(100% + 80px);grid-template-areas:"dub top top" "left content content";grid-template-columns:80px 50% 50%;grid-template-rows:80px calc(100% - 80px);margin-left:-80px;transition:margin .15s ease-in-out}.dashboard #dashboard-user-nav-button{display:flex}.dashboard.nav-open{margin-left:0}.dashboard.nav-open .dashboard-content{-webkit-filter:blur(2px);filter:blur(2px)}.dashboard .dashboard-top .dashboard-top-start .dashboard-nav-button{display:inline-block}.dashboard .dashboard-top .dashboard-top-end{display:none}.dashboard .home .home-content .home-metadata{padding-right:0}.dashboard .dashboard-content{transition:filter .15s ease-in-out;width:calc(100% - 160px + var(--padding)*2);margin:0 20px 20px}}.settings{display:flex;flex-wrap:wrap;grid-gap:2em;gap:2em;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings .settings-item{width:-webkit-max-content;width:-moz-max-content;width:max-content}.settings .settings-item .settings-title{display:flex;justify-content:center;padding:var(--padding);font-size:var(--text-big);margin-bottom:var(--padding-big);color:var(--color-header)}.settings .settings-item .settings-content{height:-webkit-min-content;height:-moz-min-content;height:min-content}.settings .settings-item .settings-footer{margin-top:var(--padding-big);display:flex;justify-content:center}.cookies-setting-content{display:flex;text-align:center;justify-content:center}.cookies-setting-footer{display:flex;justify-content:center;margin-top:var(--padding-big)}.impressum{overflow:hidden;max-width:400px}.impressum *{color:var(--color)}.impressum h3{margin-bottom:var(--margin-big)}.impressum span{font-weight:700}.impressum .fine{color:var(--color-fine)}.profile{display:flex;flex-wrap:wrap;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;grid-gap:2em;gap:2em}.profile .settings-item{width:-webkit-max-content;width:-moz-max-content;width:max-content}.profile .settings-item .settings-title{display:flex;justify-content:center;padding:var(--padding);font-size:var(--text-big);margin-bottom:var(--padding-big);color:var(--color-header)}.profile .settings-item .settings-content{height:-webkit-min-content;height:-moz-min-content;height:min-content}.profile .settings-item .settings-footer{margin-top:var(--padding-big);display:flex;justify-content:center}.personal-user{display:flex;grid-gap:var(--padding);gap:var(--padding)}.personal-user .change-password-validations{display:flex;flex-direction:column;justify-content:center}.personal-user .change-password-validations .change-password-validations-item{padding:var(--padding-small) 0}.personal-user .change-password-validations .NEUTRAL{color:var(--color-fine)}.personal-user .change-password-validations .VALID{color:var(--success)}.personal-user .change-password-validations .INVALID{color:var(--error)}:root{--color:#000;--color-header:#2e9afe;--color-header-fine:rgba(46,154,254,0.8);--color-header-raw:0,208,214;--color-secondary:#000;--color-fine:rgba(0,0,0,0.6);--text-bigger:1.8em;--text-big:1.5em;--text-normal:1em;--success:#55ff20;--warning:#fffb21;--error:#ff3131;--disabled:hsla(0,0%,39.2%,0.6);--background-color:#d9f6fb;--background-color-item:#bef2fb;--background-color-hover:hsla(0,0%,39.2%,0.15);--background-color-selected:hsla(0,0%,39.2%,0.3);--background-color-disabled:rgba(0,0,0,0.6);--background-color-highlighted:hsla(0,0%,39.2%,0.3);--background-color-item-popup:#fefefe;--border-radius:5px;--border-radius-small:2px;--border-width:1px;--border-color-strong:rgba(0,0,0,0.6);--border:1px solid rgba(0,0,0,0.3);--shadow-color:rgba(145,237,255,0.6666666666666666);--shadow-popover:0px 0px 16px #bcbcbc;--shadow:0px 0px 2px var(--shadow-color);--inner-shadow:inset 0px 0px 2px var(--shadow-color);--padding-big:15px;--padding:10px;--padding-small:5px;--padding-smaller:3px;--margin:5px;--margin-big:10px;--margin-small:3px;--transition:0.15s all ease-in-out;--fast-transition:0.075s all ease-in-out;--slow-transition:0.3s all ease-in-out}@media(prefers-color-scheme:dark){:root{--color:#fff;--color-header:#2e9afe;--color-header-fine:rgba(46,154,254,0.6);--color-header-raw:0,208,214;--color-secondary:#000;--color-fine:hsla(0,0%,100%,0.6);--text-bigger:1.8em;--text-big:1.5em;--text-normal:1em;--success:#19910e;--warning:#fffb21;--error:#ff4050;--disabled:hsla(0,0%,39.2%,0.6);--background-color:#1c1c1c;--background-color-item:#424242;--background-color-hover:hsla(0,0%,100%,0.15);--background-color-selected:hsla(0,0%,100%,0.3);--background-color-disabled:rgba(0,0,0,0.6);--background-color-highlighted:#646464;--background-color-item-popup:#707070;--border-radius:5px;--border-radius-small:2px;--border-width:1px;--border-color-strong:hsla(0,0%,100%,0.6);--border:1px solid hsla(0,0%,100%,0.3);--shadow-popover:0px 0px 16px #000;--shadow-color:hsla(0,0%,43.1%,0.6666666666666666);--shadow:0px 0px 2px var(--shadow-color);--inner-shadow:inset 0px 0px 2px var(--shadow-color);--padding-big:15px;--padding:10px;--padding-small:5px;--padding-smaller:3px;--margin:5px;--margin-big:10px;--margin-small:3px;--transition:0.15s all ease-in-out;--fast-transition:0.075s all ease-in-out;--slow-transition:0.3s all ease-in-out}}
/*# sourceMappingURL=main.cd69f563.chunk.css.map */