.measurement-recipients{--recipient-selected:195 100% 33%;--recipient-male:221.213 83.1933% 53.3333%;--recipient-female:316.429 99.2126% 50.1961%;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;margin:0 -8px 18px;display:grid}.measurement-recipient{--recipient-frame:var(--border);min-width:0;color:hsl(var(--muted));white-space:nowrap;box-shadow:none;background:0 0;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;padding:3px 0 4px;font-size:9px;font-weight:500;line-height:1.25;display:flex}.measurement-portrait{aspect-ratio:1;object-fit:cover;outline:2px solid hsl(var(--recipient-frame));outline-offset:1px;border-radius:50%;width:100%;max-width:38px;height:auto;display:block}.measurement-recipient-male{--recipient-frame:var(--recipient-male)}.measurement-recipient-female{--recipient-frame:var(--recipient-female)}.measurement-portrait-sprite{background-repeat:no-repeat;background-size:400% 200%}.measurement-recipient.selected{color:hsl(var(--recipient-selected));font-weight:700}.measurement-recipient.selected .measurement-portrait{outline:2px solid hsl(var(--recipient-frame));outline-offset:1px;box-shadow:0 0 0 4px hsl(var(--recipient-frame)/.2)}.measurement-recipient:focus-visible{outline:3px solid hsl(var(--ring));outline-offset:1px}.measurement-recipient:disabled{cursor:default;opacity:.6}@media (width<=360px){.measurement-recipients{gap:2px;margin-left:-7px;margin-right:-7px}.measurement-recipient{gap:5px;font-size:8px}.measurement-portrait{max-width:32px}}