:root{--c-black:0,0,0;--c-grey:233,233,233;--c-grey-dark:163,163,163;--c-orange:227,108,10;--c-white:255,255,255;--c-white-mute:245,246,250;--c-blue:64,102,255;--c-quality-good:#0dd;--c-quality-pretty-good:#50c878;--c-quality-mediocre:#cfb533;--c-quality-bad:#e34234;--c-quality-very-bad:maroon;--c-quality-extremely-bad:#702963;--c-quality-none:#a3a3a3;--color-background:var(--c-white);--color-background-mute:rgba(var(--c-white-mute),1);--color-border:rgba(var(--c-grey),1);--color-heading:var(--c-black);--color-text:var(--c-black)}.good{background:#0dd}.pretty-good{background:#50c878}.mediocre{background:#cfb533}.bad{background:#e34234}.very-bad{background:maroon}.extremely-bad{background:#702963}.none{background:#a3a3a3}*,:after,:before{box-sizing:border-box;font-weight:400;margin:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:rgba(var(--color-background),1);color:rgba(var(--color-text),1);display:flex;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:400;height:100%;line-height:1.6;margin:0;overflow:hidden;padding:0;place-items:center;position:relative;text-rendering:optimizeLegibility;transition:color .5s,background-color .5s}main{position:relative;z-index:0}a{align-items:center;color:rgba(var(--color-text),87);display:inline-flex;gap:5px;text-decoration:none;transition:.35s}a,button{cursor:pointer}button{background:transparent;border:none;color:rgba(var(--color-text));transition:.15s}sub,sup{display:inline-block;font-size:.7em;line-height:1;position:relative}sub{bottom:0}sup{top:0}@media (hover:hover){a:hover:after{background-color:var(--color-background-mute);border-color:var(--color-background-mute)}a:hover span{text-decoration:none}}.hidden{display:none!important}.text-left{text-align:left}.font-bold{font-weight:700}.button{align-items:center;background-color:rgba(var(--c-grey-dark),1);border-radius:14px;color:rgba(var(--c-white),1);display:inline-flex;flex:auto;font-size:16px;height:50px;justify-content:center}.button.button-blue{background-color:rgba(var(--c-blue),1)}.button.button-orange{background-color:rgba(var(--c-orange),1)}.block-data{background-color:rgba(var(--color-background),1);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:21px}.block-data.block-data--mute{background-color:var(--color-background-mute)}#header-block{align-items:center;background-color:rgba(var(--color-background),.7);border-radius:5px;display:inline-flex;left:5px;line-height:24px;margin:0;max-width:640px;padding:5px 15px;position:absolute;right:5px;top:5px;width:auto;z-index:9}#header-block h1{font-size:20px}@media (min-width:768px){#header-block{left:15px;right:15px;top:15px}}.leaflet-container{height:100dvh;position:relative;width:100dvw;z-index:0}.leaflet-marker-quality button{display:flex;height:100%;padding:0;position:absolute;top:0;width:100%}.leaflet-marker-quality button .value{align-items:center;border:2px solid rgba(var(--c-white),1);border-radius:50%;display:flex;font-size:12px;font-weight:700;height:100%;justify-content:center;line-height:1;position:relative;width:100%}.leaflet-marker-quality button .value.half:before{background-color:rgba(var(--c-white));border-radius:11px;bottom:5px;content:"";display:block;left:5px;position:absolute;right:5px;top:5px}.leaflet-marker-quality button .caption{background-color:rgba(var(--color-background),1);border-radius:12px;color:rgba(var(--color-text),1);display:flex;flex-direction:column;left:50%;opacity:0;padding-block:20%;padding-inline:100% 50%;position:absolute;text-align:left;top:-20%;visibility:hidden;white-space:nowrap}.leaflet-marker-quality button.active{transform:scale(1.2)}.leaflet-marker-quality button.active .caption{opacity:1;visibility:visible}.leaflet-marker-active{z-index:9999999!important}@media (hover:hover){.leaflet-marker-quality:hover{z-index:999999!important}.leaflet-marker-quality:hover button{transform:scale(1.2);z-index:1}}.info-panel{background-color:rgba(var(--color-background),1);border:none;border-top:10px solid transparent;display:flex;flex-direction:column;height:100dvh;left:-400px;max-width:390px;overflow-y:hidden;position:fixed;transition:left .35s ease-in-out;width:100%;z-index:9}.info-panel.open{left:0}.info-panel-inner:not(.expert-mode) .info-panel-header .aqi-count,.info-panel-inner:not(.expert-mode) .info-panel-header .aqi-detail{display:none}.info-panel-inner.expert-mode .info-panel-header .aqi-count,.info-panel-inner.expert-mode .info-panel-header .aqi-detail,.info-panel-inner:not(.expert-mode) .info-panel-header .aqi-color{display:block}.info-panel-inner.expert-mode .info-panel-header .aqi-color{display:none}.info-panel.good{border-color:#0dd;color:rgba(var(--color-text))}.info-panel.good .info-panel-header{background:#0dd;background:linear-gradient(180deg,#0dd,#0dd 200px,#fff 0)}.info-panel.good .info-panel-close,.info-panel.good .post-address,.info-panel.good .post-description,.info-panel.good .post-name{color:var(--color-background-mute)}.info-panel.good .aqi-count,.info-panel.good .quality-desc{color:#0dd}.info-panel.good .info-panel-close,.info-panel.good .quality-data--range_pointer{background-color:#0dd}.info-panel.pretty-good{border-color:#50c878;color:rgba(var(--color-text))}.info-panel.pretty-good .info-panel-header{background:#50c878;background:linear-gradient(180deg,#50c878,#50c878 200px,#fff 0)}.info-panel.pretty-good .info-panel-close,.info-panel.pretty-good .post-address,.info-panel.pretty-good .post-description,.info-panel.pretty-good .post-name{color:var(--color-background-mute)}.info-panel.pretty-good .aqi-count,.info-panel.pretty-good .quality-desc{color:#50c878}.info-panel.pretty-good .info-panel-close,.info-panel.pretty-good .quality-data--range_pointer{background-color:#50c878}.info-panel.mediocre{border-color:#cfb533;color:rgba(var(--color-text))}.info-panel.mediocre .info-panel-header{background:#cfb533;background:linear-gradient(180deg,#cfb533,#cfb533 200px,#fff 0)}.info-panel.mediocre .info-panel-close,.info-panel.mediocre .post-address,.info-panel.mediocre .post-description,.info-panel.mediocre .post-name{color:var(--color-background-mute)}.info-panel.mediocre .aqi-count,.info-panel.mediocre .quality-desc{color:#cfb533}.info-panel.mediocre .info-panel-close,.info-panel.mediocre .quality-data--range_pointer{background-color:#cfb533}.info-panel.bad{border-color:#e34234;color:rgba(var(--color-text))}.info-panel.bad .info-panel-header{background:#e34234;background:linear-gradient(180deg,#e34234,#e34234 200px,#fff 0)}.info-panel.bad .info-panel-close,.info-panel.bad .post-address,.info-panel.bad .post-description,.info-panel.bad .post-name{color:var(--color-background-mute)}.info-panel.bad .aqi-count,.info-panel.bad .quality-desc{color:#e34234}.info-panel.bad .info-panel-close,.info-panel.bad .quality-data--range_pointer{background-color:#e34234}.info-panel.very-bad{border-color:maroon;color:rgba(var(--color-text))}.info-panel.very-bad .info-panel-header{background:maroon;background:linear-gradient(180deg,maroon,maroon 200px,#fff 0)}.info-panel.very-bad .info-panel-close,.info-panel.very-bad .post-address,.info-panel.very-bad .post-description,.info-panel.very-bad .post-name{color:var(--color-background-mute)}.info-panel.very-bad .aqi-count,.info-panel.very-bad .quality-desc{color:maroon}.info-panel.very-bad .info-panel-close,.info-panel.very-bad .quality-data--range_pointer{background-color:maroon}.info-panel.extremely-bad{border-color:#702963;color:rgba(var(--color-text))}.info-panel.extremely-bad .info-panel-header{background:#702963;background:linear-gradient(180deg,#702963,#702963 200px,#fff 0)}.info-panel.extremely-bad .info-panel-close,.info-panel.extremely-bad .post-address,.info-panel.extremely-bad .post-description,.info-panel.extremely-bad .post-name{color:var(--color-background-mute)}.info-panel.extremely-bad .aqi-count,.info-panel.extremely-bad .quality-desc{color:#702963}.info-panel.extremely-bad .info-panel-close,.info-panel.extremely-bad .quality-data--range_pointer{background-color:#702963}.info-panel.none{border-color:#a3a3a3;color:rgba(var(--color-text))}.info-panel.none .info-panel-header{background:#a3a3a3;background:linear-gradient(180deg,#a3a3a3,#a3a3a3 200px,#fff 0)}.info-panel.none .info-panel-close,.info-panel.none .post-address,.info-panel.none .post-description,.info-panel.none .post-name{color:var(--color-background-mute)}.info-panel.none .aqi-count,.info-panel.none .quality-desc{color:#a3a3a3}.info-panel.none .info-panel-close,.info-panel.none .quality-data--range_pointer{background-color:#a3a3a3}.info-panel-close{align-items:center;border-radius:20px;color:rgba(var(--color-text));display:flex;font-size:30px;height:50px;justify-content:center;left:0;line-height:1;padding:0;position:absolute;top:7px;width:50px}.info-panel-inner{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.info-panel-inner a:after{align-items:center;border:1px solid var(--color-border);border-radius:50%;content:"?";display:inline-flex;font-size:14px;height:20px;justify-content:center;width:20px}.info-panel-inner a:after span{text-decoration:underline}.info-panel-body,.info-panel-header{padding-inline:20px;position:relative}.info-panel-header{display:flex;flex-direction:column;gap:1rem;padding-top:20px;text-align:center}.info-panel-actions{align-items:center;display:flex;gap:10px;padding:15px 20px}.info-panel-header .title{align-items:center;display:flex;flex-direction:column;font-size:22px;line-height:1.2}.info-panel-header .post-description{font-size:12px;margin-top:5px}.info-panel-header .quality-data--aqi{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.info-panel-header .quality-data--aqi .aqi-summary{align-items:center;display:flex;flex-direction:column;gap:5px;line-height:1.2}.info-panel-header .quality-data--aqi .aqi-count{font-size:40px;font-weight:500;line-height:1}.info-panel-header .quality-data--aqi .aqi-detail{color:rgba(var(--color-text),.55);font-size:12px}.info-panel-header .quality-data--aqi .aqi-info{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:flex-start}.info-panel-header .quality-data--aqi .aqi-help{font-size:16px;text-decoration:underline}.info-panel-header .quality-data--aqi .aqi-help span{font-weight:500}.info-panel-header .quality-data--aqi .aqi-updated{align-items:flex-start;color:rgba(var(--color-text),.55);display:flex;font-size:12px;gap:5px;justify-content:flex-start;line-height:1.2}.quality{display:flex;flex-direction:column;gap:10px}.quality-recommendation{line-height:1.1;text-align:left}.quality-data--range{display:flex;flex-direction:column;gap:4px;position:relative;width:100%}.quality-data--range_pointer{background-color:rgba(var(--color-text),1);border:1px solid rgba(var(--color-background),1);border-radius:16px;display:block;height:16px;position:absolute;width:16px;z-index:1}.quality-data--range_body{background:#00b050;background:linear-gradient(90deg,#00b050 1%,#39cc6a 8.33%,#ff0 16.67%,#ffc200 25%,#e36c0a 41.67%,#ff4d21 58.33%,#a0306a 75%,#7030a0 91.66%,#603);border-radius:10px;display:block;height:8px;margin-block:4px;position:relative;z-index:0}.quality-data--range_rules{align-items:center;display:flex;font-size:14px;justify-content:space-between}.quality-data--range_rules span{display:block;min-width:20px}.info-panel-body{display:flex;flex-direction:column;gap:7px}.info-panel-body .help{font-size:14px;text-align:right}.indicators{gap:15px;padding:10px}.indicators span{font-size:12px;line-height:1.1}.indicators-header{color:rgba(var(--color-text),.6);display:flex;gap:10px;width:100%}.indicators-header span:not(:first-child){flex:1 0 auto;text-align:center;width:50px}.indicators-header span:first-child{flex:0 1 auto;max-width:100%;width:100%}.indicators-header span.double-width{text-align:right;width:100px}.indicators-body{display:flex;flex-direction:column;gap:10px;width:100%}.indicators-body div{align-items:center;display:flex;gap:10px;width:100%}.indicators-body span:not(:first-child){align-items:center;border-radius:11px;display:flex;flex:1 0 auto;height:18px;justify-content:center;padding:3px;width:50px}.indicators-body span:first-child{flex:0 1 auto;font-size:14px;font-weight:500;line-height:1.4;max-width:100%;width:100%}#start-panel-start{bottom:35px;left:calc(50% - 75px);position:fixed;width:150px}#start-panel .info-panel-body{font-size:14px;line-height:1.2}.air-quality{gap:15px}.air-quality,.air-quality-index{display:flex;flex-direction:column}.air-quality-index{gap:5px}.air-quality-index .title{color:rgba(var(--color-text),.6);font-size:12px}.air-quality-index .value{align-items:center;display:flex;flex-wrap:nowrap;gap:15px}.indicator-types{flex-direction:column}.indicator-types,.indicator-types-item{display:flex;gap:15px}.indicator-types-item .title{color:rgba(var(--color-text),.6);font-size:12px}.indicator-types-item .desc{flex:1;width:100%}.indicator-types-item .value{justify-content:center;width:60px}.badge,.indicator-types-item .value{align-items:center;display:flex;flex:0 1 auto}.badge{border-radius:11px;height:18px;padding:5px 3px;position:relative;width:50px}.badge.mini{width:18px}.badge.half:before{background-color:rgba(var(--c-white),1);border-radius:11px;bottom:5px;content:"";display:block;left:5px;position:absolute;right:5px;top:5px}.posts-list{max-height:240px;overflow-y:auto}.posts-list.full-height{max-height:calc(100dvh - 250px)}.posts-list .posts-list-item{align-items:center;display:flex;gap:10px;width:100%}.posts-list .posts-list-item .posts-list-item--title{align-items:flex-start;flex-direction:column;height:auto;justify-content:flex-start;overflow:hidden;text-align:left;white-space:nowrap}.posts-list .posts-list-item .posts-list-item--title strong{font-weight:700}.measured-parameters-link{color:rgba(var(--color-text),.55);font-size:12px}.modal{align-items:center;background-color:rgba(var(--c-white),.1);position:fixed;width:100dvw;z-index:15}.modal,.modal-window{display:flex;height:100dvh}.modal-window{background-color:rgba(var(--color-background),1);border:1px solid var(--color-border);border-radius:8px;box-shadow:5px 5px 15px rgba(var(--color-text),.25);flex-direction:column;gap:20px;line-height:1.4;margin:auto;max-height:700px;max-width:1080px;overflow:hidden;padding-block:20px;position:relative}.modal-back,.modal-close{align-items:center;border-radius:50%;display:flex;font-size:30px;height:30px;justify-content:center;line-height:1;position:absolute;right:5px;top:5px;width:30px}.modal-back{left:5px;right:auto}.modal-title{font-size:1.5em;font-weight:500;line-height:1.2}.modal-body,.modal-header{padding-inline:20px}.modal-body{display:block;font-size:14px;overflow-y:auto}.modal-body table td{padding-block:5px;vertical-align:baseline}.modal-body table td:first-child{padding-right:20px}@media (min-width:992px){.modal{padding-inline:1rem}.modal-body .air-quality{-moz-column-gap:3%;column-gap:3%;flex-direction:row;flex-wrap:wrap}.modal-body .air-quality-index{flex:0 1 auto;width:25%}.modal-body .air-quality-index .title{align-items:flex-end;display:flex;height:35px}.modal-body .air-quality-index.sensitive-populations,.modal-body .air-quality-index.whole-population{width:34%}.modal-body .air-quality-index:first-child .title{padding-left:67px}.modal-body .air-quality-index:not(:first-child,:nth-child(2),:nth-child(3)) .title{display:none}}