header{justify-content:space-between;align-items:start;display:flex}main{max-width:1440px;margin:0 auto;padding:24px;display:none}#grid{display:block}@media screen and (min-width:900px){#grid{grid-auto-flow:dense;grid-template-rows:auto;grid-template-columns:repeat(4,1fr);grid-template-areas:"filters title title title""filters keyMetrics keyMetrics keyMetrics""filters chartVisits chartVisits chartVisits""filters chartDevices chartDevices chartDevices""filters chartOs chartOs chartOs""filters countryMetrics countryMetrics countryMetrics""filters browserMetrics browserMetrics browserMetrics""filters pages pages pages""filters searches searches searches""filters referrers referrers referrers""filters links links links""filters downloads downloads downloads""filters admin admin admin";column-gap:2%;display:grid}}@media screen and (min-width:1200px){#grid{grid-auto-flow:dense;grid-template-rows:auto;grid-template-columns:repeat(5,1fr);grid-template-areas:"filters title title title title""filters keyMetrics keyMetrics keyMetrics keyMetrics""filters chartVisits chartVisits chartVisits chartVisits""filters chartDevices chartDevices chartOs chartOs""filters countryMetrics countryMetrics browserMetrics browserMetrics""filters pages pages pages pages""filters searches searches referrers referrers""filters links links links links""filters downloads downloads downloads downloads""filters admin admin admin admin";column-gap:2%;display:grid}}#filters{flex-direction:column;grid-area:filters;display:flex}#filters label{max-width:200px}#statsTitle{grid-area:title;justify-content:space-between;margin-bottom:24px;display:flex}#statsTitle h2{display:inline-block}#statsTitle h2:first-letter{text-transform:capitalize}#statsTitle .spinner{display:none}#keyMetrics{grid-area:keyMetrics;margin-bottom:24px}#keyMetrics div{flex-direction:column;gap:24px;display:flex}#keyMetrics div>div{flex-flow:wrap;justify-content:space-between;gap:3%;display:flex}#keyMetrics article{border:1px solid var(--grey1);font-size:var(--level-3-font-size);text-align:end;flex:1;padding:12px;font-weight:700}#keyMetrics article h3{font-size:var(--level-6-font-size);text-align:end;display:block}os-visualisation{height:100%}#chartVisits{grid-area:chartVisits;margin-bottom:24px}#chartDevices{grid-area:chartDevices;margin-bottom:24px}#chartOs{grid-area:chartOs;margin-bottom:24px}#pageMetrics{grid-area:pages}#searchMetrics{grid-area:searches}#referrerMetrics{grid-area:referrers}#outLinkMetrics{grid-area:links}#downloadMetrics{grid-area:downloads}#countryMetrics{grid-area:countryMetrics}#browserMetrics{grid-area:browserMetrics}.card{border:1px solid var(--grey1);margin-bottom:20px;padding:24px}.card table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:16px}.card table th,.card table td{padding-right:4px}.card table th{text-align:start;vertical-align:top;white-space:nowrap;font-weight:700}.card table td{vertical-align:top;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card table .rank{width:32px}.card table .value{text-align:end;width:100px}.card table .type{width:100px}.card table .link{width:auto}.card table .link a{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden}.card table a[data-small]{font-size:inherit;line-height:inherit}.card h3,table caption{font-size:var(--level-5-font-size);text-align:left;margin-bottom:1rem;font-weight:700}#loginScreen{width:fit-content;height:fit-content;margin:auto;position:fixed;inset:0}.form{flex-direction:column;display:flex;position:relative}.form label{flex-direction:column}.form label input{min-height:calc(var(--level-6-font-size)*var(--level-6-line-height) + 10px);min-width:80px;padding:4px 12px}.error{height:20px;color:var(--red)}#adminSection{border:1px solid var(--grey1);grid-area:admin;margin-bottom:20px;padding:24px;display:none}