.athletic-silhouette{width:140px;height:310px;margin:0 auto;background-image:url('/static/img/body-types-v4.png');background-repeat:no-repeat;background-size:500% 100%;filter:drop-shadow(0 8px 8px rgba(29,31,29,.2))}
.athletic-silhouette.heavy{background-position-x:0%}
.athletic-silhouette.overweight{background-position-x:25%}
.athletic-silhouette.average{background-position-x:50%}
.athletic-silhouette.athletic{background-position-x:75%}
.athletic-silhouette.bodybuilder{background-position-x:100%}
.physique-legend{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}
.physique-step{position:relative;display:grid;justify-items:center;gap:3px;padding:9px 4px 8px;border:2px solid var(--line);border-radius:13px;background:#faf8f2;text-align:center;transition:.2s}
.physique-step.selected{border-color:var(--accent);background:#fff0e9;box-shadow:0 0 0 3px rgba(208,107,66,.14)}
.physique-step.selected:before{content:'WYBRANA';position:absolute;top:-9px;padding:2px 7px;border-radius:99px;background:var(--accent);color:#fff;font-size:8px;font-weight:900;letter-spacing:.05em}
.physique-step b{font-size:11px}.physique-step small{font-size:9px}
.legend-person{width:48px;height:78px;background:#4d554e;-webkit-mask:url('/static/img/athletic-silhouette-v2.png') center/contain no-repeat;mask:url('/static/img/athletic-silhouette-v2.png') center/contain no-repeat}
.legend-shape{width:48px;height:78px;fill:#4d554e}.legend-person.bodybuilder{transform:scaleX(1.05)}
.physique-step .legend-person,.physique-step .legend-shape{display:none}
.physique-step:after{content:'';grid-row:1;width:74px;height:112px;background-image:url('/static/img/body-types-v4.png');background-repeat:no-repeat;background-size:500% 100%;background-position-y:center;filter:drop-shadow(0 5px 5px rgba(29,31,29,.2))}
.physique-step:nth-child(1):after{background-position-x:0%}
.physique-step:nth-child(2):after{background-position-x:25%}
.physique-step:nth-child(3):after{background-position-x:50%}
.physique-step:nth-child(4):after{background-position-x:75%}
.physique-step:nth-child(5):after{background-position-x:100%}
.physique-step b{grid-row:2}.physique-step small{grid-row:3}
@media(max-width:680px){.athletic-silhouette{width:120px;height:245px}}
@media(max-width:680px){.physique-legend{grid-template-columns:repeat(5,minmax(86px,1fr));overflow-x:auto;padding-top:9px}.physique-step{min-width:86px}}