@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap&subset=cyrillic);@import url(https://fonts.googleapis.com/css?family=Roboto:700&display=swap&subset=cyrillic);body,h1,h2,h3,p{margin:0;padding:0}body{margin:0;background:rgba(44,62,80,.95);width:100%;font-family:Montserrat,Arial,sans-serif;font-size:14px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body:before{position:absolute;top:0;right:50px;border-right:5px dashed rgba(47,62,76,.7);border-left:5px dashed rgba(47,62,76,.7);width:10px;height:100%;content:""}h3{line-height:.75rem;font-family:Montserrat,Arial,sans-serif;font-size:.75rem;font-weight:700;font-style:normal}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{min-height:100vh;position:relative;width:100%;display:flex;flex-direction:column;display:grid;grid-template-rows:5.625rem 1fr 3.75rem;grid-template-areas:"header" "main" "footer"}.app:after{position:absolute;top:57%;right:10px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:1;z-index:-1;width:400px;height:10px;text-align:center;color:hsla(0,0%,88.6%,.1);font-size:100px;font-weight:700;content:"FunRoute#"}.app__header{grid-area:header;position:fixed;top:0;z-index:1000;width:100%}.app__main{grid-area:main}.app__footer{grid-area:footer;padding:1.25rem}.main{justify-content:start;width:100%;max-width:1440px;display:grid;justify-content:center;box-sizing:border-box;grid-column-gap:20px;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;margin:0 auto;padding-right:.9375rem;padding-left:.9375rem;grid-row-gap:20px;row-gap:20px;grid-template-rows:15rem 73px 1fr minmax(25rem,auto);grid-template-columns:minmax(290px,450px);grid-template-areas:"map" "new-point" "type-button" "route"}@media (min-width:700px){.main{grid-template-rows:73px 1fr 56px;grid-template-columns:minmax(20rem,1fr) 20rem;grid-template-areas:"map new-point" "map route" "map type-button"}}@media (min-width:1000px){.main{grid-template-rows:73px 1fr 56px;grid-template-columns:minmax(20rem,1fr) minmax(20rem,28.125rem);grid-template-areas:"map new-point" "map route" "map type-button"}}@media (min-width:1450px){.main{padding-left:0;padding-right:0}}.main__map{grid-area:map;width:100%}.main__new-point{grid-area:new-point}.main__route{grid-area:route}.main__type-button{grid-area:type-button}.error-page{max-width:1160px;margin:0 auto;color:#e9e9e9;padding-left:.9375rem;padding-right:.9375rem}@media (min-width:1450px){.error-page{padding:0}}.error-page__header{text-align:center;padding-bottom:6.25rem}.error-page__title{color:#798995;opacity:.5}.error-page__text{margin:0 auto;width:18.75rem;line-height:1.875rem}@media (min-width:400px){.error-page__text{width:37.5rem}}.error-page__link{display:block;color:#798995;-webkit-transition:all .3s linear;transition:all .3s linear}.error-page__link:hover{color:#16a085}.error-page__number-404{width:100%;padding-top:6.25rem;font-size:3rem;margin:0 auto;position:relative;text-align:center;color:#798995;opacity:.5;padding-bottom:2rem}.error-page__number-404--big{font-size:4rem}.footer{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.footer .footer__link{color:#e9e9e9;text-decoration:none;-webkit-transition:all .3s linear;transition:all .3s linear}.footer .footer__link:hover{color:#16a085}.header{display:grid;background-color:rgba(44,62,80,.95);width:100%;height:4.0625rem;grid-template-columns:minmax(.9375rem,1fr) minmax(18.125rem,28.125rem) minmax(.9375rem,1fr);grid-template-areas:"  .   up-line    .  " " line   line   line "}@media (min-width:700px){.header{grid-template-columns:.9375rem minmax(20rem,1fr) .9375rem}}@media (min-width:1450px){.header{grid-template-columns:1fr 90rem 1fr}}.header__up-line{grid-area:up-line;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;width:100%}.header__logo{-webkit-transform:translateY(14px);transform:translateY(14px);-webkit-transition:all .3s linear;transition:all .3s linear;z-index:10000;cursor:pointer;width:100%;max-width:12.5rem;overflow:visible;text-decoration:none;text-shadow:0 .25rem .3125rem rgba(0,0,0,.2);line-height:3rem;color:#798995;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-size:2.25rem;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header__logo:hover{opacity:1;color:#16a085}.header__logo:active{opacity:.2;color:#798995}.header__menu-item{-webkit-transform:translateY(24px);transform:translateY(24px);-webkit-transition:all .3s linear;transition:all .3s linear;opacity:.3;background-color:transparent;cursor:pointer;padding:0;height:1.875rem;vertical-align:middle;text-decoration:none;color:#798995;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-size:1.125rem;font-weight:700}.header__menu-item:hover{opacity:1;color:#16a085}.header__menu-item:active{opacity:.2;color:#798995}.header__menu-item--active{display:none}.header__decor-line{grid-area:line;box-shadow:0 .25rem .3125rem rgba(0,0,0,.2),0 .1875rem .875rem rgba(0,0,0,.12),0 .5rem .625rem rgba(0,0,0,.14);background-color:#16a085;width:100%;height:.75rem}.help-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%}.help-card:hover .help-card__title{color:#16a085}.help-card__title{-webkit-transition:all .3s linear;transition:all .3s linear;padding-bottom:3.125rem;text-align:center}.help-card__image-section{display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem;border-radius:.375rem;width:80%;-webkit-transition:background-color .8s ease .1s;transition:background-color .8s ease .1s}@media (min-width:1000px){.help-card__image-section{background-color:rgba(44,62,80,.95);height:14.375rem}}.help-card__image{border:1px solid #798995;border-radius:.25rem;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:cubic-bezier(.76,0,1,1);transition-timing-function:cubic-bezier(.76,0,1,1)}.help-card__text{display:block;margin:0 auto;padding-bottom:2.5rem;width:18.75rem;line-height:1.5rem;-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual}@media (min-width:700px){.help-card__text{width:auto;margin:0}}@media (min-width:400px){.help-card__text{max-width:31.25rem}}.help-card__text:after{display:block;clear:both;visibility:hidden;margin:0;padding:0;height:0;line-height:0;content:""}.help-card .icon{-webkit-transform:translateY(4px);transform:translateY(4px);margin:0 .3125rem;width:1.25rem;height:1.25rem}.help-card .icon__path{fill:#798995}.help{margin:0 auto;max-width:72.5rem;color:#e9e9e9;box-sizing:border-box;padding-right:.9375rem;padding-left:.9375rem}.help__title-page{padding-bottom:1.875rem;text-align:center}.help__rules-container{display:grid;grid-template-columns:minmax(18.125rem,1fr);grid-gap:3.125rem;width:100%}@media (min-width:400px){.help__rules-container{grid-template-columns:minmax(23.125rem,1fr)}}@media (min-width:700px){.help__rules-container{grid-template-columns:repeat(auto-fill,minmax(25rem,1fr))}}@media (min-width:1450px){.help__rules-container{padding:0}}.map-region{position:relative;width:100%;height:100%}.map-region__map{box-sizing:border-box;border:.0625rem solid #798995;border-radius:.25rem;width:100%;height:100%;overflow:hidden;opacity:1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1)}@media (min-width:700px){.map-region__map{height:35rem}}@media (min-width:1000px){.map-region__map{height:50rem;max-height:none}}.map-region__map--hidden{opacity:0}.map-region__map--hidden+.map-region__preloader{display:block}.map-region__preloader{display:none;position:absolute;left:50%;top:50%;height:50px;width:50px;margin-top:-1.5625rem;margin-left:-1.5625rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1)}.object{width:1.5625rem;height:1.5625rem;background-color:#16a085;float:left;border-radius:.25rem}#object_one{-webkit-animation:object_one 1.5s infinite;animation:object_one 1.5s infinite}#object_two{-webkit-animation:object_two 1.5s infinite;animation:object_two 1.5s infinite}#object_three{-webkit-animation:object_three 1.5s infinite;animation:object_three 1.5s infinite}#object_four{-webkit-animation:object_four 1.5s infinite;animation:object_four 1.5s infinite}@-webkit-keyframes loading-center-absolute{to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes loading-center-absolute{to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@-webkit-keyframes object_one{25%{-webkit-transform:translateY(-3.125rem) rotate(-180deg);transform:translateY(-3.125rem) rotate(-180deg)}to{-webkit-transform:translate(0) rotate(-180deg);transform:translate(0) rotate(-180deg)}}@keyframes object_one{25%{-webkit-transform:translateY(-3.125rem) rotate(-180deg);transform:translateY(-3.125rem) rotate(-180deg)}to{-webkit-transform:translate(0) rotate(-180deg);transform:translate(0) rotate(-180deg)}}@-webkit-keyframes object_two{25%{-webkit-transform:translate(3.125rem) rotate(-180deg);transform:translate(3.125rem) rotate(-180deg)}to{-webkit-transform:translate(0) rotate(-180deg);transform:translate(0) rotate(-180deg)}}@keyframes object_two{25%{-webkit-transform:translate(3.125rem) rotate(-180deg);transform:translate(3.125rem) rotate(-180deg)}to{-webkit-transform:translate(0) rotate(-180deg);transform:translate(0) rotate(-180deg)}}@-webkit-keyframes object_three{25%{-webkit-transform:translate(-3.125rem) rotate(-180deg);transform:translate(-3.125rem) rotate(-180deg)}to{-webkit-transform:translate(0) rotate(-180deg);transform:translate(0) rotate(-180deg)}}@keyframes object_three{25%{-webkit-transform:translate(-3.125rem) rotate(-180deg);transform:translate(-3.125rem) rotate(-180deg)}to{-webkit-transform:translate(0) rotate(-180deg);transform:translate(0) rotate(-180deg)}}@-webkit-keyframes object_four{25%{-webkit-transform:translateY(3.125rem) rotate(-180deg);transform:translateY(3.125rem) rotate(-180deg)}to{-webkit-transform:translate(0) rotate(-180deg);transform:translate(0) rotate(-180deg)}}@keyframes object_four{25%{-webkit-transform:translateY(3.125rem) rotate(-180deg);transform:translateY(3.125rem) rotate(-180deg)}to{-webkit-transform:translate(0) rotate(-180deg);transform:translate(0) rotate(-180deg)}}.popover{position:absolute;top:0;left:0;z-index:1010;margin-top:-.625rem;border:1px solid rgba(120,120,80,.3);border-radius:.375rem;box-shadow:0 .3125rem .625rem rgba(0,0,0,.2);background-clip:padding-box;background-color:#fff;padding:.0625rem;max-width:17.25rem;text-align:left;white-space:normal}.popover__title{margin:0;border-bottom:.0625rem solid #ebebeb;background-color:#f7f7f7;padding:.5rem .875rem;line-height:1.125rem;color:#2c3e50;font-size:.875rem;font-weight:700;border-radius:.3125rem .3125rem 0 0}.popover__content{padding:.5625rem .875rem}.popover__arrow{bottom:-.6875rem;left:50%;margin-left:-.5625rem;border-color:rgba(0,0,0,.25) transparent transparent;border-width:.6875rem .6875rem 0}.popover__arrow,.popover__arrow:after{display:block;position:absolute;border-style:solid;width:0;height:0}.popover__arrow:after{bottom:.0625rem;margin-left:-.625rem;border-color:#fff transparent transparent;border-width:.625rem .625rem 0;content:""}.popover .popover__close{position:absolute;top:.0625rem;right:.3125rem;float:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);opacity:.5;text-decoration:none;text-shadow:0 .0625rem 0 #fff;line-height:1.25rem;color:#798995;font-size:1.25rem;font-weight:700}.popover .popover__close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:1;color:#16a085}.new-point{position:relative;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.new-point__input{box-sizing:border-box;outline:none;border:1px solid #798995;border-radius:4px;background-color:#16a085;padding-top:.9375rem;padding-right:3.25rem;padding-left:1rem;width:100%;height:3.5rem;text-overflow:ellipsis;color:#fff;font-size:1rem}.new-point__input::-webkit-input-placeholder{color:#e9e9e9}.new-point__input::-moz-placeholder{color:#e9e9e9}.new-point__input:-ms-input-placeholder{color:#e9e9e9}.new-point__input::-ms-input-placeholder{color:#e9e9e9}.new-point__input::placeholder{color:#e9e9e9}.new-point__input:disabled::-webkit-input-placeholder{opacity:.5}.new-point__input:disabled::-moz-placeholder{opacity:.5}.new-point__input:disabled:-ms-input-placeholder{opacity:.5}.new-point__input:disabled::-ms-input-placeholder{opacity:.5}.new-point__input:disabled::placeholder,.new-point__input:disabled~.new-point__caption,.new-point__input:disabled~.new-point__description{opacity:.5}.new-point__caption{position:absolute;top:.5rem;left:1rem;margin:0;padding:0;line-height:.75rem;color:#2c3e50}.new-point__add-button{position:absolute;top:.8125rem;right:1rem;-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);margin:0;outline:none;border:none;border-radius:50%;background:none;padding:0;width:1.875rem;height:1.875rem}.new-point__add-button,.new-point__add-button:hover{-webkit-transition-duration:.3s;transition-duration:.3s}.new-point__add-button:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1)}.new-point__add-button:active .icon__path{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);opacity:.2;fill:#fff}.new-point__add-button:disabled{opacity:.5}.new-point__add-button:disabled:hover{-webkit-transform:none;transform:none}.new-point__add-button:disabled:active .icon__path{opacity:1;fill:#e9e9e9}.new-point__description{padding-top:.3125rem;line-height:.75rem;color:#798995;font-size:.75rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.route{box-sizing:border-box;margin:0;border:.0625rem solid #798995;border-radius:.25rem;background:#2c3e50;cursor:pointer;padding:0;width:100%;height:100%}.route__item{display:grid;position:relative;grid-template-rows:50% 50%;grid-template-columns:3.1875rem calc(100% - 6.375rem) 3.1875rem;margin-top:.125rem;background:#34495e;width:100%;height:3.6875rem}.route__item:first-child{margin:0;border-top-left-radius:.1875rem;border-top-right-radius:.1875rem}.route__item:last-child{border-bottom-left-radius:.1875rem;border-bottom-right-radius:.1875rem}.route__item:hover .route__item-letter{visibility:hidden;opacity:0}.route__item:hover .route__item-button,.route__item:hover .route__item-letter{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.76,0,1,1);transition-timing-function:cubic-bezier(.76,0,1,1)}.route__item:hover .route__item-button{visibility:visible;opacity:1}.route__item--active{border-top:.0625rem solid #34495e;border-bottom:.0625rem solid #34495e;background-color:#2c3e50;height:auto;min-height:3.6875rem}.route__item--active .icon__path{fill:#16a085}.route__item--active .route__item-letter{background-color:#16a085}.route__item--active .route__item-address{padding-top:.5625rem;padding-bottom:.3125rem;overflow:visible;text-overflow:clip;line-height:1.125rem;white-space:normal;color:#16a085}.route__item--active .route__item-name{overflow:visible;text-overflow:clip;line-height:1.125rem;white-space:normal;color:#fff}.route__item-control{box-sizing:border-box;display:flex;position:relative;flex-direction:column;grid-row:1/span 2;grid-column:1;align-items:flex-start;justify-content:flex-start;padding-top:.8125rem;padding-left:1rem;width:3.1875rem;line-height:100%}.route__item-control .route__item-button .icon{width:1.25rem}.route__item-letter{position:absolute;top:.8125rem;left:1rem;opacity:1;border-radius:50%;background-color:#798995;width:1.875rem;height:1.875rem;text-align:center;line-height:1.875rem;color:#34495e;font-size:.875rem;font-weight:700;visibility:hidden}@media (min-width:700px){.route__item-letter{visibility:visible}}.route__item-button{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.76,0,1,1);transition-timing-function:cubic-bezier(.76,0,1,1);outline:none;border:none;box-shadow:none;background:none;cursor:pointer;visibility:visible;opacity:1}@media (min-width:700px){.route__item-button{visibility:hidden;opacity:0}}.route__item-button:hover .icon__path{fill:#16a085}.route__item-button:active .icon__path{opacity:.2;fill:#798995}.route__item-caption{box-sizing:border-box;padding-left:.625rem}.route__item-address{margin:0;padding:.3125rem 0 0;text-align:left;line-height:1.8125rem;color:#e9e9e9;font-weight:700}.route__item-address,.route__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.route__item-name{box-sizing:border-box;padding:0 0 .3125rem;line-height:1.25rem;color:#798995}.route__item-button--remove{box-sizing:border-box;display:block;display:flex;flex-direction:column;grid-row:1/span 2;grid-column:3;align-items:flex-end;justify-content:flex-start;visibility:visible;opacity:1;margin:0;padding:.8125rem 1rem 0 0}.route__item-button--remove:hover .icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.route__item-button--remove:hover .icon__path{fill:#16a085}.route__item-button--remove:active .icon__path{opacity:.2;fill:#798995}.route__item-button--remove .icon{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);width:1.875rem;height:1.875rem}.route-type{box-sizing:border-box;display:grid;position:relative;grid-template-columns:2.1875rem calc(100% - 5.375rem) 3.1875rem;align-items:center;border:.0625rem solid #798995;border-radius:.25rem;background-color:#2c3e50;padding-left:1rem;width:100%;height:3.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.route-type__caption{padding-right:.625rem;padding-left:.625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e9e9e9}.route-type__label{position:relative;cursor:pointer;height:1.875rem}.route-type__label:hover .icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.route-type__label:hover .icon__path{fill:#16a085}.route-type__label .icon{left:0;position:absolute;fill:#798995;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1)}.route-type__toggle{cursor:pointer;width:0;height:0;overflow:hidden;clip:rect(0 0 0 0);visibility:hidden}.route-type__toggle:checked~.route-type__toggle-marker:before{background-color:#e9e9e9}.route-type__toggle:checked~.icon{left:.875rem}.route-type__toggle:checked~.icon .icon__path{fill:#16a085}.route-type__toggle:checked~.route-type__toggle-marker:after{left:.875rem}.route-type__toggle-marker:before{position:absolute;left:.3125rem;top:.4375rem;border:.125rem solid #798995;border-radius:1rem;box-shadow:0 .4375rem 1.25rem rgba(0,0,0,.07);width:1.875rem;height:.75rem;content:""}.route-type__toggle-marker:after{content:"";cursor:pointer;position:absolute;left:0;top:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);border-radius:50%;background-color:#34495e;width:1.8125rem;height:1.8125rem}.route-type .icon{width:1.875rem;height:1.875rem}
/*# sourceMappingURL=main.5cb55353.chunk.css.map */