.rod-colour-dot { display:inline-block; width:16px; height:16px; border-radius:50%; border:1px solid rgba(0,0,0,.3); vertical-align:middle; flex-shrink:0; }
.rod-colour-red { background:#d62432; }
.rod-colour-green { background:#188548; }
.rod-colour-blue { background:#1666d8; }
.rod-colour-picker { border:0; padding:0; margin:0 0 20px; }
.rod-colour-picker legend { font-weight:bold; margin-bottom:8px; }
.rod-colour-options { display:flex; flex-wrap:wrap; gap:8px; }
.rod-colour-option { position:relative; margin:0; cursor:pointer; }
.rod-colour-options .rod-colour-option input { position:absolute; opacity:0; width:1px; height:1px; min-height:0; padding:0; margin:0; }
.rod-colour-choice { display:flex; align-items:center; justify-content:center; min-width:48px; min-height:48px; border:2px solid #b8c6bf; border-radius:8px; box-sizing:border-box; padding:8px; }
.rod-colour-option input:checked + .rod-colour-choice { border-color:#176344; box-shadow:inset 0 0 0 1px #176344; background:#e8f2ed; }
.rod-colour-option input:focus-visible + .rod-colour-choice { outline:3px solid #a05d00; outline-offset:3px; }