.swstats-dash{position:relative}.swstats-dash a{box-shadow:none}.swstats-dash #periodselect{font-size:16px;margin-top:10px}.swstats-dash .panels{display:grid;grid-template-columns:repeat(6, 1fr);grid-gap:15px;margin-top:20px}.swstats-dash .panels>div{position:relative;grid-column-end:span 6;background:linear-gradient(#2c3d4e, #354a5e);color:#fff;padding:10px;border-radius:5px;box-shadow:0 10px 20px rgba(0,0,0,.2)}.swstats-dash .panels h2{margin:0 0 10px 0;color:#fff}.swstats-dash .panels .inner{position:relative;z-index:2}.swstats-dash .panels .loading,.swstats-dash .panels .nodata{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.swstats-dash .panels .loading{z-index:1}.swstats-dash .panels .loading i{display:inline-block;width:8px;height:8px;margin:0 3px;border-radius:50%;background-color:#fff;-webkit-animation:pulse 600ms ease-out alternate infinite;animation:pulse 600ms ease-out alternate infinite}.swstats-dash .panels .loading i:nth-child(1){-webkit-animation-delay:-300ms;animation-delay:-300ms}.swstats-dash .panels .loading i:nth-child(2){-webkit-animation-delay:-150ms;animation-delay:-150ms}.swstats-dash .panels .nodata{z-index:0;margin:0}.swstats-dash .panels .inner,.swstats-dash .panels .loading,.swstats-dash .panels .nodata{transition:opacity 300ms ease-out;opacity:0}.swstats-dash .panels .inner.show,.swstats-dash .panels .loading.show,.swstats-dash .panels .nodata.show{opacity:1}.swstats-dash .panels .switches{position:absolute;top:0px;right:10px}.swstats-dash .panels .switches a{display:inline-block;margin-left:.5em;color:#fff;opacity:.67;transition:opacity 100ms ease-out}.swstats-dash .panels .switches a:hover{opacity:1}.swstats-dash .panels .switches a:nth-child(1){display:none}.swstats-dash .summary-panel{padding:20px;min-height:401px}.swstats-dash .summary-panel .inner{display:grid;grid-template-columns:repeat(6, 1fr);grid-gap:20px;margin:10px}.swstats-dash .summary-panel .inner>div{position:relative;grid-column-end:span 3}.swstats-dash .summary-panel .inner>div::before{content:"";position:absolute;top:0;left:-10px;width:1px;height:100%;background-color:#fff;opacity:.2}.swstats-dash .summary-panel .inner>div:nth-child(2n+1)::before{display:none}.swstats-dash .summary-panel .inner>div.granularity,.swstats-dash .summary-panel .inner>div.chart{grid-column:1/-1}.swstats-dash .summary-panel .inner>div.granularity::before,.swstats-dash .summary-panel .inner>div.chart::before{display:none}.swstats-dash .summary-panel .inner h3{font-size:1em;color:rgba(255,255,255,.67);white-space:nowrap;margin:0 0 .33em 0}.swstats-dash .summary-panel .inner p{font-size:18px;line-height:1;margin:0;white-space:nowrap}.swstats-dash .summary-panel .inner p .comparison{display:inline-block;font-size:11px;margin-left:.5em}.swstats-dash .summary-panel .inner p .comparison.green{color:#96de96}.swstats-dash .summary-panel .inner p .comparison.red{color:#f78c8c}.swstats-dash .summary-panel .inner>div.visits h3::after,.swstats-dash .summary-panel .inner>div.views h3::after{content:"";display:inline-block;vertical-align:baseline;border-radius:50%;margin-left:8px;width:10px;height:10px}.swstats-dash .summary-panel .inner>div.visits h3::after{background-color:rgba(54,162,235,.8)}.swstats-dash .summary-panel .inner>div.views h3::after{background-color:rgba(150,222,150,.8)}.swstats-dash .summary-panel .chart{position:relative;height:200px}.swstats-dash .summary-panel .granularity{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);line-height:1;font-size:11px;white-space:nowrap}.swstats-dash .summary-panel .granularity a{display:inline-block;margin-left:3px;color:rgba(255,255,255,.67);text-decoration:none;transition:color 100ms ease-out;padding:4px 7px 5px 7px;border-radius:1em;background-color:rgba(0,0,0,.5)}.swstats-dash .summary-panel .granularity a:first-child{margin-left:0}.swstats-dash .summary-panel .granularity a:hover{color:#fff}.swstats-dash .summary-panel .granularity a.active{color:#fff}.swstats-dash .data-panel{min-height:120px}.swstats-dash .data-panel h2{margin:10px}.swstats-dash .table{margin:5px 0}.swstats-dash .table .row{display:grid;grid-template-columns:1fr 4em;grid-gap:20px;padding:0 10px;background-repeat:no-repeat;background-position:0 0;-webkit-animation:bar 600ms 400ms ease-out both;animation:bar 600ms 400ms ease-out both}.swstats-dash .table .row.cols3{grid-template-columns:1fr 4em 4em}.swstats-dash .table .row.head{font-weight:bold;opacity:.67}.swstats-dash .table .row.body{margin-top:3px}.swstats-dash .table .row div{padding:6px 0;text-align:right}.swstats-dash .table .row div:first-child{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swstats-dash .table .fflag{vertical-align:-1px;margin-right:6px}@media(min-width: 400px){.swstats-dash #periodselect{position:absolute;top:10px;right:0;margin:0}.swstats-dash .panels{margin-top:30px}.swstats-dash .summary-panel{min-height:419px}.swstats-dash .summary-panel .inner p{font-size:24px}}@media(min-width: 600px){.swstats-dash .summary-panel{min-height:403px}.swstats-dash .summary-panel .inner div{grid-column-end:span 2}.swstats-dash .summary-panel .inner div:nth-child(2n+1)::before{display:block}.swstats-dash .summary-panel .inner div:nth-child(3n+1)::before{display:none}.swstats-dash .summary-panel .chart{height:250px}}@media(min-width: 880px){.swstats-dash .panels div.half{grid-column-end:span 3}.swstats-dash .panels div.third{grid-column-end:span 2}.swstats-dash .data-panel{min-height:406px}}@media(min-width: 1220px){.swstats-dash .summary-panel{min-height:366px}.swstats-dash .summary-panel .inner div{grid-column-end:span 1}.swstats-dash .summary-panel .inner div:nth-child(3n+1)::before{display:block}.swstats-dash .summary-panel .inner div:nth-child(6n+1)::before{display:none}.swstats-dash .summary-panel .chart{height:280px}}@-webkit-keyframes bar{0%{background-size:0 100%}100%{background-size:100% 100%}}@keyframes bar{0%{background-size:0 100%}100%{background-size:100% 100%}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}