.px-donut{width:100%}.px-donut__inner{display:grid;gap:clamp(15px,2vw,35px);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.px-donut-card{text-align:center}.px-donut-chart{height:clamp(280px,28vw,360px);margin:auto;position:relative;width:clamp(280px,28vw,360px)}.px-donut-chart svg{height:100%;transform:rotate(-90deg);width:100%}.px-donut-bg{fill:none;stroke:#ececec;stroke-width:16}.px-donut-segment1,.px-donut-segment2{fill:none;stroke-dasharray:0 377;stroke-linecap:butt;stroke-width:16;transition:stroke-dasharray .8s ease}.px-donut-center{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;padding:0 clamp(35px,4vw,55px);position:absolute;text-align:center}.px-donut-title{font-size:clamp(16px,1.5vw,23px);font-weight:700;line-height:1.4;margin:0 0 clamp(8px,1vw,16px);max-width:clamp(140px,14vw,190px);width:100%;word-break:break-all}.px-donut-number{align-items:baseline;display:flex;font-size:clamp(42px,4vw,64px);font-weight:700;line-height:1;white-space:nowrap}.px-donut-percent{font-size:clamp(18px,1.8vw,28px);font-weight:600;margin-left:clamp(2px,.3vw,5px)}@media screen and (max-width:767px){.px-donut__inner{gap:10px;grid-template-columns:1fr}.px-donut-chart{height:clamp(260px,75vw,320px);width:clamp(260px,75vw,320px)}.px-donut-center{padding:0 45px}.px-donut-title{font-size:clamp(15px,3vw,17px);max-width:clamp(130px,45vw,170px)}.px-donut-number{font-size:clamp(38px,11vw,50px)}.px-donut-percent{font-size:clamp(16px,4vw,22px)}}