Code/CharacterKit/HornEditor.razor.scss
HornEditor {
flex-direction: column; flex-shrink: 0; gap: 10px; margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(225,201,140,.18);
.hornheading { align-items: center; justify-content: space-between; }
.hornheading .optionheading { margin: 0; }
.hornrow, .hornfamilies { flex-wrap: wrap; gap: 6px; flex-shrink: 0; }
.hornfamilies .creatorbutton { width: 30%; justify-content: center; }
.hornrow .creatorbutton { flex-grow: 1; justify-content: center; }
.skinchannel { flex-direction: column; flex-shrink: 0; }
.shapelabel { justify-content: space-between; }
.material-icons { font-family: Material Icons; margin-right: 5px; }
.horncolors { flex-direction: column; flex-shrink: 0; gap: 10px; margin-top: 8px; padding: 14px; border: 1px solid rgba(225,201,140,.24); border-radius: 6px; background-color: rgba(225,201,140,.035); }
.horncolorheading { align-items: center; color: #e1c98c; font-size: 15px; font-weight: 600; margin-bottom: 2px; }
.horncolorheading .material-icons { font-size: 18px; margin-right: 8px; }
HairColorPicker { flex-shrink: 0; }
}