.visualize{background-color:#fff;color:#1e1e1e;width:100%;position:relative;min-width:300px}.visualize:after{content:"";display:block;padding-bottom:100%}.visualize-content{position:absolute;width:100%;height:100%;padding:24px 24px 48px}.visualize-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;position:relative;padding-right:40px}.visualize-header .flag{margin-right:12px;flex:0 0 60px}.visualize-header .icon{width:32px;height:32px;display:block;position:absolute;top:0;right:0}.visualize-header--title{font-size:16px;line-height:22px;width:calc(100% - 72px)}.visualize-header--title strong{margin:0;font-weight:600;font-size:inherit;line-height:inherit}.visualize-stats--total{font-size:24px;padding:16px 0;text-align:center;font-weight:600}.visualize-stats--total span{display:inline-block;height:40px;padding-left:56px;background-repeat:no-repeat;background-size:40px;background-position:0}.visualize-stats--genders{box-shadow:0 0 24px 0 rgba(30,30,30,.1);border-radius:4px;display:inline-flex;flex-wrap:wrap;align-items:center;text-align:left}.visualize-stats--genders-item{font-size:12px;color:#555;line-height:18px;padding:18px 32px 16px 60px;background-position:left 18px center;background-repeat:no-repeat;text-align:left;width:50%}@media (max-width:400px){.visualize-stats--genders-item{flex:0 0 50%}}.visualize-stats--genders-item strong{color:#1e1e1e;font-size:18px}.visualize-chart{display:flex;position:absolute;bottom:64px;width:100%;left:0;padding:0 24px;height:calc(100% - 324px)}.visualize-chart--column{display:flex;flex-wrap:wrap;text-align:center;justify-content:center;flex:0 0 14.28571%}.visualize-chart--column-info{margin-top:8px;flex:0 0 100%;font-size:12px;line-height:16px}.visualize-chart--column-info strong{font-weight:600}.visualize-chart--column-info span{color:#555}.visualize-chart--gender{width:26px;height:calc(100% - 40px);position:relative;text-align:center;flex:0 0 26px}@media (max-width:360px){.visualize-chart--gender{flex:0 0 16px}}.visualize-chart--gender span{font-size:9px;position:absolute;width:100%;text-align:center;left:0;margin-bottom:4px}@media (max-width:360px){.visualize-chart--gender span{display:none}}.visualize-chart--bar-wrapper{height:100%;position:relative;width:24px;margin:auto}.visualize-chart--bar{position:absolute;bottom:0;width:18px;margin:0 3px;transition:all .3s linear;border-radius:2px}.visualize-chart--bar-male{background-color:#0f2dc3}.visualize-chart--bar-female{background-color:#df1f26}.visualize-footer{padding:12px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%;position:absolute;left:0;bottom:0}.visualize-footer--logo{width:120px;height:24px;display:block;background-image:url(images/logo-60f02a338ad199af0cdf80fa3347c302.svg);background-size:cover;background-repeat:no-repeat;text-indent:-9999px}.visualize-footer--source{font-size:11px}@media (max-width:360px){.visualize-footer--source{font-size:9px}}.visualize-ogimage{width:1200px;height:630px}.visualize-ogimage:after{display:none}.visualize-ogimage .visualize-content{padding:40px;background-color:#fff}.visualize-ogimage .visualize-header{align-items:center;justify-content:space-between;padding-right:0}.visualize-ogimage .visualize-header .flag{margin-right:unset;flex:0 0 95px}.visualize-ogimage .visualize-header .flag-80{width:unset;height:unset}.visualize-ogimage .visualize-header .icon{width:50px;height:50px;position:static}.visualize-ogimage .visualize-header--title{font-size:28px;line-height:38px;width:unset}.visualize-ogimage .visualize-header--title strong{margin:0;font-weight:700;font-size:inherit;line-height:inherit}.visualize-ogimage .visualize-stats--total{font-size:26px;position:absolute;top:24%;left:50%;transform:translate(-50%,-50%);padding:15px;background-color:#fff;border:1px solid #f5f5f5;box-shadow:0 0 24px 0 rgba(30,30,30,.1);border-radius:4px}.visualize-ogimage .visualize-stats--total span{height:40px;background-size:40px;padding-left:52px}.visualize-ogimage .visualize-chart{left:50%;transform:translateX(-50%);height:calc(100% - 310px);padding:0 150px;bottom:40px}.visualize-ogimage .visualize-footer{padding:40px}.visualize-ogimage .visualize-footer--logo{width:70px;height:60px;background-image:url(images/logocat-edff6155b29adae1f19cbc576ac95ee4.svg);background-size:contain}.visualize-chart--gender-hint:after{content:attr(title);position:absolute;top:-24px;left:50%;transform:translateX(-50%);white-space:nowrap;display:none;background-color:#fff;font-size:12px;z-index:999;padding:8px 12px;box-shadow:0 0 8px rgba(30,30,30,.1);transition:all .3s linear}.visualize-chart--gender-hint:hover:after{display:block}.visualize-chart--gender-hint:hover .visualize-chart--bar{box-shadow:0 0 8px rgba(30,30,30,.25)}.visualize-chart--gender:hover .visualize-chart--bar-female{background-color:#851317}.visualize-chart--gender:hover .visualize-chart--bar-male{background-color:#081764}@media (max-width:576px){.visualize.visualize-html:after{padding-bottom:140%}}@media (max-width:576px){.visualize.visualize-html .visualize-header{padding-right:32px}}@media (max-width:576px){.visualize.visualize-html .visualize-header .icon{width:24px;height:24px}}@media (max-width:576px){.visualize.visualize-html .visualize-chart{padding:0 8px}}@media (max-width:360px){.visualize.visualize-html .visualize-chart{padding:0 16px}}@media (max-width:576px){.visualize.visualize-html .visualize-chart--gender{flex:0 0 50%}}@media (max-width:576px){.visualize.visualize-html .visualize-chart--bar-wrapper{width:22px}}@media (max-width:360px){.visualize.visualize-html .visualize-chart--bar-wrapper{width:16px}}@media (max-width:576px){.visualize.visualize-html .visualize-chart--bar{width:16px}}@media (max-width:360px){.visualize.visualize-html .visualize-chart--bar{width:12px;margin:0 2px}}