@charset "UTF-8";@font-face{font-family:“San Francisco”;font-weight:400;src:url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff\ 304)}html,body{margin:0;padding:0;background-color:#444;color:#ccc;font-family:San Francisco,Helvetica Neue,Helvetica,Arial,sans-serif}html a,body a{color:#ccc}.header{width:100%;height:20px;display:flex;flex-direction:row;justify-content:space-between;max-width:800px;margin:0 auto}.header div{width:33%;flex-grow:1}.header .header-title span{margin-left:10px}.header .header-title h1{font-size:100%;margin:0;padding-left:10px}.header .header-title h1 a{text-decoration:none}.header .header-title h1 a:hover{text-decoration:underline}.header .header-title{text-align:left}.header .header-link{text-align:center}.header .header-extra{text-align:right}.header .header-extra span{padding-right:10px}.header a,.header a:visited{color:#ccc;font-weight:700}.weather-container{display:flex;justify-content:center;flex-wrap:wrap}.sensor-loading-container{text-align:center}.sensor-reading-container{padding:40px 40px 10px;text-align:center;min-width:200px;max-width:300px}.sensor-reading-container h2{margin:0}.sensor-reading-container h2 a{color:#ccc;text-decoration:none}.sensor-reading-container .temp{font-weight:700;font-size:300%}.sensor-reading-container .feelslike{font-size:125%}.sensor-reading-container .humidity{font-size:150%}.sensor-reading-container .dailyrain{font-size:115%}.lastupdate{font-size:85%}.lastupdate.offline{font-size:100%;color:#fb4148;font-weight:700}.sensor-list-container{width:100%;max-width:500px;margin:0 auto}.sensor-list-item{display:flex;justify-content:space-between;align-items:start;margin:20px}.sensor-list-item .sensor-information{padding-right:5px}.sensor-list-item .sensor-information .sensor-title h2{margin-bottom:4px;margin-top:0}.sensor-list-item .sensor-information .sensor-title h2 a,.sensor-list-item .sensor-information .sensor-title h2 a:visited{color:#ccc}.sensor-list-item .sensor-information .sensor-details,.sensor-list-item .sensor-information .sensor-owner{font-size:95%}.sensor-list-item .sensor-reading{text-align:right}.sensor-list-item .sensor-reading .temp{font-size:28px;font-weight:700}.sensor-list-item .sensor-reading .sensor-action .toggle-checkbox{display:flex;justify-content:end;margin-top:10px}.sensor-list-pagination{text-align:center;padding-bottom:20px;line-height:150%}.sensor-detail-container{max-width:1200px;margin:auto}.sensor-detail-container .toggle-container{float:right;margin-right:20px}.sensor-detail-container .top-containers{display:flex;flex-direction:row;justify-content:center}.sensor-detail-container .top-containers .top-left-.container{padding-right:25px;margin:auto 0}.sensor-detail-container .bottom-containers{display:flex;flex-direction:row;justify-content:center;padding-top:10px}.sensor-detail-container .bottom-containers .bottom-left-container{margin:auto 0}.sensor-detail-container .battery-container{display:flex;flex-direction:row;justify-content:center;padding-top:10px;font-size:16px}.sensor-detail-container .genai-container{max-width:600px;text-align:center;margin:0 auto;padding-top:10px;padding-bottom:14px}.sensor-detail-container .genai-container .genai-content{margin:0 auto;max-width:400px;font-weight:700;font-size:18px;white-space:pre-wrap}.sensor-detail-container .graph-container .history-select{text-align:center;font-size:120%}.sensor-detail-container .graph-container .history-select a{cursor:pointer;text-decoration:underline;padding-left:20px;padding-right:20px}.sensor-detail-container .graph-container .history-select .selected{font-weight:700}@media screen and (max-width:768px){.sensor-detail-container .top-containers,.sensor-detail-container .bottom-containers,.sensor-detail-container .battery-container{flex-direction:column;justify-content:center}.sensor-detail-container .bottom-right-container{margin:0 auto}.sensor-detail-container .temp-box,.sensor-detail-container .wind-box,.sensor-detail-container .rain-box,.sensor-detail-container .humidity-box{justify-content:center}}.sensor-detail-container .page-title-container{text-align:center;margin-bottom:10px}.sensor-detail-container .page-title-container h1{margin-bottom:0}.sensor-detail-container .temp-box{display:flex;flex-direction:row;flex-wrap:nowrap}.sensor-detail-container .temp-box .current-temp{font-size:80px;display:flex;vertical-align:text-top;margin-right:10px}.sensor-detail-container .temp-box .current-temp .temp-type{font-size:16px;margin-top:10px}.sensor-detail-container .temp-box .high-low-temps{display:flex;flex-direction:column;justify-content:space-around}.sensor-detail-container .feels-like-container{display:flex;justify-content:space-around}.sensor-detail-container .high-low-icon{font-size:80%}.sensor-detail-container .wind-box{display:flex;padding-top:10px}.sensor-detail-container .wind-box .wind-icon{height:85px;filter:invert(91%) sepia(1%) saturate(0%) hue-rotate(138deg) brightness(95%) contrast(82%)}.sensor-detail-container .wind-box .wind-dir{padding:10px 20px;font-size:72px}.sensor-detail-container .wind-box .wind-speeds{display:flex;flex-direction:column;justify-content:space-between;height:103px}.sensor-detail-container .wind-box .wind-speeds .wind-speed-row{display:flex}.sensor-detail-container .wind-box .wind-speeds .wind-speed-row .high-low{padding-left:5px}.sensor-detail-container .humidity-box{display:flex}.sensor-detail-container .humidity-box .current-humidity{font-size:300%;padding-right:10px}.sensor-detail-container .humidity-box .high-low-container{display:flex;flex-direction:column;justify-content:space-between}.sensor-detail-container .humidity-box .high-low-container .high{padding-top:6px}.sensor-detail-container .humidity-box .high-low-container .low{padding-bottom:6px}.sensor-detail-container .rain-box .total-rain{font-size:300%;padding-left:10px}.faq-container{padding-left:40px;padding-right:40px;max-width:800px;margin:0 auto}.faq-container .faq-item-container .faq-item-content{margin-left:10px}.faq-container .faq-item-container .faq-item-content .ambient-screenshot{text-align:center}.faq-container .faq-item-container{border-bottom:1px solid #eee}.faq-container .faq-item-container:last-child{border-bottom:none}.toggle-checkbox input[type=checkbox]{height:0;width:0;visibility:hidden}.toggle-checkbox label{cursor:pointer;display:block;position:relative}.toggle-checkbox label img{width:30px;filter:invert(91%) sepia(1%) saturate(0%) hue-rotate(138deg) brightness(95%) contrast(82%)}.toggle-checkbox label img.selected{filter:invert(77%) sepia(26%) saturate(7157%) hue-rotate(160deg) brightness(102%) contrast(101%)}.map-filter-container{position:absolute;top:40px;right:10px;z-index:401;background-color:#fff;padding:5px;border-radius:5px;color:#444;width:100px}.map-filter-container div{padding:5px;cursor:pointer;position:relative}.map-filter-container div:before{content:"✓";visibility:hidden;padding-right:5px}.map-filter-container div.selected{font-weight:700}.map-filter-container div.selected:before{visibility:visible}.map-filter-container div:not(:last-child){border-bottom:1px solid #ccc}.map-container{height:calc(100vh - 30px);width:100vw;margin-top:10px}.map-legend-container{position:absolute;bottom:20px;left:20px;z-index:401;background-color:#fff;padding:10px;border-radius:5px;color:#444}.map-legend-container .legend-item{display:flex;align-items:center;margin-bottom:5px}.map-legend-container .legend-item .legend-icon{margin-right:10px}.map-legend-container .legend-item .legend-label{font-size:14px}.map-layer-container{position:absolute;top:120px;right:10px;z-index:401;background-color:#fff;padding:5px;border-radius:5px;color:#444;width:120px}.map-layer-container div{padding:5px;cursor:pointer;position:relative}.map-layer-container div:before{content:"✓";visibility:hidden;padding-right:5px}.map-layer-container div.selected{font-weight:700}.map-layer-container div.selected:before{visibility:visible}.map-layer-container div:not(:last-child){border-bottom:1px solid #ccc}.sensor-popup{max-width:550px!important}.sensor-popup .maplibregl-popup-content{padding:15px 30px 15px 15px;border-radius:8px;color:#222;text-align:left}.sensor-popup .sensor-list-item{width:100%;margin:5px 0}.sensor-popup .sensor-list-item .sensor-information .sensor-title h2 a,.sensor-popup .sensor-list-item .sensor-information .sensor-title h2 a:visited{color:#1c53b0}.sensor-popup .sensor-list-item .sensor-information .sensor-type,.sensor-popup .sensor-list-item .sensor-information .sensor-details,.sensor-popup .sensor-list-item .sensor-information .sensor-owner{color:#444}.sensor-popup .sensor-list-item .sensor-reading{padding-left:30px;padding-right:10px;color:#222}.maplibregl-popup-close-button{font-size:24px;padding:8px 12px;color:#222}.maplibregl-popup-close-button:hover{background-color:#eee}.solar-radiation-container{font-size:800%;font-weight:lighter}.privacy-container{padding-left:40px;padding-right:40px;max-width:800px;margin:0 auto}.temperature-marker{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#fff;font-size:14px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.outdoor-pm25 .outdoor-pm25-yellow{color:#ff0}.outdoor-pm25 .outdoor-pm25-orange{color:orange}.outdoor-pm25 .outdoor-pm25-red{color:red}.outdoor-pm25 .outdoor-pm25-purple{color:purple}.outdoor-pm25 .outdoor-pm25-maroon{color:maroon}
