characterkit/earshapepicker.razor.scss
EarShapePicker {
 width: 100%;
 max-width: 340px;
 align-self: center;
 flex-direction: column;
 flex-shrink: 0;
 padding: 10px 18px 12px;
 gap: 8px;

 .ear-picker-top { justify-content: center; }
 .ear-picker-bottom { justify-content: space-between; }
 .ear-picker-stage { position: relative; width: 100%; height: 180px; flex-shrink: 0; overflow: visible; }
 EarShapeSurface { width: 100%; height: 100%; cursor: crosshair; pointer-events: all; overflow: visible; }
 button.ear-corner, button.ear-human { justify-content: center; font-size: 12px; min-height: 29px; padding: 5px 10px; }
 button.ear-human { position: absolute; left: 50%; top: 66.6667%; margin-top: 13px; width: 68px; margin-left: -34px; background-color: #171a12; }
 .ear-picker-hint { margin-top: 5px; justify-content: center; text-align: center; }
}