@layer components{.front.monitoring{&{--monitoring-size:min(calc(1 * var(--fr)),0.5208333333vw);color:#fff;background:#060910;letter-spacing:0}@media (max-width:1024px){&{--monitoring-size:calc(0.875 * var(--fr))}}@media (max-width:600px){&{--monitoring-size:calc(0.8 * var(--fr))}}& :where(div,section,figure,dl,dt,dd,h1,h2,p,span,time,a){letter-spacing:0}.monitoring-footer,.monitoring-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#212328 21.717%,#000 197.75%);box-shadow:inset 0 calc(-.1 * var(--fr)) #1f2127}.monitoring-header{min-height:calc(10.2 * var(--fr));padding:calc(2.4 * var(--monitoring-size)) calc(4 * var(--monitoring-size));gap:calc(2.4 * var(--monitoring-size))}@media (max-width:1024px){.monitoring-header{flex-wrap:wrap}}.monitoring-header__brand{display:flex;align-items:center}@media (max-width:600px){.monitoring-header__brand{flex-wrap:wrap;gap:calc(1.2 * var(--fr))}}.monitoring-header__logo{display:flex;flex:0 0 calc(18.3 * var(--monitoring-size));align-items:center;height:calc(3.9 * var(--monitoring-size))}.monitoring-header__logo img{display:block;width:100%;height:auto}.monitoring-header__description{width:calc(24.6 * var(--monitoring-size));font-weight:700;white-space:nowrap}.monitoring-header__description h1{font-size:calc(2.4 * var(--monitoring-size));line-height:calc(3 * var(--monitoring-size));letter-spacing:calc(-.2 * var(--monitoring-size))}.monitoring-header__description p{color:#c6c6c6;font-size:calc(1.6 * var(--monitoring-size));line-height:calc(2.4 * var(--monitoring-size));letter-spacing:calc(-.1 * var(--monitoring-size))}.monitoring-header__information{display:flex;align-items:center;justify-content:flex-end;gap:calc(.8 * var(--monitoring-size))}@media (max-width:600px){.monitoring-header__information{flex-wrap:wrap;justify-content:flex-start}}.monitoring-header__reception{display:flex;align-items:center;gap:calc(.8 * var(--monitoring-size));font-size:calc(1.8 * var(--monitoring-size));font-weight:600;line-height:calc(2.4 * var(--fr));white-space:nowrap}.monitoring-header__reception>img{width:calc(2.28 * var(--monitoring-size));height:auto}.monitoring-header__reception span,.monitoring-header__reception time{letter-spacing:calc(-.1 * var(--monitoring-size))}.monitoring-header__reception-label{color:#c6c6c6}.monitoring-header__reception>span{width:calc(25.1 * var(--monitoring-size))}.monitoring-header__divider{position:relative;flex:0 0 0;height:calc(1.7 * var(--fr))}@media (max-width:600px){.monitoring-header__divider{display:none}}.monitoring-header__divider img{position:absolute;top:calc(.8 * var(--fr));left:calc(-.85 * var(--fr));transform:rotate(90deg)}.monitoring-header__refresh-wrap{width:calc(15.3 * var(--monitoring-size));padding-left:calc(.4 * var(--fr))}.monitoring-header__refresh{position:relative;isolation:isolate;display:flex;align-items:center;gap:calc(.8 * var(--monitoring-size));height:calc(3.6 * var(--fr));width:calc(14.9 * var(--monitoring-size));padding:calc(.4 * var(--fr)) calc(2 * var(--monitoring-size));border-radius:calc(10 * var(--fr))!important;box-shadow:inset 0 0 0 calc(.075 * var(--fr)) rgb(255 255 255/40%),0 calc(.4 * var(--fr)) calc(.4 * var(--fr)) #000;color:#c6c6c6;font-size:calc(1.4 * var(--monitoring-size));font-weight:500;line-height:calc(2.2 * var(--fr));white-space:nowrap}.monitoring-header__refresh:before{position:absolute;z-index:-1;inset:0;border-radius:inherit;background:rgb(128 128 128/10%);backdrop-filter:blur(calc(7 * var(--fr)));mix-blend-mode:luminosity;content:""}.monitoring-header__refresh>img{width:calc(1.6 * var(--monitoring-size));height:auto}.monitoring-header__clock{width:calc(12.3 * var(--monitoring-size));padding-left:calc(.4 * var(--fr));font-size:calc(4 * var(--monitoring-size));font-weight:700;line-height:calc(2.2 * var(--fr));letter-spacing:calc(-.1 * var(--fr));white-space:nowrap}.monitoring-main{padding:calc(1.2 * var(--fr));background:rgb(255 255 255/10%)}.monitoring-main__inner{background-color:#060606}.monitoring-dashboard,.monitoring-main__inner{padding:calc(1.2 * var(--fr));border-radius:calc(1 * var(--fr))}.monitoring-dashboard{display:flex;flex-direction:column;gap:calc(1.6 * var(--fr));min-height:calc(87.2 * var(--monitoring-size));background:#060606}.monitoring-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(1.2 * var(--fr))}@media (max-width:1024px){.monitoring-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.monitoring-metrics{grid-template-columns:minmax(0,1fr)}}.monitoring-board,.monitoring-metric{--monitoring-border-width:calc(100cqw + 3.2 * var(--monitoring-size));--monitoring-border-height:calc(100cqh + 3.2 * var(--monitoring-size));position:relative;isolation:isolate;container-type:size;min-width:0;border-radius:calc(1 * var(--fr))}.monitoring-board:before,.monitoring-metric:before{position:absolute;z-index:-1;inset:0;border-radius:inherit;background:rgb(128 128 128/10%);backdrop-filter:blur(calc(5 * var(--fr)));mix-blend-mode:luminosity;content:""}.monitoring-board:after,.monitoring-metric:after{position:absolute;inset:0;padding:calc(.14 * var(--fr));border-radius:inherit;background:linear-gradient(atan2(calc(sin(156.52deg) * var(--monitoring-border-height)),calc(cos(156.52deg) * var(--monitoring-border-width))),rgb(255 255 255/40%) 15.78%,rgb(255 255 255/0) 46.62%,rgb(255 255 255/0) 59.44%,rgb(255 255 255/10%) 91.79%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;content:""}.monitoring-metric{--monitoring-border-height:calc(100cqh + 8.8 * var(--monitoring-size));display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(19.9 * var(--monitoring-size));padding:calc(4 * var(--monitoring-size)) calc(1.6 * var(--monitoring-size)) calc(4.8 * var(--monitoring-size));text-align:left}.monitoring-metric__text{width:max-content}.monitoring-metric--center .monitoring-metric__text{text-align:center}.monitoring-metric__label{color:#d8d8d8;font-size:calc(1.8 * var(--monitoring-size));font-weight:700;line-height:calc(6.4 * var(--monitoring-size))}.monitoring-environment dd,.monitoring-metric__value,.monitoring-status dd{font-size:calc(6.6 * var(--monitoring-size));font-weight:600;line-height:calc(6.4 * var(--monitoring-size));white-space:nowrap}.monitoring-metric__value{display:flex;align-items:baseline;justify-content:flex-start;margin-top:calc(-1.7 * var(--monitoring-size))}.monitoring-unit{font-size:calc(2.4 * var(--monitoring-size));line-height:0}.monitoring-boards{display:grid;grid-template-columns:930fr 461fr 461fr;gap:calc(1.2 * var(--fr));width:100%}@media (max-width:1024px){.monitoring-boards{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}@media (max-width:800px){.monitoring-boards{grid-template-columns:minmax(0,1fr)}}.monitoring-board{display:flex;flex-direction:column;height:calc(63.3 * var(--monitoring-size));padding:calc(1.6 * var(--monitoring-size))}.monitoring-board:before{background:rgb(128 128 128/20%)}@media (max-width:1024px){.monitoring-board--generation{height:auto;container-type:inline-size}.monitoring-board--generation>.monitoring-board__content{flex:none}.monitoring-board--generation:after{background:linear-gradient(156.52deg,rgb(255 255 255/40%) 15.78%,rgb(255 255 255/0) 46.62%,rgb(255 255 255/0) 59.44%,rgb(255 255 255/10%) 91.79%)}}@media (min-width:801px) and (max-width:1024px){.monitoring-board--generation{grid-column:1/-1}}.monitoring-board__header{display:flex;flex:0 0 calc(4.9 * var(--monitoring-size));align-items:center;justify-content:space-between;min-width:0;padding-bottom:calc(.6 * var(--fr));border-radius:calc(.4 * var(--fr))}@media (max-width:600px){.monitoring-board__header{flex-wrap:wrap;flex-basis:auto;gap:calc(.8 * var(--fr))}}.monitoring-board__title{display:flex;align-items:center;gap:calc(1.2 * var(--monitoring-size));min-height:calc(3.9 * var(--monitoring-size));padding:0 calc(1 * var(--monitoring-size));color:#d8d8d8;font-size:calc(2.4 * var(--monitoring-size));font-weight:700;font-feature-settings:"liga" off,"clig" off;line-height:calc(2 * var(--fr));white-space:nowrap}@media (max-width:600px){.monitoring-board__title{white-space:normal}}.monitoring-board__title>img{flex-shrink:0;width:calc(3.7 * var(--monitoring-size));height:auto}.monitoring-board__generation-icon{position:relative;flex:0 0 calc(3.7 * var(--monitoring-size));height:calc(3.7 * var(--monitoring-size))}.monitoring-board__generation-icon img{position:absolute;top:calc(.20176 * var(--monitoring-size));left:calc(.46879 * var(--monitoring-size));width:calc(3.23121 * var(--monitoring-size));height:auto}.monitoring-board__date{padding:0 calc(1 * var(--fr));color:#8e8e8e;font-size:calc(1.4 * var(--monitoring-size));font-weight:500;font-feature-settings:"liga" off,"clig" off;line-height:calc(2 * var(--fr));letter-spacing:0;white-space:nowrap}@media (max-width:600px){.monitoring-board__date{margin-left:auto}}.monitoring-board__date time{letter-spacing:inherit}.monitoring-board__content{position:relative;flex:1;min-height:0;border-radius:calc(1 * var(--fr))}.monitoring-board__content:before{position:absolute;inset:0;border:calc(.1 * var(--fr)) dashed #404e5e;border-radius:inherit;pointer-events:none;content:""}.monitoring-chart{display:flex;flex-direction:column;gap:calc(1.2 * var(--fr));padding:calc(4 * var(--fr)) calc(1 * var(--fr)) calc(2.4 * var(--fr));overflow-x:auto}.monitoring-chart__plot{position:relative;flex:1;min-height:0;min-width:calc(87.8 * var(--fr))}.monitoring-chart__line{position:absolute;bottom:0;left:calc(1.6 * var(--fr))}.monitoring-chart__hours{display:flex;justify-content:space-between;padding:calc(2.4 * var(--fr)) calc(1.2 * var(--fr)) 0;color:#c6c6c6;font-size:calc(1.8 * var(--fr));font-weight:400;line-height:calc(1.6 * var(--fr));text-decoration:underline;text-underline-position:from-font;min-width:calc(87.8 * var(--fr))}.monitoring-chart_wrap{position:relative;width:100%}.monitoring-chart_wrap img{display:block;width:100%;height:auto}.monitoring-environment,.monitoring-status{display:flex;flex-direction:column}.monitoring-status__row{position:relative;display:flex;flex:1;align-items:center;justify-content:space-between;padding:0 calc(3.2 * var(--monitoring-size))}.monitoring-environment__row:not(:last-child),.monitoring-status__row:not(:last-child){position:relative}.monitoring-environment__row:not(:last-child):after,.monitoring-status__row:not(:last-child):after{position:absolute;right:0;bottom:0;left:0;border-bottom:calc(.1 * var(--fr)) dashed #404e5e;content:""}.monitoring-status dt{display:flex;align-items:center;gap:calc(1 * var(--monitoring-size));color:#d8d8d8;font-size:calc(2.4 * var(--monitoring-size));font-weight:700;line-height:calc(6.4 * var(--monitoring-size));white-space:nowrap}.monitoring-status dt img{width:calc(2.6 * var(--monitoring-size));height:auto}.monitoring-environment__row{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center}.monitoring-environment dt{margin-bottom:calc(1.5 * var(--fr));color:#d8d8d8;font-size:calc(1.8 * var(--monitoring-size));font-weight:700;line-height:0}.monitoring-environment__row--trees dt{margin-bottom:calc(1.1 * var(--fr));line-height:calc(.9 * var(--fr))}.monitoring-environment dd{display:flex;align-items:baseline;justify-content:center}.monitoring-color-blue{color:#2768ff}.monitoring-color-red{color:#e71825}.monitoring-color-orange{color:#ff7904}.monitoring-color-green{color:#33a14b}.monitoring-color-yellow{color:#ffb724}.monitoring-color-danger{color:#eb0038}.monitoring-color-gray{color:#8e8e8e}.monitoring-footer{gap:calc(1.6 * var(--fr));min-height:calc(4.8 * var(--fr));padding:calc(.8 * var(--fr)) calc(3.2 * var(--fr)) calc(2 * var(--fr));color:#c6c6c6;font-size:calc(1.6 * var(--monitoring-size));font-weight:500;line-height:calc(2 * var(--fr))}@media (max-width:800px){.monitoring-footer{flex-wrap:wrap;flex-direction:column-reverse}}.monitoring-footer__policies{display:flex;gap:calc(.8 * var(--fr));white-space:nowrap}.monitoring-footer__policies a{color:#c6c6c6}.monitoring-footer__divider{color:#555}.tab{display:flex;align-items:center;position:relative;padding:calc(3.2 * var(--fr)) calc(1.2 * var(--fr)) calc(2 * var(--fr)) calc(2.8 * var(--fr));background:#060606}@media (max-width:800px){.tab{flex-wrap:wrap;gap:calc(1.6 * var(--fr))}}.tab__list{display:flex;flex:1;gap:calc(1.6 * var(--fr));justify-content:center;padding-right:calc(1.6 * var(--fr))}@media (max-width:800px){.tab__list{flex-basis:100%;min-width:0;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.tab__list::-webkit-scrollbar{display:none}}.tab__item{flex-shrink:0}.tab__link{display:flex;padding:calc(.8 * var(--fr)) calc(1.6 * var(--fr));justify-content:center;align-items:center;border-radius:calc(10 * var(--fr));border:2px solid rgba(216,216,216,.4);box-shadow:0 4px 4px 0 #000;color:var(--Grayscale-40,#C6C6C6);text-align:center;font-size:calc(1.8 * var(--monitoring-size));font-weight:700;line-height:calc(2.4 * var(--fr))}@media (max-width:800px){.tab__link{white-space:nowrap}}.tab__link:hover{border-color:var(--point);color:var(--point)}.tab__link.active{background-color:var(--point);border-color:var(--point);color:#fff}.monitoring-filter{position:relative;z-index:1;flex:0 0 calc(12.7 * var(--fr));margin-left:auto}.monitoring-filter__trigger{display:flex;align-items:center;justify-content:space-between;width:calc(12.7 * var(--fr));height:calc(4 * var(--fr));padding:calc(.8 * var(--fr)) calc(1.6 * var(--fr));border:0;border-radius:calc(10 * var(--fr))!important;background:#555;box-shadow:inset 0 0 0 calc(.2 * var(--fr)) rgb(216 216 216/20%);color:#c6c6c6;font-family:inherit;font-size:calc(1.6 * var(--fr));font-weight:700;line-height:calc(2.4 * var(--fr));letter-spacing:0;text-align:center;white-space:nowrap;cursor:pointer}.monitoring-filter__arrow{display:flex;flex:0 0 calc(1.166667 * var(--fr));align-items:center;justify-content:center;height:calc(.686875 * var(--fr))}.monitoring-filter__arrow img{display:block;flex-shrink:0;transform:rotate(90deg)}.monitoring-filter__trigger[aria-expanded=true] .monitoring-filter__arrow{transform:rotate(180deg)}.monitoring-filter__panel{position:absolute;top:calc(100% + calc(.8 * var(--fr)));right:0;width:calc(12.7 * var(--fr));padding:calc(.8 * var(--fr)) 0;border-radius:calc(1 * var(--fr));background:#555;box-shadow:inset 0 0 0 calc(.2 * var(--fr)) rgb(216 216 216/20%)}.monitoring-filter__panel[hidden]{display:none}.monitoring-filter__option{display:block;width:100%;padding:calc(.8 * var(--fr)) calc(1.6 * var(--fr));border:0;background:transparent;color:#c6c6c6;font-family:inherit;font-size:calc(1.6 * var(--fr));font-weight:700;line-height:calc(2.4 * var(--fr));letter-spacing:0;text-align:left;white-space:nowrap;cursor:pointer}.monitoring-filter__option:hover,.monitoring-filter__option[aria-pressed=true]{background:#2d2d2d}.monitoring-filter__option:focus-visible,.monitoring-filter__trigger:focus-visible{outline:calc(.2 * var(--fr)) solid #c6c6c6;outline-offset:calc(.2 * var(--fr))}.monitoring-power-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(1.2 * var(--fr));padding-top:calc(1.6 * var(--fr));background:#060606}@media screen and (max-width:1024px){.monitoring-power-wrap{grid-template-columns:1fr}}.monitoring-plant-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(1.2 * var(--fr)) calc(1 * var(--fr))}@media screen and (max-width:768px){.monitoring-plant-wrap{grid-template-columns:1fr}}.monitoring-plant{position:relative;min-width:0;padding:calc(2.4 * var(--monitoring-size)) calc(3.2 * var(--monitoring-size));border-radius:calc(1 * var(--fr))}.monitoring-plant:after{position:absolute;inset:0;padding:calc(.14 * var(--fr));border-radius:inherit;background:linear-gradient(156.52deg,rgb(255 255 255/40%) 15.78%,rgb(255 255 255/0) 46.62%,rgb(255 255 255/0) 59.44%,rgb(255 255 255/10%) 91.79%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;content:""}.monitoring-plant__header{display:flex;align-items:center;gap:calc(1.6 * var(--monitoring-size))}@media (max-width:1024px){.monitoring-plant__header{flex-wrap:wrap}}.monitoring-plant__title{color:var(--Grayscale-30,#D8D8D8);font-size:calc(2.4 * var(--monitoring-size));font-weight:700;line-height:calc(2 * var(--fr))}.monitoring-plant__content{display:flex;justify-content:space-between;align-items:center;gap:calc(1.2 * var(--monitoring-size));padding-top:calc(2 * var(--monitoring-size));padding-right:calc(2 * var(--monitoring-size))}.monitoring-plant__content .output{text-align:center}.monitoring-plant__content .output .title{color:var(--Grayscale-30,#D8D8D8);text-align:center;font-size:calc(1.8 * var(--monitoring-size));font-style:normal;font-weight:700}.monitoring-plant__content .output .number{color:var(--System-Information,#2768FF);font-size:calc(6.6 * var(--monitoring-size));font-style:normal;font-weight:600;line-height:calc(6.4 * var(--monitoring-size));white-space:nowrap}@media (max-width:1024px){.monitoring-plant__content .output .number{font-size:calc(5.4 * var(--monitoring-size));line-height:calc(5.6 * var(--monitoring-size))}}.monitoring-plant__content .output .unit{color:var(--System-Information,#2768FF);font-size:calc(2.4 * var(--monitoring-size));font-style:normal;font-weight:600;line-height:calc(6.4 * var(--monitoring-size))}.monitoring-plant__graph{position:relative;flex-shrink:0;width:calc(17.8 * var(--monitoring-size));aspect-ratio:1}@media (max-width:1024px){.monitoring-plant__graph{width:calc(14 * var(--monitoring-size))}}@media (max-width:600px){.monitoring-plant__graph{width:calc(13 * var(--monitoring-size))}}.monitoring-plant__graph canvas,.monitoring-plant__graph img,.monitoring-plant__graph svg{width:100%;height:100%}.monitoring-plant__graph dl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;text-align:center}.monitoring-plant__graph dt{text-align:center;font-size:calc(1.8 * var(--monitoring-size))}.monitoring-plant__graph dd,.monitoring-plant__graph dt{color:var(--Primary-0,#FFF);font-style:normal;font-weight:700}.monitoring-plant__graph dd{font-size:calc(5 * var(--monitoring-size));line-height:calc(4.8 * var(--monitoring-size));white-space:nowrap}@media (max-width:1024px){.monitoring-plant__graph dd{font-size:calc(4 * var(--monitoring-size));line-height:calc(4 * var(--monitoring-size))}}.monitoring-plant__graph dd .unit{color:var(--Primary-0,#FFF);font-size:calc(2.4 * var(--monitoring-size));font-style:normal;font-weight:700;line-height:calc(4 * var(--monitoring-size))}.plant-badge{position:relative;padding:calc(.2 * var(--fr));background:linear-gradient(177deg,#717171,#2D2D2D);overflow:hidden}.plant-badge,.plant-badge__inner{border-radius:calc(10 * var(--fr))}.plant-badge__inner{display:flex;padding:calc(.8 * var(--monitoring-size)) calc(1.6 * var(--monitoring-size));align-items:center;gap:calc(.4 * var(--monitoring-size));font-size:calc(1.8 * var(--monitoring-size));font-weight:700;line-height:0;background-color:#060910}.plant-badge__inner .icon{width:calc(1.8 * var(--monitoring-size));height:calc(1.6 * var(--monitoring-size))}.plant-badge.success .plant-badge__inner{color:var(--System-Success-40,#33A14B)}.plant-badge.warning .plant-badge__inner{color:var(--point,#FF7904)}.plant-badge.error .plant-badge__inner{color:var(--System-Danger,#EB0038)}.plant-badge.setup .plant-badge__inner{color:var(--Grayscale-50-Text-Disabled-W,#8E8E8E)}.monitoring-plant-map{position:relative;min-width:0;padding:calc(1.6 * var(--monitoring-size));border-radius:calc(1 * var(--fr))}.monitoring-plant-map:after{position:absolute;inset:0;padding:calc(.14 * var(--fr));border-radius:inherit;background:linear-gradient(156.52deg,rgb(255 255 255/40%) 15.78%,rgb(255 255 255/0) 46.62%,rgb(255 255 255/0) 59.44%,rgb(255 255 255/10%) 91.79%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;content:""}.plant-map-header{display:flex;padding:calc(.8 * var(--monitoring-size)) calc(1 * var(--monitoring-size));align-items:center;gap:calc(1.2 * var(--monitoring-size));align-self:stretch}.plant-map-header .icon{width:calc(3.6 * var(--monitoring-size));height:calc(3.6 * var(--monitoring-size))}.plant-map-header .title{color:var(--Grayscale-30,#D8D8D8);font-size:calc(2.4 * var(--monitoring-size));font-style:normal;font-weight:700;line-height:calc(2 * var(--fr))}.plant-map-content{position:relative;border-radius:calc(1 * var(--fr));border:1px solid #404e5e;overflow:hidden}.plant-map-content img{width:100%}.monitoring-display{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(1.2 * var(--fr))}@media (max-width:1024px){.monitoring-display{grid-template-columns:minmax(0,1fr)}}.monitoring-display__board{height:calc(72.1 * var(--monitoring-size))}@media (max-width:1024px){.monitoring-display__board{height:auto;min-height:calc(58 * var(--monitoring-size));container-type:inline-size}.monitoring-display__board:after{background:linear-gradient(156.52deg,rgb(255 255 255/40%) 15.78%,rgb(255 255 255/0) 46.62%,rgb(255 255 255/0) 59.44%,rgb(255 255 255/10%) 91.79%)}}.monitoring-display__settings{display:flex;flex:1;flex-direction:column;min-height:0;padding:0 calc(2 * var(--monitoring-size)) calc(2 * var(--monitoring-size));border-radius:calc(1 * var(--fr));box-shadow:inset 0 0 0 calc(.1 * var(--fr)) #404e5e}.monitoring-display__rows{flex:1}.monitoring-display__row{display:flex;align-items:center;justify-content:space-between;border-bottom:calc(.1 * var(--fr)) solid #555;font-size:calc(2.4 * var(--monitoring-size));line-height:calc(6.4 * var(--monitoring-size))}@media (max-width:800px){.monitoring-display__row{flex-wrap:wrap}}.monitoring-display__row dt{display:list-item;margin-left:calc(3.6 * var(--monitoring-size));color:#8e8e8e;font-weight:600;list-style:disc outside;white-space:nowrap}.monitoring-display__row dd{display:flex;align-items:center;justify-content:flex-end;color:#d8d8d8;font-weight:700;white-space:nowrap}@media (max-width:800px){.monitoring-display__row dd{margin-left:auto}}.monitoring-toggle{position:relative;display:block;flex:0 0 calc(8 * var(--monitoring-size));width:calc(8 * var(--monitoring-size));height:calc(4 * var(--monitoring-size));cursor:pointer}.monitoring-toggle input{position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.monitoring-toggle__track{position:absolute;inset:0;overflow:hidden;border-radius:calc(9.9 * var(--fr));background:#c0c0c0;box-shadow:inset 0 calc(.1 * var(--fr)) calc(.3 * var(--fr)) rgb(0 0 0/20%)}.monitoring-toggle__off,.monitoring-toggle__on{position:absolute;top:50%;height:calc(1.2 * var(--monitoring-size));transform:translateY(-50%)}.monitoring-toggle__on{left:calc(1.6 * var(--monitoring-size));width:calc(.2 * var(--monitoring-size));opacity:0}.monitoring-toggle__off{right:calc(1.6 * var(--monitoring-size));width:calc(1.2 * var(--monitoring-size))}.monitoring-toggle__handle{position:absolute;top:calc(.2 * var(--monitoring-size));left:calc(.2 * var(--monitoring-size));width:calc(3.6 * var(--monitoring-size));height:calc(3.6 * var(--monitoring-size));pointer-events:none}.monitoring-toggle__handle img{position:absolute;top:calc(-.1 * var(--monitoring-size));left:calc(-.7 * var(--monitoring-size));width:calc(5 * var(--monitoring-size));height:calc(6.1 * var(--monitoring-size));display:block}.monitoring-toggle input:checked~.monitoring-toggle__track{background:var(--point)}.monitoring-toggle input:checked~.monitoring-toggle__track .monitoring-toggle__on{opacity:1}.monitoring-toggle input:checked~.monitoring-toggle__track .monitoring-toggle__off{opacity:0}.monitoring-toggle input:checked~.monitoring-toggle__handle{left:calc(100% - 3.8 * var(--monitoring-size))}.monitoring-toggle input:focus-visible~.monitoring-toggle__track{outline:calc(.2 * var(--fr)) solid #ff7904;outline-offset:calc(.2 * var(--fr))}.monitoring-display__save{flex:0 0 calc(5.4 * var(--monitoring-size));width:100%;min-height:0;margin-top:0;padding:calc(2 * var(--monitoring-size)) calc(2.4 * var(--monitoring-size));border:0;border-radius:calc(.6 * var(--fr))!important;background:#ff7904;box-shadow:0 calc(.1 * var(--fr)) calc(.2 * var(--fr)) rgb(16 26 77/49%),inset 0 calc(2.9 * var(--fr)) calc(2.3 * var(--fr)) calc(-1.6 * var(--fr)) rgb(255 255 255/4%),inset 0 calc(.1 * var(--fr)) calc(.1 * var(--fr)) rgb(255 255 255/20%);color:#fff;font-family:inherit;font-size:calc(2 * var(--monitoring-size));font-weight:700;line-height:1;letter-spacing:0;text-box-trim:trim-both;text-box-edge:cap alphabetic;cursor:pointer}.monitoring-display__save:focus-visible{outline:calc(.2 * var(--fr)) solid #fff;outline-offset:calc(.2 * var(--fr))}.monitoring-display__preview-header{justify-content:flex-start;min-height:0}@media (max-width:1024px){.monitoring-display__preview-header{flex-basis:auto;flex-wrap:nowrap;padding-bottom:calc(.6 * var(--fr))}}.monitoring-display__preview-heading{display:flex;align-items:center;width:100%;height:calc(6.2 * var(--monitoring-size));padding:calc(.2 * var(--monitoring-size)) 0 calc(.8 * var(--monitoring-size))}@media (max-width:1024px){.monitoring-display__preview-heading{height:auto}}.monitoring-display__preview-title{display:flex;align-items:center;gap:calc(1.2 * var(--monitoring-size));padding:calc(.8 * var(--monitoring-size)) calc(1 * var(--monitoring-size))}.monitoring-display__preview-title>img{flex-shrink:0;width:calc(3.6 * var(--monitoring-size));height:auto}.monitoring-display__preview-text{color:#d8d8d8;font-size:0;white-space:nowrap}@media (max-width:1024px){.monitoring-display__preview-text{white-space:normal}}.monitoring-display__preview-text h2{display:inline;font-size:calc(2.4 * var(--monitoring-size));font-weight:700;line-height:calc(2 * var(--fr))}.monitoring-display__preview-text p{display:inline;color:#8e8e8e;font-size:calc(1.6 * var(--monitoring-size));font-weight:600;line-height:calc(2 * var(--fr));letter-spacing:calc(-.1 * var(--monitoring-size))}.monitoring-display__previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(1.2 * var(--fr))}@media (max-width:600px){.monitoring-display__previews{grid-template-columns:minmax(0,1fr)}}.monitoring-display__screen{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:calc(20 * var(--monitoring-size));min-width:0;height:calc(31.4 * var(--monitoring-size));padding:calc(2.4 * var(--monitoring-size)) calc(3.2 * var(--monitoring-size));border-radius:calc(1 * var(--fr));box-shadow:inset 0 0 0 calc(.2 * var(--fr)) #555}.monitoring-display__screen:before{position:absolute;z-index:-1;inset:0;border-radius:inherit;background:rgb(128 128 128/10%);backdrop-filter:blur(calc(5 * var(--fr)));mix-blend-mode:luminosity;content:""}.monitoring-display__screen--active{box-shadow:inset 0 0 0 calc(.2 * var(--fr)) #ff7904}.monitoring-display__screen-header{display:flex;flex:0 0 calc(3.6 * var(--monitoring-size));align-items:center;justify-content:space-between}.monitoring-display__screen-header>img{width:calc(2.6 * var(--monitoring-size));height:auto}.monitoring-display__screen-badge{display:flex;align-items:center;justify-content:center;width:calc(8.3 * var(--monitoring-size));height:calc(3.6 * var(--monitoring-size));padding:0 calc(1.8 * var(--monitoring-size));border-radius:calc(10 * var(--fr));background:#2d2d2d;box-shadow:inset 0 0 0 calc(.2 * var(--fr)) #717171;color:#d8d8d8;font-size:calc(1.8 * var(--monitoring-size));font-weight:400;line-height:0;white-space:nowrap}.monitoring-display__screen--active .monitoring-display__screen-badge{width:calc(8 * var(--monitoring-size))}.monitoring-display__screen-title{display:flex;align-items:center;min-height:calc(3 * var(--monitoring-size));color:#fff;font-size:calc(2.4 * var(--monitoring-size));font-weight:700;line-height:0;letter-spacing:0}}}@layer components{.front.monitoring :where(img,svg,video,canvas){display:revert}.front.monitoring{display:flex;flex-direction:column;min-height:100vh}.front.monitoring .monitoring-main{flex:1}.front.monitoring .monitoring-screens{display:flex;flex-wrap:wrap;gap:calc(.8 * var(--monitoring-size))}.front.monitoring .monitoring-screens a{padding:calc(.6 * var(--monitoring-size)) calc(1.6 * var(--monitoring-size));border:2px solid rgb(216 216 216/40%);border-radius:calc(10 * var(--fr));color:#c6c6c6;font-size:calc(1.6 * var(--monitoring-size));font-weight:700;line-height:calc(2.4 * var(--monitoring-size));white-space:nowrap}.front.monitoring .monitoring-screens a:hover{border-color:var(--point);color:var(--point)}.front.monitoring .monitoring-screens a[aria-current=page]{border-color:var(--point);background:var(--point);color:#fff}.front.monitoring .monitoring-header__refresh{cursor:pointer}.front.monitoring .monitoring-pending{color:#ffb724;font-size:calc(3.2 * var(--monitoring-size));font-weight:700}.front.monitoring .monitoring-plant .monitoring-pending,.front.monitoring .monitoring-status dd .monitoring-pending{font-size:calc(2.4 * var(--monitoring-size))}.front.monitoring .monitoring-note{margin-top:calc(1.2 * var(--fr));padding:0 calc(1.2 * var(--fr));color:#8e8e8e;font-size:calc(1.4 * var(--monitoring-size));line-height:1.6}.front.monitoring .monitoring-empty{padding:calc(8 * var(--monitoring-size)) 0;color:#c6c6c6;font-size:calc(2 * var(--monitoring-size));text-align:center}.front.monitoring .monitoring-empty a{color:var(--point)}.front.monitoring .monitoring-trend{display:flex;flex-direction:column;height:100%;padding:calc(4 * var(--monitoring-size)) calc(2.4 * var(--monitoring-size)) calc(2.4 * var(--monitoring-size))}.front.monitoring .monitoring-trend svg{width:100%;height:auto;margin-top:auto;overflow:visible}.front.monitoring .monitoring-trend__axis{display:flex;justify-content:space-between;padding-top:calc(1.6 * var(--monitoring-size));color:#c6c6c6;font-size:calc(1.6 * var(--monitoring-size));text-decoration:underline;text-underline-position:from-font}@media (min-width:801px){.front.monitoring .monitoring-boards--half{grid-template-columns:repeat(2,minmax(0,1fr))}}.front.monitoring .monitoring-plant__note{margin-top:calc(.8 * var(--monitoring-size));color:#8e8e8e;font-size:calc(1.4 * var(--monitoring-size));line-height:1.5}.front.monitoring .monitoring-plant__coop{color:#8e8e8e;font-size:calc(1.4 * var(--monitoring-size));font-weight:600}.front.monitoring .monitoring-distribution{display:flex;flex-direction:column;gap:calc(1.2 * var(--monitoring-size));padding:calc(1.6 * var(--monitoring-size))}.front.monitoring .monitoring-distribution li{display:flex;justify-content:space-between;padding:calc(1.2 * var(--monitoring-size)) calc(1.6 * var(--monitoring-size));border-radius:calc(1 * var(--fr));background:rgb(255 255 255/5%);color:#d8d8d8;font-size:calc(1.8 * var(--monitoring-size));font-weight:700}.front.monitoring .monitoring-display__select{padding:calc(.4 * var(--monitoring-size)) calc(1.2 * var(--monitoring-size));border:2px solid rgb(216 216 216/40%);border-radius:calc(1 * var(--fr));background:#060910;color:#fff;font:inherit}.front.monitoring button.monitoring-display__screen{width:100%;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.front.monitoring .monitoring-display__screen[aria-pressed=false]{opacity:.45}.front.monitoring .monitoring-display__screen:disabled{cursor:not-allowed;opacity:.3}.front.monitoring .monitoring-display__message{margin-top:calc(1.2 * var(--monitoring-size));font-size:calc(1.6 * var(--monitoring-size));text-align:right}}