/* Test this both on firefox and chrome, they implement sticky a bit differently! *//* {{pp-template}} */#covid19-container{float:right;max-width:100%;max-height:75vh;height:60em;overflow:auto;/* On some desktop browsers (firefox on linux at least), the scrollbar comes out of the element, and if we don't have some padding, it overlaps the ref column */padding-right:18px;}.covid-show-table{float:right;font-size:75%;}#covid19-container:target.covid-show-table{display:none;}#covid19-container:target{max-width:none;max-height:none;height:auto;overflow-y:visible;padding-right:0;}/* needs to be specific */bodyth.covid-total-row{text-align:right!important;padding-right:17px;}@mediaprint{#covid19-container{max-width:none;max-height:none;height:auto;overflow-y:visible;padding-right:0;}.covid-show-table{display:none;}}@mediascreen{.covid-stickyth{position:sticky;/* firefox works best with 0.9px to show top border, chrome wants 0. or it will show stuff behind. */top:0;/* hack for firefox */background-clip:padding-box;}/* based on https://stackoverflow.com/questions/50361698/border-style-do-not-work-with-sticky-position-element */.covid-stickyth:after,.covid-stickyth:before{content:'';position:absolute;left:0;width:100%;}.covid-stickyth:before{/* make it overlap with top border before scrolling */top:-1px;border-top:1pxsolid#a2a9b1;}.covid-stickyth:after{bottom:-1px;border-bottom:1pxsolid#a2a9b1;}}/* Make country line wrap if on small screen */@mediaonlyscreenand(max-width:650px){.covid-country-narrow-on-mobile{width:12ch;}/* needs to be specific */bodyth.covid-total-row{padding-right:3px;}}/* For mobile app page content service - https://en.wikipedia.org/api/rest_v1/page/mobile-html/Template:2019%E2%80%9320_coronavirus_pandemic_data */.pcs-collapse-table-container.covid-show-table{display:none;}