#tabbar{background:#2b3638;border-top:1px solid hsla(0,0%,100%,.1);display:none;flex-direction:row;align-items:stretch;padding:2px}@media (max-width:900px){#tabbar{display:flex}}#tabbar .tab{flex:1;display:flex;align-items:center;text-align:center;justify-content:center;font-size:22px;border-radius:3px;color:#aaa;cursor:pointer;padding:15px}#tabbar .tab[selected=selected]{background:rgba(0,0,0,.2);color:#fff;cursor:default}body,html{overflow:hidden}html{background:#191c1f;color:#fff;font-family:-apple-system-font,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#app{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column}#view{flex-grow:1;position:relative}#map{right:340px;background:#191c1f}#map,#map .fill{position:absolute;top:0;bottom:0;left:0}#map .fill{right:0;overflow:hidden}#map .google-visualization-tooltip{display:none}#map .world-overlay{position:absolute;left:20px;bottom:20px;min-width:216px}#map .map-mode-overlay{position:absolute;right:20px;bottom:20px;width:210px;background:hsla(0,0%,100%,.05);padding:12px 14px;border-radius:3px;box-sizing:border-box}@media (max-width:500px){#map .map-mode-overlay{display:none}}.country .info .status,.subhead{font-size:14px;color:#aaa;text-transform:uppercase;font-weight:600;display:block}.dropdown-ctn{display:flex;align-items:center}.dropdown-ctn>span{text-transform:uppercase;font-weight:500}.dropdown-ctn>select{flex-grow:1;flex-shrink:1;margin-left:12px;min-width:0;font-size:13px}#list{position:absolute;top:0;right:0;bottom:0;width:340px;background:#2b3638;padding:0;display:flex;flex-direction:column}#list .top-bar{margin:0;flex-shrink:0;flex-grow:0}#list .top-bar>div{background:#2b3638;border-bottom:1px solid hsla(0,0%,100%,.1);padding:20px;position:relative}#list .top-bar>.header{padding:12px;display:flex;align-items:center;z-index:1}#list .top-bar>.header>.title{text-align:center;padding:0 8px;flex-grow:1;flex-shrink:1}#list .top-bar>.header>.title h1{text-transform:uppercase;color:#ddd;line-height:1.5;font-size:18px}#list .top-bar>.header>.title p{font-size:11px;color:#aaa;margin-top:-10px}#list .top-bar>.header>.button{display:flex;align-items:center;justify-content:center;text-align:center;font-size:20px;text-decoration:none;color:#fff;height:40px;width:40px;border-radius:4px;transition:background .1s}#list .top-bar>.header>.button:hover{background:rgba(0,0,0,.08)}#list .top-bar>.header>.button:hover:active{background:rgba(0,0,0,.12)}#list .top-bar>.header>.button.active{background:rgba(0,0,0,.4)}#list .top-bar>.header>.button.active:hover{background:rgba(0,0,0,.48)}#list .top-bar>.header>.button.active:hover:active{background:rgba(0,0,0,.6)}#list .top-bar>.header>.button>i{margin-top:2px}#list .top-bar>.sort-bar{height:48px;margin-top:0;opacity:1;z-index:0}#list .top-bar>.sort-bar.slide-enter-active,#list .top-bar>.sort-bar.slide-leave-active{transition:margin-top .25s,opacity .25s}#list .top-bar>.sort-bar.slide-enter,#list .top-bar>.sort-bar.slide-leave-to{margin-top:-48px;opacity:0}#list>.scroller{flex-grow:1;flex-shrink:1;-webkit-overflow-scrolling:touch;overflow-y:auto;padding:20px}.dropdown-ctn>span,.help-text{font-size:12px;color:#999}.dropdown-ctn>span a,.help-text a{text-decoration:none;color:#99f}.dropdown-ctn>span p:first-child,.help-text p:first-child{margin-top:0}.dropdown-ctn>span strong,.help-text strong{font-weight:500;color:#aaa}.animated-list-move{transition:transform .25s}.country-ctn{margin-bottom:10px}.country{display:flex;align-items:stretch;background:hsla(0,0%,100%,.05);border-radius:3px;padding:15px 22px;box-shadow:0 2px 10px 1px rgba(0,0,0,.02);position:relative;overflow:hidden}.country.solid-bg{background:#384042}.country.hoverable{transition:margin .15s cubic-bezier(.4,0,.2,1),padding .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.country.hoverable:hover{margin-top:-5px;margin-left:-5px;margin-right:-5px;margin-bottom:5px;padding:20px 27px;box-shadow:0 5px 10px 2px rgba(0,0,0,.07)}.country .flag-ctn{position:relative;display:flex;align-items:center;margin-right:15px}.country .flag-ctn .flag{width:64px;height:64px;background-color:hsla(0,0%,100%,.1);border-radius:50%;background-size:cover;background-position:50%;background-repeat:no-repeat}.country .info{flex-grow:1;line-height:1.3}.country .info .name{font-size:24px;display:block;margin-bottom:1px}.country .info .status{display:block;margin-bottom:4px;font-size:13px;letter-spacing:.2px}.country .info .population{font-size:12px;color:#ddd;display:block;font-variant-numeric:tabular-nums;letter-spacing:-.3px}.country .warning{align-self:center;color:orange;font-size:18px;margin-left:12px;cursor:help}.country .warning.warning-fatal{color:#f55}.country .bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:hsla(0,0%,100%,.05)}.country .bar .filled{height:100%;background:hsla(0,0%,100%,.2)}@media (max-width:900px){#map{right:0;z-index:1}#list{width:100%;z-index:1}#view[selected-tab=list] #list,#view[selected-tab=map] #map{z-index:2}.country .info .status,.subhead{font-size:12px}#list .heading{padding:10px}.country .flag{width:48px;height:48px}.country .info .name{font-size:20px}.country .info .timeout{font-size:10px}}