.app-wrapper{max-width:100vw;max-height:100vh;height:100vh;overflow:hidden;display:flex;flex-direction:column}.card-block{border-radius:15px;box-shadow:0 3px 6px #47474540;transition:all .1s ease;overflow:hidden;display:flex}.card-block:hover{box-shadow:0 3px 6px #474745b3}.button{padding:10px 15px;background-color:#180c0c;color:#fff;font-size:18px;line-height:22px;border:none;border-radius:5px;transition:all .1s ease;user-select:none;cursor:pointer}.button:hover{background-color:#cfcbc8;color:#474745}.header{display:flex;align-items:center;justify-content:space-between;padding:0 50px;margin-top:10px;background-color:#474745;position:relative}.header__title{height:100%;display:flex;align-items:center}.header__title a{font-size:26px;line-height:32px;font-weight:500;color:#fff;height:100%;display:flex;align-items:center;padding:0 18px;border-radius:10px 10px 0 0;transition:all .1s ease}.header__title a:hover{background-color:#ffffff1a;box-shadow:inset 0 -2px 7px #47474526}.header__title a.active{color:#180c0c;background-color:#fff;box-shadow:inset 0 -2px 7px #47474580}.header__title a img{max-height:40px;object-fit:contain;margin-right:15px}.header__nav-list{display:flex;align-items:center;justify-content:center}.header__nav-link{display:flex;align-items:center}.header__nav-link+.header__nav-link{margin-left:30px}.header__nav-link a{color:#fff;font-size:18px;line-height:26px;padding:15px 10px;border-radius:10px 10px 0 0;letter-spacing:1px;transition:all .1s ease}.header__nav-link a:hover{background-color:#ffffff1a;box-shadow:inset 0 -2px 7px #47474526}.header__nav-link a.active{color:#180c0c;background-color:#fff;box-shadow:inset 0 -2px 7px #47474580}.base-layout{flex:1 1;display:flex;flex-direction:column;background-color:#474745;max-height:100vh}.main{box-shadow:5px 5px 15px #180c0c;margin:0 15px 15px;display:flex;flex:1 1;flex-direction:column;background-color:#fff;border-radius:10px;padding:50px}.error-page{flex:1 1;display:flex;align-items:center;justify-content:center;flex-direction:column}.error-page__404{font-size:150px;line-height:150px;font-weight:700;color:#474745}.error-page__description{color:#180c0c;font-size:24px;line-height:26px;margin:10px 0 30px}.panel{display:grid;flex:1 1;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:20px}.panel__link{padding:30px;display:flex;width:100%;flex-direction:column;align-items:flex-start}.panel__caption{text-align:start;font-size:18px;line-height:20px;font-weight:500;color:#180c0c}.panel__unit{text-align:start;font-size:14px;line-height:18px;opacity:.5;color:#180c0c;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.panel__unit:first-letter{text-transform:uppercase}.panel__arrow{margin-right:15px;font-size:36px;line-height:36px;display:inline-flex;align-items:center;justify-content:center}.panel__arrow.trend-up{color:#228b22}.panel__arrow.trend-down{color:tomato;transform:rotate(180deg)}.panel__last-value{font-size:28px;letter-spacing:1px;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.panel__last-value.trend-up{color:#228b22}.panel__last-value.trend-down{color:tomato}.panel__schedule-wrapper{flex:1 1;width:100%}.panel__value-wrapper{margin:15px 0;display:flex;align-items:center;max-width:100%}.panel__value{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.schedule{position:absolute;width:100%;height:100%}.schedule__wrapper{position:relative;width:100%;height:100%}.loader{flex:1 1;display:flex;align-items:center;justify-content:center}.loader__text{font-size:32px;line-height:54px;font-weight:500}.table{position:absolute;display:flex;flex-direction:column}.table__head,.table__body{display:flex;flex-direction:column}.table__head{position:sticky;top:0;background-color:#fff;z-index:100}.table__body{flex:1 1}.table__wrapper{width:100%;height:100%;position:relative;overflow-x:auto}.table__row{display:grid;border-bottom:1px solid rgba(71,71,69,.45);transition:all .1s ease;position:relative;background-color:#fff}.table__row.hoverable:hover{background-color:#ededed}.table__row>td:first-child,.table__row>th:first-child{position:sticky;left:0;z-index:90}.table__header-cell,.table__cell{text-align:start;font-size:16px;line-height:18px;font-weight:400;padding:10px 15px 10px 0;background-color:inherit}.table__header-cell:last-child,.table__cell:last-child{padding-right:0}.table__header-cell{font-weight:500}.date-selector{display:flex;align-items:center;justify-content:flex-start;margin-bottom:50px}.date-selector__text{font-size:18px;line-height:22px}.date-selector__select{margin:0 15px}.date-selector__select+.date-selector__select{margin-left:0}.bread-crumbs{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;margin-bottom:50px}.bread-crumbs__title{font-size:24px;line-height:30px;font-weight:500;color:#180c0c}.bread-crumbs__title a:hover{text-decoration:underline}.bread-crumbs__delimiter{font-weight:700;margin:0 15px;font-size:24px;line-height:30px;color:#180c0c}.bread-crumbs__unit{opacity:.5;display:inline-block}.bread-crumbs__unit:first-letter{text-transform:lowercase}.param-selector{display:flex;align-items:center;justify-content:flex-start;margin-bottom:50px;flex:1 1}.param-selector__text{font-size:18px;line-height:22px}.param-selector__select{margin:0 15px;max-width:400px;width:100%}.in-compare{margin-bottom:15px;font-size:18px;line-height:22px;opacity:.75}.in-compare>span{cursor:pointer;border-bottom:1px solid rgba(0,0,0,0)}.in-compare>span:hover{border-bottom:1px solid gray}.in-compare>span.active{border-bottom:1px solid #000}.in-compare>span.active:hover{border-bottom:1px solid #000}.in-compare>span+span:before{content:", "}.data-presenter{flex:1 1;display:grid;gap:50px;grid-template-columns:6fr 4fr;grid-template-rows:1fr}.data-presenter__block{padding:25px}.place-data{display:flex;align-items:center;justify-content:center;margin-bottom:25px}.place-data__block{display:flex;align-items:center;padding:15px 25px}.place-data__block+.place-data__block{margin-left:25px}.place-data__image{object-fit:cover;height:40px;user-select:none}.place-data__text{font-size:20px;line-height:32px;margin-left:30px;font-weight:400}.place-data__text span{font-size:26px;font-weight:500;margin-right:3px}.district-selector{display:flex;align-items:center;justify-content:flex-start;margin-bottom:50px}.district-selector__text{font-size:18px;line-height:22px}.district-selector__select{margin:0 15px}.district-selector__select+.district-selector__select{margin-left:0}.street-pie-presenter{flex:1 1;display:grid;gap:50px;grid-template-columns:4fr 6fr;grid-template-rows:1fr}.street-pie-presenter__block{padding:25px;position:relative}.pie{position:absolute;width:100%;height:100%}.pie__wrapper{position:relative;width:100%;height:100%}.street-list{display:flex;flex:1 1;flex-direction:column;position:absolute;top:0;left:0;height:100%;width:100%;overflow-y:auto}.street-list__container{flex:1 1;position:relative}.street-list__wrapper{position:relative;display:flex;flex-direction:column;width:100%}.street-list-item{display:flex;flex-direction:column;align-items:flex-start;padding:15px;border-bottom:1px solid rgba(71,71,69,.25)}.street-list-item__name{font-size:18px;line-height:22px;color:#180c0c;margin-bottom:4px;font-weight:500}.street-list-item__name>span{color:#180c0c66;display:inline-block}.street-list-item__name>span:first-letter{text-transform:lowercase}.street-list-item__address{font-size:16px;line-height:20px;color:#180c0c}.school-pie-presenter{flex:1 1;display:grid;gap:50px;grid-template-columns:4fr 6fr;grid-template-rows:1fr}.school-pie-presenter__block{padding:25px;position:relative}.school-list{display:flex;flex:1 1;flex-direction:column;position:absolute;top:0;left:0;height:100%;width:100%;overflow-y:auto}.school-list__container{flex:1 1;position:relative}.school-list__wrapper{position:relative;display:flex;flex-direction:column;width:100%}.school-list-item{display:flex;flex-direction:column;align-items:flex-start;padding:15px;border-bottom:1px solid rgba(71,71,69,.25)}.school-list-item__name{font-size:18px;line-height:22px;color:#180c0c;margin-bottom:4px;font-weight:500}.school-list-item__address{font-size:16px;line-height:20px;margin-bottom:4px;color:#180c0c}.school-list-item__phone{font-size:14px;line-height:18px;color:#180c0c}.quality-bar{padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.quality-bar__description{width:100%;display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px}.quality-bar__title{font-size:22px;line-height:26px;font-weight:400;color:#180c0c;width:100%;text-align:start}.quality-bar__value{font-size:42px;line-height:46px;font-weight:700;color:#180c0c;flex:1 1;align-self:flex-end}.quality-bar__thumb{height:13px;width:100%;position:relative;border-radius:30px;background-color:#cfcbc8}.quality-bar__progress{border-radius:30px;position:absolute;top:0;left:0;width:0;height:100%;transition:all .5s ease}.year-selector{display:flex;align-items:center;justify-content:flex-start;margin-bottom:30px}.year-selector__text{margin-right:15px;font-size:18px;line-height:22px}.city-page,.city-param-page,.districts-page{flex:1 1;display:flex;flex-direction:column}.districts-page__head{display:flex;justify-content:space-between;align-items:flex-start}.districts-page__list{flex:1 1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:20px}.districts-page__item{overflow:hidden}.districts-page__item:hover>a>img{opacity:1;transform:scale(1.1)}.districts-page__link{width:100%;padding:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative}.districts-page__name{font-size:24px;line-height:26px;font-weight:500;background-color:#ffffffbf;position:relative;z-index:10}.districts-page__image{position:absolute;right:10%;top:10%;height:80%;opacity:.75;transition:all .1s ease;z-index:9;user-select:none;pointer-events:none}.districts-page__btn-active{background-color:#cfcbc8;color:#474745}.district-param-page,.compare-page,.district-page,.compare-param-page{flex:1 1;display:flex;flex-direction:column}.compare-param-page__selectors{display:flex;align-items:center;width:100%}.streets-page,.schools-page,.fizkult-page{flex:1 1;display:flex;flex-direction:column}.fizkult-page__list{display:flex;flex-direction:column;position:absolute;top:0;left:0;height:100%;width:100%}.fizkult-page__list-wrapper{flex:1 1;overflow-y:auto;position:relative}.fizkult-page-item{padding:15px;border-bottom:1px solid rgba(71,71,69,.25);display:flex;flex-direction:column}.fizkult-page-item__description{display:flex;align-items:flex-start}.fizkult-page-item__description+.fizkult-page-item__description{margin-top:5px}.fizkult-page-item__description-text{flex:0 0 300px;font-size:18px;line-height:22px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.fizkult-page-item__info-text{font-size:18px;line-height:22px;font-weight:400;overflow:hidden;text-overflow:ellipsis}.quality-index{flex:1 1;display:flex;flex-direction:column}.quality-index__bars{display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.small-size{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100vw;height:100vh;padding:30px}.small-size h1{font-size:32px;line-height:40px;font-weight:500;margin-bottom:30px;text-align:center}.small-size p{font-size:22px;line-height:28px;text-align:center}.about{max-height:100%;flex:1 1;display:flex;align-items:center}.about__content{display:flex;align-items:flex-start;column-gap:150px;padding:0 50px}.about__ctyas a{display:flex;align-items:center;justify-content:flex-end}.about__ctyas a img{max-height:450px;object-fit:cover}.about__list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:75px}.about__list-item{display:flex;align-items:center;justify-content:center}.about__list-item a{display:block}.about__list-item a img{width:300px;height:300px;object-fit:contain}.about__list-item:first-child a img{width:150px;height:150px}.about__list-item:last-child a img{width:65px;height:65px}.about__info{display:flex;flex-direction:column;flex:1 1}.about__text{font-size:18px;line-height:22px;text-align:left;width:100%}.about__text a{color:#6495ed}.about__text a:hover{text-decoration:underline}.about__text+.about__text{margin-top:20px}@font-face{font-family:Roboto;src:url(f80816a5455d171f948d.ttf) format("truetype");font-weight:700}@font-face{font-family:Roboto;src:url(7c8d04cd831df3033c8a.ttf) format("truetype");font-weight:500}@font-face{font-family:Roboto;src:url(fc2b5060f7accec5cf74.ttf) format("truetype");font-weight:400}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background-color:#cfcbc81a}*::-webkit-scrollbar-thumb{background-color:#cfcbc8b3}*::-webkit-scrollbar-thumb:hover{background-color:#cfcbc8}*::-webkit-scrollbar-thumb:active{background-color:#180c0c59}ul{list-style:none}a{text-decoration:none;color:#000}ul[aria-label=Pagination]{display:flex;margin-top:10px}ul[aria-label=Pagination]>li{border-radius:5px;overflow:hidden;margin-right:3px}ul[aria-label=Pagination]>li>a{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:20px;padding:10px;transition:all .15s ease;user-select:none}ul[aria-label=Pagination]>li>a:hover{background-color:#180c0c40}ul[aria-label=Pagination]>li.selected>a{background-color:#180c0c;color:#fff}ul[aria-label=Pagination]>li.disabled{opacity:.35}ul[aria-label=Pagination]>li.disabled>a:hover{cursor:auto;background-color:#0000}