picker-list.css (893B)
1 .picker-list { 2 padding-left: 1.5rem; 3 4 .picker-row { 5 display: flex; 6 align-items: center; 7 gap: 0.75rem; 8 9 input[type="number"] { 10 width: 3em; 11 } 12 } 13 14 .picker-main { 15 flex: 1; 16 min-width: 0; 17 } 18 19 .picker-actions { 20 display: flex; 21 gap: 0.5rem; 22 align-items: center; 23 margin-top: 0.5rem; 24 } 25 26 .picker-selected-item { 27 display: flex; 28 align-items: baseline; 29 gap: 0.75rem; 30 margin: 0.5rem 0; 31 } 32 33 .picker-options { 34 margin: 0.5rem 0 1rem; 35 padding-left: 0.75rem; 36 border-left: 1px solid var(--light-gray); 37 38 legend { 39 color: var(--secondary); 40 font-size: 14px; 41 } 42 43 ul { 44 list-style: none; 45 padding-left: 0; 46 margin: 0; 47 } 48 49 li+li { 50 margin-top: 0.35rem; 51 } 52 53 label { 54 display: inline-flex; 55 align-items: baseline; 56 gap: 0.35rem; 57 cursor: pointer; 58 } 59 60 input { 61 margin: 0; 62 } 63 64 label:has(input:checked) { 65 color: var(--primary); 66 } 67 } 68 }