.section--chart{--shell-max-width:97.6rem}.box{--border-width:1px;--border-color:rgba(25,62,92,.12);--border-radius:16px;--bg-color:var(--white);--bg-opacity:0.89;--padding:2.4rem;isolation:isolate;overflow:hidden;padding:var(--padding);position:relative;&:before{background-color:var(--bg-color);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);content:"";inset:0;opacity:var(--bg-opacity);pointer-events:none;position:absolute;transition-duration:.2s;transition-property:border-width,border-color,border-radius,background-color,opacity;transition-timing-function:linear;z-index:-1}@media (max-width:1023px){&{--border-radius:12px;--padding:1.6rem}}@media (max-width:767px){&{--border-radius:10px;--padding:1.2rem}}& .box__inner{display:flex;flex-direction:column;height:100%;justify-content:space-between}& .box__content{font-size:1.6rem;font-weight:500;line-height:1.625;margin-bottom:1.3125em;@media (max-width:767px){&{font-size:1.4rem}}& h5{font-size:2.2rem;font-weight:900;letter-spacing:-.02em;@media (max-width:767px){&{font-size:1.8rem}}}& p{margin-bottom:1em;&:last-child{margin-bottom:0}}&:last-child{margin-bottom:0}}& .box__link{font-size:1.6rem;font-weight:700;line-height:1.625;@media (max-width:767px){&{font-size:1.4rem}}}}.chart-complex{padding:4rem 1rem 0 2rem;@media (max-width:1023px){&{padding:2.4rem .8rem .8rem}}@media (max-width:767px){&{padding:.4rem}}& .chart__inner{display:flex;flex-wrap:wrap;gap:4rem;margin-bottom:2rem;@media (max-width:1023px){&{gap:2.6rem;margin-bottom:1.6rem}}&:last-child{margin-bottom:0}}& .chart__body{display:flex;flex:1;flex-direction:column;max-width:41.9rem;@media (max-width:767px){&{max-width:100%;min-width:100%}}}& .chart__head{margin-bottom:1rem;&:last-child{margin-bottom:0}}& h3{font-family:var(--ff-secondary);font-weight:400;letter-spacing:-.02em;line-height:1.25;& strong{color:var(--primary);font-family:var(--ff-third);font-weight:700}}& .chart__content{font-size:1.6rem;font-weight:500;line-height:1.625;margin-block:auto;max-width:31.3rem;@media (max-width:1023px){font-size:1.5rem;line-height:1.5}@media (max-width:767px){&{max-width:100%;min-width:100%}}@media (max-width:374px){&{font-size:1.3rem}}}& .chart__media{flex:1;@media (max-width:767px){&{margin-inline:auto;max-width:40rem}}}& .chart__foot{font-family:Arial;font-size:1rem;line-height:1.4;opacity:.5}}