@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{font-size:18px}body{font-family:GT Walsheim Pro,Noto Sans SC,sans-serif}#root .App{background-color:#f6f2ef;color:#2d2d2d;font-size:18px;position:relative}#root *{box-sizing:border-box}@keyframes shimmer{10%,to{background-position-x:0}}#root .heading{webkit-transform:translateZ(0);animation:shimmer 3s linear infinite;background:linear-gradient(-45deg,#ffdc8a 40%,#ffedc2 50%,#ffdc8a 60%);background-position-x:100%;background-size:300%;border:2px solid #996633e6;border-radius:50%;box-shadow:0 7px #996633e6,0 0 10px #0003;display:block;height:550px;left:0;margin:0 auto;position:absolute;right:0;transform:translateZ(0);width:550px;z-index:10}#root .heading div{color:#5e3926;left:50%;line-height:1.5;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}#root .heading h1{font-size:2.28rem;font-weight:700;letter-spacing:-.5px;line-height:1.25;white-space:nowrap}#root .heading span{border-bottom:1px solid #5e3926;font-size:.8rem;letter-spacing:1px}#root .heading p{font-size:.8rem}@media(max-width:768px){#root .heading{height:93vw;width:93vw}#root .heading h1{font-size:1.55rem}}#root h2{font-weight:700;padding:10% 0 4%;text-align:center}@media(max-width:768px){#root h2{font-size:135%}}#root h3{font-weight:700}@media(max-width:768px){#root h3{font-size:110%}}#root h4{color:#9f4400;font-size:120%;text-align:center}#root .content__text{margin:0 auto;max-width:620px;padding:1% 0}#root .content__heading{margin:0 auto;max-width:750px;padding:1% 0}#root .content p{line-height:2;padding-bottom:2%}#root .content .intro{padding:20% 0 2%}@media(max-width:768px){#root .content .intro{padding:40% 0 3%}}#root .content .methodology{display:block;font-size:80%;font-weight:300;padding:1% 3%}#root .content .methodology span{color:#9f4400;font-weight:500}@media(max-width:768px){#root .content .methodology{padding:2% 6%}#root .content .methodology p{font-size:14px}#root .content{padding:0 20px}#root .content p{font-size:16px}}#root .image-container{display:block;margin:0 auto;max-width:760px}#root .image-container img{box-shadow:8px 6px #ffdc8a;display:block;object-fit:contain;width:100%}#root .image-container .caption{color:#707070;font-size:15px;font-weight:500;line-height:1.6;margin:0 auto;padding-top:9px;width:97%}@media(max-width:768px){#root .image-container .caption{font-size:11px}}#root a{border-bottom:.5px dotted #9f4400;color:#9f4400;font-weight:500;text-decoration:none}#root a:hover{border-bottom:.5px solid #f18a3c;color:#f18a3c}#root .y-axis{font-size:11px}@media(max-width:768px){#root .y-axis{font-size:11px}}#root .x-axis{font-size:12px}@media(max-width:768px){#root .x-axis{font-size:9px}}#root .chart-title{fill:#3e3e3e;font-size:17px;font-weight:600;opacity:.8;pointer-events:none;z-index:2}@media(max-width:768px){#root .chart-title{font-size:14px}}#root .genderMedText{fill:#3e3e3e;font-size:17px;font-weight:700;pointer-events:none;z-index:2}@media(max-width:768px){#root .genderMedText{font-size:14px}}#root .tooltip{background-color:#fff;border:1.5px solid #444;border-radius:5px;box-shadow:0 0 5px #0003;color:#444;display:none;min-width:80px;opacity:1;padding:6px 10px 10px;pointer-events:none;position:absolute;z-index:10}#root .tooltip__content{display:block}#root .tooltip__title{display:block;font-size:18px}#root .tooltip__details{font-size:14px}@media(max-width:768px){#root .tooltip .tooltip__title{font-size:15px}#root .tooltip .tooltip__details{font-size:11px}}#root .grid-lines{stroke:#c0bab5;stroke-dasharray:2 4}#root .row-highlight{transition:opacity .2s}#root #career-type{cursor:default;display:block;height:1000px;margin:0 auto}#root #career-type .x-axis .tick text{transform:translateY(.5em)}@media(max-width:768px){#root #career-type{height:800px}}#root #career-trend{display:block;height:260px}#root #career-trend .x-axis .tick text{transform:translateY(.5em)}#root #career-trend .y-axis{font-size:12px}#root #career-trend .mobile-tick{visibility:hidden}@media(max-width:768px){#root #career-trend{height:250px;margin-left:-16px;margin-right:auto;width:103vw}#root #career-trend .y-axis .tick{display:none}#root #career-trend .mobile-tick{visibility:visible}}#root #residence-tiers{display:block;height:100vh;margin:0 auto;position:relative;transform:translateX(2%)}@media(max-width:768px){#root #residence-tiers{height:98vh;width:95%}#root #residence-tiers .x-axis .tick text{text-anchor:start;transform:rotate(90deg) translate(8px,-15px)}#root #residence-tiers .y-axis .tick text{transform:rotate(45deg) translate(7px,11px)}}#root .sticky-div-wrapper{display:block;position:-webkit-sticky;position:sticky;text-align:center;top:5px;z-index:10}@media(max-width:768px){#root .sticky-div-wrapper{top:50px}}#root #gender-longevity{height:700px}#root #gender-longevity .y-axis .tick line{opacity:0}@media(max-width:768px){#root #gender-longevity{transform:translateX(-1%)}#root #gender-longevity .y-axis .tick text{transform:rotate(45deg) translate(5px,10px)}}#root .toggle-button{background-color:#ffdc8a;border:1.5px solid #2d2d2d;border-radius:15px;cursor:"pointer";display:block;font-size:14px;margin:0 auto;opacity:.7;padding:5px 20px;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;-webkit-user-select:none;will-change:transform;z-index:10}#root .toggle-button:hover{background-color:#fff;box-shadow:0 1px 5px #0003;opacity:1;transform:translateY(-2px)}@media(max-width:768px){#root .toggle-button{font-size:11px}}#root #retirement-years{height:500px}@media(max-width:768px){#root #retirement-years{height:400px}}#root .chart-container{display:block;margin:0 auto;max-width:1200px;overflow:visible}@media(max-width:768px){#root .chart-container{width:100%}}#root .legend{align-self:center;display:flex;flex-flow:row wrap;gap:4px 22px;justify-content:center}#root .legend__item{align-items:center;cursor:default;display:flex}#root .legend__item:hover .legend__asterisk{color:#f18a3c}#root .legend__color{display:inline-block;height:18px;margin-right:8px;vertical-align:middle;width:18px}#root .legend__label{display:inline-block;font-size:13px;line-height:1.1}#root .legend__asterisk{color:#b8977e;font-size:160%;line-height:0;vertical-align:middle}@media(max-width:768px){#root .legend__color{height:10px;margin-right:4px;width:10px}#root .legend__label{font-size:11px}}#root .round{border-radius:25px;opacity:.7}#root #gold-legend{padding-right:3%}@media(max-width:768px){#root #gold-legend{padding-right:0}}#root .intro-image{display:block;margin:0 auto;max-width:920px;padding-bottom:6%;position:relative}#root .intro-image img{background-color:#ffffffe6;box-shadow:0 0 5px #0003;object-fit:contain;padding:.6% 1%;width:100%}#root .scroll-image{display:block;margin:0 auto;padding-bottom:10%;position:relative;width:820px}@media(max-width:768px){#root .scroll-image{width:90vw}}#root .sticky-wrapper{margin-bottom:60px;position:-webkit-sticky;position:sticky;top:5%;transform:translateZ(0);z-index:1}@media(max-width:768px){#root .sticky-wrapper{top:10%}}#root .first-image{height:auto;padding-top:5%;transform:translateX(15px) translateZ(0);width:100%;z-index:1}#root .first-image img{background-color:#ffffffe6;box-shadow:0 0 5px #0003;object-fit:contain;padding:.6% 1%;width:100%}#root .second-image{height:auto;margin-top:15%;position:relative;transform:translateX(-15px) translateZ(0);width:100%;z-index:2!important}#root .second-image img{background-color:#ffffffe6;box-shadow:0 0 5px #0003;object-fit:contain;padding:.6% 1%;width:100%}@media(max-width:768px){#root .second-image{margin-top:20%}}#root .vertical-img{margin-left:auto;margin-right:0;margin-top:-10%;width:420px}@media(max-width:768px){#root .vertical-img{width:300px}}#root .credits{grid-column-gap:20px;grid-row-gap:10px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);line-height:1.6}#root .credits div:nth-child(odd){font-weight:400;text-align:right}#root .credits div:nth-child(2n){text-align:left}#root .scroll__caption{background-color:#f6f2ef;color:#707070;font-size:15px;font-weight:500;line-height:1.6;margin:-6px auto;padding-top:9px;width:96%}@media(max-width:768px){#root .scroll__caption{font-size:11px}}#root .chart-caption{display:block;max-width:900px;padding-bottom:60px;text-align:center}.main-header-container.scrolled{background:none}.main-header-container{pointer-events:none}.main-header-container #navbar-toggle,.main-header-container #translate-notice,.main-header-container .main-site-nav,.main-header-container .navbar-btn{pointer-events:auto}footer.footer{background-color:#fdfdfd}
/*# sourceMappingURL=main.9f89274b.css.map*/