@font-face{font-family:ratio;src:url(../media/ratio_regular-s.p.17d57ea7.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:ratio;src:url(../media/ratio_medium-s.p.7d6c63c2.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:ratio Fallback;src:local(Arial);ascent-override:93.37%;descent-override:30.18%;line-gap-override:0.0%;size-adjust:106.03%}.ratio_e34723b0-module__FqTgxW__className{font-family:ratio,ratio Fallback}
html,body{background-blend-mode:multiply;will-change:filter;background-color:#a1a1a1;background-image:url(../media/background.cf108148.jpg);background-position:50%;background-size:cover;background-attachment:fixed}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;letter-spacing:.5px;margin:0;font-family:Ratio,sans-serif;overflow:hidden}:root{--view-gap:2.3vw;--view-gap-h:2.3vw;--entities-gap:.7vw;--footer-gap:2.3vw;--n-view-column:4;--view-column:repeat(var(--n-view-column),calc((100% - calc((var(--n-view-column) - 1)*var(--view-gap)))/var(--n-view-column)));--n-view-column-camere:2;--view-column-camere:repeat(var(--n-view-column-camere),calc((100% - calc((var(--n-view-column-camere) - 1)*var(--view-gap)))/var(--n-view-column-camere)));--group-heading:1.33vw;--button-padding:.8vw;--n-group-column:2;--group-column:repeat(var(--n-group-column),calc((100% - calc((var(--n-group-column) - 1)*var(--entities-gap)))/var(--n-group-column)));--popup-padding:1.4vw;--popup-heading-font-size:1.2vw;--popup-conent-font-size:1.05vw;--view-gap-tablet:calc((var(--view-gap))*1.1);--entities-gap-tablet:calc((var(--entities-gap))*1.5);--footer-gap-tablet:calc((var(--footer-gap))*1.3);--view-gap-tablet-h:calc((var(--view-gap-h))*1.1);--n-view-column-tablet:3;--view-column-tablet:repeat(var(--n-view-column-tablet),calc((100% - calc((var(--n-view-column-tablet) - 1)*var(--view-gap-tablet)))/var(--n-view-column-tablet)));--group-heading-tablet:calc((var(--group-heading))*1.3);--button-padding-tablet:calc((var(--button-padding))*1.3);--n-group-column-tablet:2;--group-column-tablet:repeat(var(--n-group-column-tablet),calc((100% - calc((var(--n-group-column-tablet) - 1)*var(--entities-gap-tablet)))/var(--n-group-column-tablet)));--popup-padding-tablet:calc((var(--popup-padding))*1.3);--popup-heading-font-size-tablet:calc((var(--popup-heading-font-size))*1.5);--popup-conent-font-size-tablet:calc((var(--popup-conent-font-size))*1.5);--view-gap-mobile:calc((var(--view-gap))*2.8);--entities-gap-mobile:calc((var(--entities-gap))*3.5);--footer-gap-mobile:calc((var(--footer-gap))*2);--view-gap-mobile-h:calc((var(--view-gap-h))*1.5);--n-view-column-mobile:1;--view-column-mobile:repeat(var(--n-view-column-mobile),calc((100% - calc((var(--n-view-column-mobile) - 1)*var(--view-gap-mobile)))/var(--n-view-column-mobile)));--group-heading-mobile:calc((var(--group-heading))*3.6);--button-padding-mobile:calc((var(--button-padding))*3.2);--n-group-column-mobile:3;--group-column-mobile:repeat(var(--n-group-column-mobile),calc((100% - calc((var(--n-group-column-mobile) - 1)*var(--entities-gap-mobile)))/var(--n-group-column-mobile)));--popup-padding-mobile:calc((var(--popup-padding))*3.2);--popup-heading-font-size-mobile:calc((var(--popup-heading-font-size))*4);--popup-conent-font-size-mobile:calc((var(--popup-conent-font-size))*4)}*{-ms-overflow-style:none}::-webkit-scrollbar{display:none}.halloween{z-index:10;width:100%;height:100%;position:absolute}.halloween .image_3{object-fit:contain;opacity:.6;z-index:12;width:160px;height:fit-content;position:absolute;bottom:10%;left:8%;transform:rotate(8deg)}.halloween .image_4{object-fit:contain;opacity:.5;z-index:12;width:250px;height:fit-content;position:absolute;bottom:3%;right:6%;transform:rotate(-10deg)}.halloween .blood{object-fit:contain;opacity:.3;z-index:11;filter:blur(5px);width:100%;height:fit-content;position:absolute;top:0;transform:translateY(-30%)}.generalSkeleton{background-color:#9da0a2;border-radius:999px;width:33%;height:60%;position:relative;overflow:hidden}.bubbleIconSkeleton{background-color:#9da0a2;border-radius:999px;width:20%;height:40%;position:relative;overflow:hidden}.bubbleTextSkeleton{background-color:#9da0a2;border-radius:999px;width:40%;height:20px;position:relative;overflow:hidden}.bubbleButtonSkeleton{background-color:#9da0a2;border-radius:14px;width:100%;height:50px;position:relative;overflow:hidden}.shimmer{color:#fff;background-repeat:no-repeat;display:inline-block;-webkit-mask:linear-gradient(-60deg,#616161 30%,#0005,#000 70%) 100%/300% 100%;mask:linear-gradient(-60deg,#616161 30%,#0005,#000 70%) 100%/300% 100%}@keyframes shimmer{to{-webkit-mask-position:0}}.AppContainer{flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100svh;transition:all .2s;display:flex;overflow:hidden}.Home,.Allarme,.Loading{pointer-events:auto;background-position:50%;flex-direction:row;justify-content:center;width:100%;height:100%;display:flex}.Loading{color:#d0d8e0;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100vw;height:100vh}.Interface{flex-direction:column;flex-grow:1;justify-content:flex-start;display:flex;overflow:hidden scroll}.AllarmeKeypad{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:18vw;padding:35px;display:flex;position:relative}.AllarmeKeypad input[type=password]{aspect-ratio:4;text-align:center;color:#d0d8e0;background-color:#73737340;border:none;border-radius:24px;outline:none;width:60%;font-size:1.7vw;box-shadow:0 5px 5px #00000003}.AllarmeKeypad .lds-dual-ring{position:absolute;bottom:0}.AllarmeKeypad .keypad{grid-gap:10px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);align-items:center;width:100%;display:grid}.AllarmeKeypad .keypad button{color:#d0d8e0f2;aspect-ratio:1;cursor:pointer;background-color:#73737340;border:none;border-radius:24%;justify-content:center;align-items:center;font-size:100%;transition:all .2s;display:flex;box-shadow:0 5px 5px #00000003}.AllarmeKeypad .keypad button:hover{transform:scale(1.02)}.AllarmeKeypad .keypad button:active{color:#4b5254;background-color:#ffffffd9}.AllarmeKeypad .keypad button.zero{grid-column:2}.AllarmeKeypad .keypad button.delete{background-color:#7a211d62;grid-column:3}.AllarmeKeypad .keypad button.delete:hover{color:#d0d8e0;background-color:#d93226ad}.AllarmeKeypad .keypad button.delete svg{width:50%;height:50%}.AllarmeKeypad .keypad button svg{width:60%;height:60%}.View{grid-template-columns:var(--view-column);row-gap:var(--view-gap);column-gap:var(--view-gap);padding:var(--view-gap)var(--view-gap-h);flex-grow:1;grid-auto-rows:min-content;place-items:start center;display:grid}.View.ViewCamere{grid-template-columns:var(--view-column-camere)}.View.ViewSingleCamera{grid-template-columns:100%}.View.hide{display:none}.View.ViewEnergy{display:unset}.View.ViewEnergy>iframe{border:none;border-radius:24px;width:100%;height:100%}.Sidebar{color:#6a7377;background-color:#0000000f;border-right:.5px solid #85858546;flex-direction:column;flex-shrink:0;flex-basis:20%;width:20%;font-size:1vw;font-weight:300;line-height:1.32;display:flex;position:sticky;top:0}.Sidebar .SidebarTop{padding:var(--view-gap);flex-direction:column;flex-grow:1;align-items:flex-start;gap:25px;display:flex;overflow:hidden;-webkit-mask:linear-gradient(#0000,#000 0% 90%,#0000);mask:linear-gradient(#0000,#000 0% 90%,#0000)}.Sidebar .SidebarFooter{height:70px;padding:var(--view-gap);flex-direction:row;justify-content:center;display:flex}.Sidebar .SidebarContent{flex-direction:column;align-items:flex-start;gap:25px;padding-bottom:50px;display:flex;overflow:scroll}.Sidebar .entityBold{color:#d0d8e0}.Sidebar .sidebarTime{color:#d0d8e0;margin:0;font-size:6vw;font-weight:600}.Sidebar .sidebarGreetings{color:#d0d8e0}.Sidebar .sidebarTimer{flex-direction:column;font-size:1.3vw;display:flex}.Sidebar .sidebarTimer .timer{color:#d0d8e0}.Sidebar .Notion{flex-direction:column;gap:25px;width:100%;display:flex}.Sidebar .Notion .title{color:#6a7377}.Sidebar .Notion .content{flex-flow:column;gap:3px;display:flex}.Sidebar .Notion .content span{text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:15px;display:flex;overflow:hidden}.Sidebar .sidebarCompitiGiornalieri,.Sidebar .sidebarCompitiPassati,.Sidebar .sidebarBollette{cursor:pointer;flex-direction:column;gap:3px;display:flex}.Sidebar .sidebarCompitiGiornalieri .content,.Sidebar .sidebarBollette .content{color:#d0d8e0}.Sidebar .sidebarCompitiPassati .content{color:#cd4e4e}.Sidebar .Notion .img_avatar_notion{aspect-ratio:1;width:1.5vw;height:unset;object-fit:cover;border:1px solid #377dac;border-radius:999px;margin:0 -10px}.Sidebar .People{flex-direction:row;justify-content:center;align-items:center;gap:10px;display:flex}.Sidebar .People .person{aspect-ratio:1;z-index:100;justify-content:center;width:3vw;display:flex;position:relative}.Sidebar .People>:first-child,.Sidebar .People>:last-child{position:unset}.Sidebar .People>:first-child .popupPerson{left:10%}.Sidebar .People>:last-child .popupPerson{right:10%}.Sidebar .People .person img{cursor:pointer;width:100%;height:unset;border:2px solid #fff3;border-radius:9999px;display:block;box-shadow:0 2px 4px #0000001a}.Sidebar .People .person.active img{border:2px solid #377dac}.Sidebar .People .popupPerson{color:#6a7377;align-items:left;text-wrap:nowrap;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#73737340;border-radius:4px;flex-direction:column;gap:15px;margin:auto;padding:15px;transition:all .2s;display:flex;position:absolute;transform:translateY(calc(-100% - 15px))}.Sidebar .People .popupPerson span{cursor:pointer;text-wrap:nowrap;white-space:nowrap;flex-direction:row;align-items:center;gap:5px;font-size:1vw;display:flex}.Sidebar .People .popupPerson span i{display:flex}.Sidebar .popupExit{z-index:90;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.Sidebar .arrow-up{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:10px solid #73737340;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;margin:auto;position:absolute;transform:translateY(calc(-100% - 5px))}.Sidebar .sidebarWeather{flex-direction:column;gap:5px;display:flex}.Sidebar .sidebarWeather .tempoOggi{color:#fff;font-weight:400}.PopupContainerExit{z-index:10;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed}.Popup{z-index:20;background-color:#1c1c1c;border-radius:24px;flex-direction:column;align-self:center;width:30vw;max-height:80vh;transition:opacity .2s;display:flex;position:fixed;overflow:hidden;box-shadow:0 2px 4px #0000001a}.Sidebar svg{position:relative;top:.125em;font-size:inherit!important}.Popup .popupHeader{color:#d0d8e0;padding:var(--popup-padding)0;border-bottom:1px solid #fff3;flex-direction:row;align-items:center;gap:10px;display:flex}.Popup .popupHeader .closeTag{margin-left:var(--popup-padding);cursor:pointer;width:7%;margin-bottom:-5px;transition:all .2s}.Popup .popupHeader .closeTag svg{fill:#d0d8e0;width:100%}.Popup .popupHeader .closeTag:hover{transform:scale(1.1)}.Popup .popupHeader .popupName{font-size:var(--popup-heading-font-size);font-weight:500}.Popup .popupContent{padding:var(--popup-padding);color:#d0d8e091;font-size:var(--popup-conent-font-size);--bg:#1c1c1c;--bgTrans:#1c1c1c00;--shadow:#000c;background:  linear-gradient(var(--bg)30%,var(--bgTrans))center top,linear-gradient(var(--bgTrans),var(--bg)70%)center bottom,radial-gradient(farthest-side at 50% 0,var(--shadow),#0000)center top,radial-gradient(farthest-side at 50% 100%,var(--shadow),#0000)center bottom;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 20px,100% 20px;background-attachment:local,local,scroll,scroll;flex-direction:column;justify-content:flex-start;align-items:center;row-gap:20px;height:100%;font-weight:400;display:flex;position:relative;overflow:hidden scroll}.Popup .popupEntityContainerHeader{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.Popup .popupEntityContainer{flex-direction:row;justify-content:flex-start;gap:10px;width:100%;display:flex}.Popup .toggleEntityButton{border:2px solid #7b7b7b4d;border-radius:9999px;width:30px;height:30px;padding:10px;display:flex}.Popup .toggleEntityButton:hover{cursor:pointer;background-color:#7b7b7b4d}.Popup .toggleEntityButton svg{width:70%;margin:auto}.Popup .entityInfo{flex-direction:column;justify-content:center;display:flex}.Popup .colorPickerContainer{flex-direction:column;justify-content:space-evenly;gap:50px;width:100%;padding:50px 0;display:flex}.Popup .colorPickerContainer .picker{flex-direction:column;justify-content:center;align-items:center;gap:10px;height:240px;display:flex}.Popup .colorPickerContainer .colorPickerButtons{justify-content:center;gap:10px;display:flex}.Popup .colorPickerContainer .colorPickerButton{cursor:pointer;aspect-ratio:1;background-color:#7b7b7b1a;border-radius:4px;flex-shrink:1;width:15%;max-width:50px;display:flex}.Popup .colorPickerContainer .colorPickerButton.active,.Popup .colorPickerContainer .colorPickerButton:hover{background-color:#7b7b7b4d}.Popup .colorPickerContainer .colorPickerButton svg{width:50%;margin:auto}.Popup .colorPickerContainer .colorPickerButton svg path{fill:#d0d8e0}.Popup .AllCovers{padding:var(--popup-padding)0;flex-direction:column;align-items:center;gap:20px;display:flex;width:80%!important}.Popup .sliderCoverContainer{width:100%;height:80%;padding:var(--popup-padding)0;flex-direction:column;align-items:center;gap:10px;display:flex}.Popup .sliderCoverContainer.horizontal{align-items:start;padding:0}.Popup .AllCovers .allCoversButtons{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.Popup .AllCovers .allCoversButtons .Controls{justify-content:center;gap:10px;width:100%;display:flex}.Popup .AllCovers .allCoversButtons .Controls .allCoversButton{cursor:pointer;aspect-ratio:1;background-color:#7b7b7b1a;border-radius:4px;flex-shrink:1;width:20%;max-width:50px;display:flex}.Popup .AllCovers .allCoversButtons .Controls .allCoversButton.active,.Popup .AllCovers .allCoversButtons .Controls .allCoversButton:hover{background-color:#7b7b7b4d}.Popup .AllCovers .allCoversButtons .Controls .allCoversButton svg{width:50%;margin:auto}.Popup .AllCovers .allCoversButtons .Controls .allCoversButton svg path{fill:#d0d8e0}.Popup .AllCovers .allCoversButtons .buttonZanzariera{justify-content:center;width:80%}.Popup .AllCovers .slider-host{min-width:unset!important}.Popup .buttonZanzariera{cursor:pointer;border:1px solid #fff3;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.Popup .buttonZanzariera:active{background-color:#7b7b7b4d}.Popup .AllarmeKeypad{width:70%!important}.Popup .AllarmeKeypad .alarmPickerButtons{justify-content:center;gap:10px;width:100%;display:flex}.Popup .AllarmeKeypad .alarmPickerButtons .alarmPickerButton{cursor:pointer;aspect-ratio:1;background-color:#7b7b7b1a;border-radius:4px;flex-shrink:1;width:20%;max-width:50px;display:flex}.Popup .AllarmeKeypad .alarmPickerButtons .alarmPickerButton.active,.Popup .AllarmeKeypad .alarmPickerButtons .alarmPickerButton:hover{background-color:#7b7b7b4d}.Popup .AllarmeKeypad .alarmPickerButtons .alarmPickerButton svg{width:50%;margin:auto}.Popup .AllarmeKeypad .alarmPickerButtons .alarmPickerButton svg path{fill:#d0d8e0}.Popup .NotionPopup{flex-direction:column;gap:25px;width:100%;padding:10px;font-size:1.1vw;font-weight:400;display:flex}.Popup .NotionPopup .boxes{flex-direction:column;gap:5px;display:flex}.Popup .NotionPopup .checkElement{white-space:nowrap;color:#d0d8e0;border:1px solid #fff3;border-radius:14px;flex-direction:row;align-items:center;gap:5px;padding:15px;font-size:1.2vw;display:flex;position:relative}.Popup .VerifyWindowsPopup{text-align:center;flex-direction:column;gap:20px;padding:5% 20%;display:flex}.Popup .VerifyWindowsPopup .titleWarning{font-size:120%;font-weight:600}.Popup .VerifyWindowsPopup .entityBold{color:#d0d8e0;font-weight:500}.Popup .Navbar{margin-top:calc(var(--popup-padding)*-1);width:calc(100% + var(--popup-padding)*2);flex-direction:row;height:40px;display:flex;box-shadow:0 5px 5px #0000001a}.Popup .Navbar .NavButton{text-transform:uppercase;color:#d0d8e0;cursor:pointer;background-color:#0000;border:none;flex:1;font-size:12px;font-weight:600}.Popup .Navbar .NavButton.active{background-color:#fff3}.Popup .TimerCard{flex-direction:column;gap:20px;width:100%;display:flex}.Popup .TimerCard .row{justify-content:space-between;align-items:center;height:40px;display:flex}.Popup .TimerCard .sliderRow{flex-direction:row;align-items:center;gap:10px;width:50%;display:flex}.Popup .TimerCard .sliderRow>.Indicator{flex-shrink:0;width:30px}.Popup .mediaCardContainer{width:100%}.Group{flex-direction:column;row-gap:15px;width:100%;height:100%;margin:-15px;padding:15px;display:flex;overflow:hidden}.Group .GroupHeader{flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-height:2.5vw;display:flex}.Group .GroupHeader .groupHeading{color:#d0d8e0;font-size:var(--group-heading);align-items:center;gap:3px;margin:0;font-weight:500;display:flex}.Group .GroupHeader .groupHeading svg{font-size:var(--group-heading)!important}.Group .GroupHeader .groupHeading.clickable{cursor:pointer}.Group .GroupHeader .stateBubble{color:#d0d8e0;border:1px solid #fff3;border-radius:9999px;flex-direction:row;justify-content:center;align-items:center;column-gap:3px;width:min-content;height:90%;padding:0 3px;display:flex}.Group .GroupHeader .stateBubble svg{fill:#d0d8e0;height:50%;font-size:unset}.Group .GroupHeader .stateBubble .state{color:#d0d8e0;margin-right:6px;font-size:1vw;font-weight:400}.Group .GroupSwiper{scroll-snap-type:x mandatory;flex-flow:row;column-gap:10px;height:100%;margin:-20px;padding:20px;display:flex;overflow:scroll}.Group .GroupEntities{grid-template-columns:var(--group-column);gap:var(--entities-gap);scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;grid-template-rows:1fr 1fr;width:100%;height:100%;display:grid;overflow:visible}.Group .GroupEntity{gap:var(--entities-gap);scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;grid-template-rows:1fr;grid-template-columns:100%;width:100%;height:100%;display:grid}.Group .GroupEntity .groupButton{aspect-ratio:unset}.groupButton{box-sizing:border-box;aspect-ratio:1;width:100%;height:100%;padding:var(--button-padding);cursor:pointer;border:none;border-radius:18px;flex-direction:column;justify-content:space-between;transition:all .4s;display:flex;position:relative;box-shadow:0 5px 5px #00000003}.groupButton.clicked{transform:scale(.92)!important}.groupButton.block-click{pointer-events:none}.groupButton.block-click:hover{pointer-events:none;transform:none}.groupButton.onState{color:#4b5254;background-color:#ffffffd9}.groupButton.offState{color:#d0d8e0e6;background-color:#73737340}.groupButton.onState .buttonHeader{color:#969696}.groupButton.onState .buttonHeader.white_icon{color:#fff}.groupButton.offState .buttonHeader{color:#aaa}.groupButton .buttonHeader{flex-direction:row;justify-content:space-between;align-items:flex-start;height:50%;padding:8% 4% 0;display:flex}.groupButton .buttonHeader>svg{width:35%;height:60%}.groupButton .buttonHeader .buttonCircle{aspect-ratio:1;color:#fff;text-align:center;background:#9696964d;border-radius:9999px;flex-wrap:wrap;place-content:center;width:30%;max-width:30px;font-size:.67vw;font-weight:300;transition:all .1s;display:flex}.groupButton .buttonHeader .buttonCircle:active{background:#969696;transform:scale(1.05)}.groupButton .buttonHeader .buttonCircle svg{height:auto;width:70%!important}.groupButton .buttonFooter{will-change:transform;flex-direction:row;display:flex;overflow:hidden}.groupButton .buttonFooter.blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:calc(var(--button-padding)*1);margin:calc(var(--button-padding)*-1);border-radius:0 0 18px 18px}.groupButton .buttonFooter .ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.groupButton .buttonFooter .leftFooter{flex-direction:column;min-width:50%;display:flex}.groupButton .buttonFooter .leftFooter .buttonName{font-size:.8vw;font-weight:500}.groupButton .buttonFooter .leftFooter .buttonState{font-size:.75vw;font-weight:400}.groupButton .buttonFooter .leftFooter .buttonStateSong{white-space:nowrap;will-change:transform;font-size:.75vw;font-weight:500}@keyframes scroll{0%{transform:translate(100%)}to{transform:translate(-200%)}}.groupButton .buttonFooter .rightFooter{flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-end;display:flex}.groupButton .buttonFooter .rightFooter .buttonTimer{font-size:.7vw;font-weight:500}.groupButton .lds-dual-ring{position:absolute;bottom:5px;right:5px}.Camera{aspect-ratio:16/9;color:#d0d8e0;background-color:#7b7b7b4d;border-radius:14px;justify-content:flex-end;align-items:center;width:100%;display:flex;position:relative}.Camera .camera-stream{border:none;border-radius:14px}.Camera .ControlCameraButtons{aspect-ratio:1;background-color:#0000004d;border-radius:9999px;justify-content:center;align-items:center;width:20%;margin:20px;display:flex;position:absolute;box-shadow:0 5px 5px #00000003}.Camera .ControlCameraButtons svg{fill:#d0d8e0;width:100%;height:100%;margin:auto}.Camera .ControlCameraButtons .Arrow{cursor:pointer;width:33%;height:33%;padding:3px;position:absolute}.Camera .ControlCameraButtons .Up{top:0}.Camera .ControlCameraButtons .Right{right:0}.Camera .ControlCameraButtons .Down{bottom:0}.Camera .ControlCameraButtons .Left{left:0}.Camera .RefreshButton{aspect-ratio:1;cursor:pointer;background-color:#0000004d;border-radius:9999px;justify-content:center;align-items:center;width:10%;margin:20px;display:flex;position:absolute;top:0;left:0;box-shadow:0 5px 5px #00000003}.Camera .RefreshButton svg{fill:#d0d8e0;width:80%;height:80%;position:absolute}.Heading{padding:var(--view-gap)var(--view-gap-h)0;color:#fff;flex-direction:row;justify-content:space-between;align-items:center;display:none}.Heading h1{font-weight:500;font-size:var(--group-heading);text-transform:capitalize;align-items:center;gap:16px;margin:0;display:flex}.Heading h1 span{line-height:0}.Heading h1 span>svg{aspect-ratio:1;background-color:#0000;border-radius:999px;padding:5px;transition:all .3s;font-size:16px!important}.Heading h1 span>svg:hover{background-color:#fff3}.Heading>span{display:none}.FooterContainer{flex-shrink:0;width:100%;height:fit-content;overflow-x:scroll}.Footer{padding:var(--view-gap)var(--view-gap-h)0;justify-content:flex-start;align-items:center;column-gap:var(--footer-gap);flex-wrap:nowrap;flex-shrink:0;width:fit-content;display:flex}.footerButton{aspect-ratio:3;cursor:pointer;border-radius:9999px;flex-direction:row;justify-content:center;align-items:center;column-gap:10px;width:10vw;transition:all .2s;display:flex;box-shadow:0 5px 5px #00000003}.footerButton:hover{transform:scale(1.05)}.footerButton.onState{color:#4b5254;background-color:#ffffffd9}.footerButton.offState{color:#d0d8e0;background-color:#73737340}.footerButton svg{fill:#9da0a2;width:15%}.footerButton .buttonName{font-size:1vw;font-weight:400}.footerContainer{overflow:scroll}.colorAreaContainer{display:flex}.clock-container{color:#ffffff80;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.clock-container .clock-time{z-index:9999;margin:0;font-size:25vw;line-height:25vw}.clock-container .clock-date{z-index:9999;font-size:3vw}.clock-container .clock-notion{z-index:9999;font-size:1.3vw}.frase-tablet{font-size:3.3vw}.lds-dual-ring{display:inline-block}.lds-dual-ring:after{content:" ";border:2px solid #a5a5a5;border-color:#a5a5a5 #0000;border-radius:50%;width:15px;height:15px;margin:8px;animation:1.2s linear infinite lds-dual-ring;display:block}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:1024px){.View{grid-template-columns:var(--view-column-tablet);row-gap:var(--view-gap-tablet);column-gap:var(--view-gap-tablet);padding:var(--view-gap-tablet)var(--view-gap-tablet-h)}.AllarmeKeypad{width:24vw}.AllarmeKeypad input[type=password]{font-size:2vw}.Sidebar{flex-basis:25%;width:25%;font-size:1.2vw}.Sidebar .SidebarTop,.Sidebar .SidebarFooter{padding:var(--view-gap-tablet)}.Sidebar .sidebarTime{font-size:7.5vw}.Sidebar .People .person{width:4vw}.Sidebar .People .popupPerson span{font-size:1.4vw}.Group .GroupHeader{min-height:4vw}.Group .GroupHeader .groupHeading{font-size:var(--group-heading-tablet)}.Group .GroupHeader .groupHeading svg{font-size:var(--group-heading-tablet)!important}.Group .GroupHeader .stateBubble .state{font-size:1.23vw}.Group .GroupEntities{grid-template-columns:var(--group-column-tablet);row-gap:var(--entities-gap-tablet);column-gap:var(--entities-gap-tablet)}.groupButton{padding:var(--button-padding-tablet)}.groupButton .buttonFooter .leftFooter .buttonName{font-size:1.2vw}.groupButton .buttonFooter .leftFooter .buttonState,.groupButton .buttonFooter .leftFooter .buttonStateSong,.groupButton .buttonFooter .rightFooter .buttonTimer{font-size:1.05vw}.groupButton .buttonFooter.blur{padding:calc(var(--button-padding-tablet)*1);margin:calc(var(--button-padding-tablet)*-1)}.groupButton .buttonHeader svg{margin-top:unset}.groupButton .buttonHeader .buttonCircle{font-size:.9vw}.Heading{padding:var(--view-gap-tablet)var(--view-gap-tablet-h)0}.Heading h1{font-size:var(--group-heading-tablet)}.Footer{padding:var(--view-gap-tablet)var(--view-gap-tablet-h)0;column-gap:var(--footer-gap-tablet)}.footerButton{width:12vw}.footerButton .buttonName{font-size:1.2vw;font-weight:500}.Popup{width:40vw;max-height:70vh}.Popup .popupHeader{padding:var(--popup-padding-tablet)0}.Popup .popupHeader .closeTag{margin-left:var(--popup-padding-tablet)}.Popup .popupHeader .popupName{font-size:var(--popup-heading-font-size-tablet)}.Popup .popupContent{padding:var(--popup-padding-tablet);font-size:var(--popup-conent-font-size-tablet)}.Popup .AllarmeKeypad{width:60%!important}.Popup .NotionPopup{font-size:1.5vw}.Popup .NotionPopup .boxes .checkElement{font-size:1.6vw}.Popup .Navbar{margin-top:calc(var(--popup-padding-tablet)*-1);width:calc(100% + var(--popup-padding-tablet)*2)}:hover{transform:unset!important}}@media screen and (max-width:767px){:root{--n-group-column:var(--n-group-column-mobile)}.View{grid-template-columns:var(--view-column-mobile);row-gap:var(--view-gap-mobile);column-gap:var(--view-gap-mobile);padding:var(--view-gap-mobile)var(--view-gap-mobile-h)}.View.ViewCamere{grid-template-columns:1fr}.AllarmeKeypad{width:75vw}.AllarmeKeypad input[type=password]{font-size:4vw}.Sidebar.hidden{box-shadow:none;transform:translate(-75vw)}.Sidebar.visible{transform:translate(0);box-shadow:10px 0 100px #000}.Sidebar{background-blend-mode:multiply;will-change:filter;z-index:99;background-color:#000000b3;background-image:url(../media/background.cf108148.jpg);background-size:cover;border-radius:0 28px 28px 0;width:70vw;height:100dvh;font-size:3.5vw;transition:all .5s;display:flex;position:absolute;left:0}.Sidebar .sidebarTime{font-size:16vw}.Sidebar .People .person{width:8.6vw}.Sidebar .People .popupPerson span{font-size:3.2vw}.Sidebar .Notion .img_avatar_notion{width:3.8vw}.sidebarExit{z-index:80;width:100%;height:100%;position:absolute;top:0;left:0}.Interface{width:100vw}.Group .GroupHeader{min-height:10vw}.Group .GroupHeader .groupHeading{font-size:var(--group-heading-mobile)}.Group .GroupHeader .groupHeading svg{font-size:var(--group-heading-mobile)!important}.Group .GroupHeader .stateBubble .state{font-size:3.6vw}.Group .GroupEntities{grid-template-columns:var(--group-column-mobile);row-gap:var(--entities-gap-mobile);column-gap:var(--entities-gap-mobile)}.groupButton{padding:var(--button-padding-mobile)}.groupButton .buttonFooter .leftFooter .buttonName{font-size:3vw}.groupButton .buttonFooter .leftFooter .buttonState,.groupButton .buttonFooter .leftFooter .buttonStateSong,.groupButton .buttonFooter .rightFooter .buttonTimer{font-size:2.6vw}.groupButton .buttonFooter.blur{padding:calc(var(--button-padding-mobile)*1);margin:calc(var(--button-padding-mobile)*-1)}.groupButton .buttonHeader .buttonCircle{font-size:2.6vw}.Heading{padding:var(--view-gap-mobile)var(--view-gap-mobile-h);z-index:10;background:linear-gradient(#000,#000000c2,#0000);display:flex;position:sticky;top:0}.Heading h1{font-size:var(--group-heading-mobile)}.Heading>span{display:block}.Footer{padding:0 var(--view-gap-mobile-h)0;column-gap:var(--footer-gap-mobile)}.footerButton{width:33vw}.footerButton .buttonName{font-size:3.2vw;font-weight:500}.Popup{width:90vw;max-height:90vh}.Popup .popupHeader{padding:var(--popup-padding-mobile)0}.Popup .popupHeader .closeTag{margin-left:var(--popup-padding-mobile)}.Popup .popupHeader .popupName{font-size:var(--popup-heading-font-size-mobile)}.Popup .popupContent{padding:var(--popup-padding-mobile);font-size:var(--popup-conent-font-size-mobile)}.Popup .Navbar{margin-top:calc(var(--popup-padding-mobile)*-1);width:calc(100% + var(--popup-padding-mobile)*2)}.Popup .AllCovers{width:100%!important}.Popup .AllarmeKeypad{width:80%!important}.Popup .NotionPopup{font-size:4vw}.Popup .NotionPopup .boxes .checkElement{font-size:4.1vw}.ControlCameraButtons{width:25%}:hover{transform:unset!important}}.temperature-control{flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}.temperature-display{margin-bottom:16px;font-size:24px;font-weight:700}.temperature-slider{transform-origin:50%;width:100%;height:10px}