.p-composition__graph {display: flex;flex-direction: column;align-items: center;gap: 24px;}@media (min-width: 820px) {.p-composition__graph {flex-direction: row;justify-content: center;gap: 56px;}}.p-composition__chart-wrap {position: relative;width: 100%;max-width: 280px;aspect-ratio: 1;}.p-composition__chart {display: block;width: 100%;height: 100%;}.p-composition__legend {display: flex;flex-direction: column;gap: 12px;margin: 0;padding: 0;list-style: none;font-size: 14px;line-height: 1.6;}@media (min-width: 820px) {.p-composition__legend {font-size: 16px;}}.p-composition__legend-item {display: flex;gap: 10px;}.p-composition__legend-mark {flex: none;width: 14px;height: 14px;margin-top: 0.3em;border-radius: 2px;}.p-composition__legend-value {font-weight: 500;color: var(--niterra-primary-800);}