#app{width:100%;margin:0;padding:0;font-family:MarcinAntB,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app main{background-color:#fff;width:100%;max-width:100%;overflow:hidden;padding-top:20px;margin:0;min-width:320px;min-height:auto}.chart-container{font-family:MarcinAntB,Arial,sans-serif;width:100%;height:auto;min-height:300px;position:relative;overflow:visible;margin:0;background:#fff;border-radius:0}.chart-wrapper{padding:120px!important}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,4vw,40px);padding:clamp(20px,8vw,120px)}.svg-container{position:relative}.svg-container svg{overflow:visible}.chart-svg{width:100%;height:auto;display:block;max-width:100%}.chart-title{font-family:MarcinAntB,Arial,sans-serif!important;text-align:left;color:#000;font-size:1.2rem;line-height:1rem;font-weight:700;margin:0 0 5px!important;position:absolute;top:-8%!important}.chart-subtitle{font-family:MarcinAntB,Arial,sans-serif!important;text-align:left;color:#666;font-size:1rem;margin-bottom:0;line-height:1rem;font-weight:200;margin:0!important;transform:translate(15px,15px)}.grid-group{opacity:.6}.grid line{stroke:#ddd;stroke-opacity:.7}.grid path{stroke-width:0}.chart-container .domain{display:none}.chart-container .x-axis path{display:block;stroke:#000;stroke-width:1;fill:none}.chart-container .y-axis path{display:none}.chart-container .y-axis text,.chart-container .x-axis text{font-family:MarcinAntB,Arial,sans-serif!important;font-weight:400!important;fill:#a4a4a4!important;font-size:1.2rem!important}.chart-container .axis-label{font-family:MarcinAntB,Arial,sans-serif;font-size:1rem;font-weight:700;fill:#000}.chart-container .grid-line{stroke:#e8e8e8;stroke-width:1}.chart-container .axes-group,.chart-container .circles-group{opacity:1}.chart-container .x-axis,.chart-container .y-axis{color:#e8e8e8}.chart-container .x-axis path,.chart-container .y-axis path{display:none}.lines-group .line-men{fill:none;stroke:#023047;stroke-width:5;cursor:pointer;stroke-linecap:round}.lines-group .line-women{fill:none;stroke:#219ebc;stroke-width:5;cursor:pointer;stroke-linecap:round}.lines-group .line-men-hover,.lines-group .line-women-hover{cursor:pointer}.lines-group .point-men{fill:#023047;stroke:#023047;stroke-width:5;opacity:.25;cursor:pointer}.lines-group .point-women{fill:#219ebc;stroke:#219ebc;stroke-width:5;opacity:.25;cursor:pointer}.chart-tooltip{position:absolute;font-family:MarcinAntB,Arial,sans-serif;font-size:1.2rem;font-weight:600;color:#333;background:none;border:none;padding:0;margin:0;pointer-events:none;z-index:1000;white-space:nowrap}.chart-tooltip-local{font-family:MarcinAntB,Arial,sans-serif;font-size:1rem;line-height:1rem;font-weight:200;color:#333;background:#fff;border:0px solid #ffffff;border-radius:6px;padding:2px 5px;margin:0;pointer-events:none;white-space:nowrap;box-shadow:0 2px 8px #0000001a}.axis-label-x{position:absolute;left:50%;bottom:clamp(10px,2vw,20px);transform:translate(-50%);font-family:MarcinAntB,Arial,sans-serif;font-size:1rem;font-weight:700;color:#000}.axis-label-y{position:absolute;left:clamp(10px,2vw,20px);top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center;white-space:nowrap;font-family:MarcinAntB,Arial,sans-serif;font-size:1rem;font-weight:700;color:#000}@media(max-width:600px){#app main{padding-top:20px;margin:0}.chart-container{min-height:100%;height:100%;padding:0}.grid-container{grid-template-columns:repeat(2,1fr)!important;gap:5px!important;padding:0!important}.chart-title{font-size:.8rem!important;top:-8%!important}.axis-label-x{bottom:10px!important}.axis-label-y{left:10px!important}.chart-svg{height:100%}.chart-tooltip-local{font-size:.8rem;line-height:.8rem}}@media(max-width:768px)and (min-width:601px){#app main{padding-top:20px;margin:0}.chart-container{min-height:250px;padding:0}.grid-container{grid-template-columns:repeat(4,1fr)!important;gap:10px!important;padding:0!important}.chart-title{top:-8%!important}.axis-label-x{bottom:15px!important}.axis-label-y{left:15px!important}}@media(max-width:1024px)and (min-width:769px){.grid-container{grid-template-columns:repeat(4,1fr)!important;gap:10px!important;padding:0!important}.chart-title{top:-8%!important}.axis-label-x{bottom:18px}.axis-label-y{left:18px}}@media(min-width:1025px){.grid-container{gap:10px;padding:0}.chart-title{top:-8%!important}.axis-label-x{bottom:20px}.axis-label-y{left:20px}}
