@import url(https://fonts.googleapis.com/icon?family=Material+Icons);@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Rubik:400,500,700,900&display=swap);#app{font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#333}#app .vld-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#app .vld-overlay.is-full-page{z-index:9999}#app .vld-overlay .vld-background{background-color:#000;opacity:.8}#app .lds-ellipsis{display:inline-block;position:absolute;top:40px;left:4px}#app .lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}#app .lds-ellipsis div:first-child{left:8px;-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}#app .lds-ellipsis div:nth-child(2){left:8px}#app .lds-ellipsis div:nth-child(2),#app .lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}#app .lds-ellipsis div:nth-child(3){left:32px}#app .lds-ellipsis div:nth-child(4){left:56px;-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}#app .fade-enter-active,#app .fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}#app .fade-enter,#app .fade-leave-to{opacity:0}#app a{text-decoration:none}#app #side-menu{background-color:#fff;width:370px;height:100%;position:fixed;left:0;z-index:999;-webkit-transition:all .5s ease;transition:all .5s ease}#app #side-menu.toggle{left:-370px}#app #side-menu.toggle .toggle-btn{background-color:#3986f7;color:#fff;-webkit-transition:all .4s;transition:all .4s}#app #side-menu.toggle .toggle-btn:hover{background-color:#395fab}#app #side-menu.toggle .toggle-btn i{color:#fff;-webkit-transform:rotate(180deg);transform:rotate(180deg)}#app #side-menu select{width:100%;height:auto;padding:10px 16px;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:10px;background-image:linear-gradient(45deg,transparent 50%,#3986f7 0),linear-gradient(135deg,#3986f7 50%,transparent 0),linear-gradient(90deg,#8ca2d8,#8ca2d8);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;letter-spacing:1px;border:1px solid #8ca2d8}#app #side-menu select:focus{border:1px solid #8ca2d8!important}#app .sticky-wrap{position:sticky;top:0;z-index:999;padding:0 30px 20px 30px;height:295px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.15);box-shadow:0 0 10px 0 rgba(0,0,0,.15)}#app .sticky-wrap,#app .sticky-wrap h1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#app .sticky-wrap h1{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;font-size:26px;font-weight:600;font-family:Rubik,sans-serif;color:#333;margin:20px 0;color:#395fab}#app .sticky-wrap h1 .logo{width:85px;height:65px;display:block;margin-right:15px;background-image:url(../img/mask-map-logo.3b674476.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}#app .sticky-wrap h1 .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#app .sticky-wrap h1 .title p{margin-bottom:0;font-size:28px;font-weight:700;color:#395fab;text-transform:uppercase}#app .sticky-wrap h1 .title span{font-size:16px;font-weight:500;color:#395fab;letter-spacing:27px}#app .sticky-wrap select{width:100%;margin-bottom:15px}#app .sticky-wrap .count{margin-top:15px;margin-bottom:0;color:grey}#app .sticky-wrap .count span{font-family:Rubik,sans-serif;font-weight:600;font-size:22px;color:#3986f7}#app .sticky-wrap .count .total{color:#a0a0a0}#app .sticky-wrap .count svg{width:16px;margin-right:5px}#app .list-wrap{overflow-y:scroll;height:calc(100vh - 295px)}#app .list-wrap .item{margin:25px 15px;padding:20px;text-align:left;color:#333;background-color:#ebf3ff;border-radius:12px;display:block;-webkit-transition:all .4s;transition:all .4s;position:relative}#app .list-wrap .item:hover{opacity:.7;text-decoration:none;background-color:#e0ecff}#app .list-wrap .item:last-child{border-bottom:none}#app .list-wrap .item h3{font-size:24px;font-weight:600;margin-bottom:10px;color:#395fab}#app .list-wrap .item p{margin-bottom:5px;color:#8ca2d8}#app .list-wrap .item svg{width:16px;margin-right:5px}#app .list-wrap .item .mask-counts{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#app .list-wrap .item .mask-counts .count{padding:15px;border-radius:6px;color:hsla(0,0%,100%,.8);position:relative;overflow:hidden}#app .list-wrap .item .mask-counts .count p{color:#fff}#app .list-wrap .item .mask-counts .adult{-ms-flex-preferred-size:48%;flex-basis:48%;background-color:#3986f7}#app .list-wrap .item .mask-counts .adult.zero{background-color:#9c9c9c}#app .list-wrap .item .mask-counts .adult.zero h4,#app .list-wrap .item .mask-counts .adult.zero p,#app .list-wrap .item .mask-counts .adult.zero span{color:#cacaca}#app .list-wrap .item .mask-counts .adult .icon{opacity:.2;width:70px;position:absolute;bottom:-14px;right:-20px}#app .list-wrap .item .mask-counts .child{-ms-flex-preferred-size:48%;flex-basis:48%;background-color:#e89421}#app .list-wrap .item .mask-counts .child.zero{background-color:#9c9c9c}#app .list-wrap .item .mask-counts .child.zero h4,#app .list-wrap .item .mask-counts .child.zero p,#app .list-wrap .item .mask-counts .child.zero span{color:#cacaca}#app .list-wrap .item .mask-counts .child .icon{opacity:.2;width:80px;position:absolute;bottom:-19px;right:-22px}#app .list-wrap .item .mask-counts h4{font-family:Rubik,sans-serif;font-size:30px;font-weight:700;color:#fff;margin-bottom:0}#app .list-wrap .item .mask-counts h4 span{color:hsla(0,0%,100%,.8);font-size:14px}#app .list-wrap .item .mask-counts i.adult-icon{font-size:66px;color:hsla(0,0%,100%,.15);position:absolute;bottom:-12px;right:-17px}#app .list-wrap .item .mask-counts i.child-icon{font-size:72px;color:hsla(0,0%,100%,.15);position:absolute;bottom:-12px;right:-17px}#app .toggle-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px 5px;border-radius:10px;background-color:#fff;color:#3986f7;position:absolute;top:50%;right:-70px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:900;-webkit-transition:all .4s;transition:all .4s}#app .toggle-btn:hover{background-color:#3986f7;color:#fff}#app .toggle-btn:hover i{color:#fff}#app .toggle-btn i{color:#3986f7;font-size:30px;-webkit-transition:all .4s;transition:all .4s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}#app #map{width:100%;height:100vh}#app #map .popup h3{font-size:22px;font-weight:600}#app #map .popup p{font-size:14px;margin-top:0;margin-bottom:5px}#app #map .popup .mask-counts{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:12px}#app #map .popup .mask-counts,#app #map .popup .mask-counts .count{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#app #map .popup .mask-counts .count{padding:10px 18px;border-radius:6px;color:hsla(0,0%,100%,.8);position:relative;overflow:hidden;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#app #map .popup .mask-counts .adult{background-color:#3986f7}#app #map .popup .mask-counts .child{background-color:#e89421}#app #map .popup .mask-counts h4{font-size:18px;color:#fff;font-weight:600;margin-bottom:0}#app #map .popup .mask-counts h4 span{font-size:14px;margin-left:5px}#app #nav{padding:30px}#app #nav a{font-weight:700;color:#2c3e50}#app #nav a.router-link-exact-active{color:#42b983}#app .form-control:focus{border:1px solid #ced4da!important;-webkit-box-shadow:none!important;box-shadow:none!important}#app .form-control:last-child{margin-bottom:0}#app .vue2leaflet-map{z-index:10}#app .leaflet-container{font-family:Roboto,Helvetica,Arial,sans-serif}#app .leaflet-popup-content{margin:20px 19px 13px 19px}#app .leaflet-popup-content h3{font-size:22px;font-weight:600;color:#395fab}#app .leaflet-popup-content p{margin:5px 0;font-size:14px;color:#8ca2d8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#app .leaflet-popup-content p i{font-size:18px;margin-right:5px}#app .leaflet-popup-content .mask-counts{margin-top:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:250px}#app .leaflet-popup-content .mask-counts .count{padding:10px 17px;border-radius:6px;color:hsla(0,0%,100%,.8);position:relative;overflow:hidden}#app .leaflet-popup-content .mask-counts .count p{color:#fff}#app .leaflet-popup-content .mask-counts .adult{-ms-flex-preferred-size:48%;flex-basis:48%;background-color:#3986f7}#app .leaflet-popup-content .mask-counts .adult span{margin-left:5px}#app .leaflet-popup-content .mask-counts .adult.zero{background-color:#9c9c9c}#app .leaflet-popup-content .mask-counts .adult.zero h4,#app .leaflet-popup-content .mask-counts .adult.zero h4 span,#app .leaflet-popup-content .mask-counts .adult.zero p{color:#cacaca}#app .leaflet-popup-content .mask-counts .adult .icon{position:absolute;display:block;width:65px;height:65px;opacity:.2;bottom:-12px;right:-17px;background-image:url(../img/adult-mask.55921f66.svg)}#app .leaflet-popup-content .mask-counts .child{-ms-flex-preferred-size:48%;flex-basis:48%;background-color:#e89421}#app .leaflet-popup-content .mask-counts .child span{margin-left:5px}#app .leaflet-popup-content .mask-counts .child.zero{background-color:#9c9c9c}#app .leaflet-popup-content .mask-counts .child.zero h4,#app .leaflet-popup-content .mask-counts .child.zero h4 span,#app .leaflet-popup-content .mask-counts .child.zero p{color:#cacaca}#app .leaflet-popup-content .mask-counts .child .icon{position:absolute;display:block;width:80px;height:80px;opacity:.2;bottom:-18px;right:-25px;background-image:url(../img/child-mask.2b3e2fbf.svg)}#app .leaflet-popup-content .mask-counts h4{font-family:Rubik,sans-serif;font-weight:700;color:#fff;margin-bottom:0}#app .leaflet-popup-content .mask-counts h4 span{color:hsla(0,0%,100%,.8);font-size:14px}