/* Build 6.02: hand choice. The icon sits on the outer side of each button and the check on the inner edge of the same row, so the two buttons mirror and "Right Handed" fits at 360px. */
.hand-label{display:flex;align-items:center;gap:5px;white-space:nowrap}
.hand-label svg{flex:none}
.choice.hand-card{min-width:0;justify-content:space-between;padding-left:8px;padding-right:8px}
.choice.hand-card[aria-pressed="true"]{padding-left:7px;padding-right:7px}
.choice.hand-card .check{flex:none;font-size:14px;line-height:1}
.choice.hand-card[data-hand=right] .check{order:-1}
.profile-details .choice.hand-card,.profile-details .choice.hand-card[aria-pressed="true"]{padding-left:6px;padding-right:6px}
.su-two .su-row[data-k=hand]{min-width:0;justify-content:flex-start;padding-left:6px;padding-right:6px;font-size:15px}
.su-two .su-row[data-k=hand][aria-pressed=true]::after{flex:none;margin:0 0 0 auto;font-size:14px;line-height:1}
.su-two .su-row[data-k=hand][data-v=right]{justify-content:flex-end}
.su-two .su-row[data-k=hand][data-v=right][aria-pressed=true]::after{order:-1;margin:0 auto 0 0}
@media(max-width:359px){.choice.hand-card{font-size:13px}.su-two .su-row[data-k=hand]{padding-left:5px;padding-right:5px;font-size:13.5px}.hand-label{gap:4px}.hand-label svg{width:16px;height:16px}.profile-details .choice.hand-card,.profile-details .choice.hand-card[aria-pressed="true"]{padding-left:4px;padding-right:4px;font-size:12.5px}}