.hlRoundPicker{position:relative;min-width:0;width:100%;font:inherit}
select[data-family-picker]{display:none!important}
.hlRoundTrigger{display:block;position:relative;width:100%;min-height:44px;padding:10px 32px 10px 12px;border:1px solid #aeb8ae;border-radius:8px;background:#fff;color:#23322c;font:inherit;font-size:14px;font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.hlRoundTrigger::after{content:'▾';position:absolute;right:12px;top:50%;transform:translateY(-50%)}
.hlRoundTrigger[aria-expanded=true]::after{content:'▴'}
.hlRoundPanel{position:fixed;inset:auto;margin:0;padding:8px;box-sizing:border-box;z-index:1100;overflow:auto;overscroll-behavior:contain;border:1px solid #aeb8ae;border-radius:10px;background:#fff;color:#23322c;box-shadow:0 12px 32px #14251b33;font:14px/1.4 system-ui,sans-serif;text-align:left}
.hlRoundPanel[hidden]{display:none!important}
.hlRoundPanelHead{display:flex;align-items:center;justify-content:space-between;padding:0 4px 4px 10px}
.hlRoundClose{width:40px;height:40px;flex:none;border:0;border-radius:6px;background:#fff;color:#23322c;font:24px system-ui;cursor:pointer}
.hlRoundSearch{width:calc(100% - 8px);box-sizing:border-box;margin:0 4px 6px;min-height:44px;padding:10px 12px;border:1px solid #aeb8ae;border-radius:8px;background:#fff;color:#23322c;font:14px/1.4 system-ui,sans-serif}
.hlRoundSearch:focus{outline:2px solid #315a37;outline-offset:1px;border-color:#315a37}
.hlRoundNoMatch{margin:14px 12px;color:#566459;font-size:14px}
.hlRoundOption[hidden],.hlRoundFamily[hidden],.hlRoundSection[hidden]{display:none!important}
.hlRoundSection{margin:12px 10px 4px;color:#566459;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hlRoundFamily{margin:0;border:0;border-top:1px solid #e5e9e3;background:#fff;border-radius:0;padding:0}
.hlRoundFamily>summary{display:list-item;min-height:44px;box-sizing:border-box;cursor:pointer;padding:12px 10px;font-size:14px;font-weight:700;line-height:1.4;color:#23322c;list-style-position:inside}
.hlRoundFamily>summary::after{content:none!important}
.hlRoundChoices{padding:0 0 6px 12px}
.hlRoundOption{display:flex;align-items:flex-start;gap:9px;width:100%;box-sizing:border-box;min-height:44px;padding:11px 10px;border:0;border-radius:5px;background:#fff;color:#23322c;text-align:left;white-space:normal;overflow-wrap:anywhere;font:14px/1.5 system-ui,sans-serif;cursor:pointer}
.hlRoundOption:hover,.hlRoundFamily>summary:hover,.hlRoundClose:hover{background:#edf2e9}
.hlRoundOption[aria-pressed=true]{background:#e0ead8;font-weight:750}
.hlRoundOption input[type=checkbox]{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:#315a37}
.hlRoundTrigger:focus-visible,.hlRoundOption:focus-visible,.hlRoundFamily>summary:focus-visible,.hlRoundClose:focus-visible{outline:3px solid #668a52;outline-offset:-3px}
#roundMenu{max-height:min(60vh,440px);overscroll-behavior:contain}
#roundLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

/* Dark theme for the round picker component. */
html[data-theme="dark"] .hlRoundTrigger{background:var(--field,#111814);border-color:var(--line,#2b332f);color:var(--ink,#e8ece6)}
html[data-theme="dark"] .hlRoundPanel{background:var(--card,#1a201d);border-color:var(--line,#2b332f);color:var(--ink,#e8ece6);box-shadow:0 12px 32px rgba(0,0,0,.55)}
html[data-theme="dark"] .hlRoundClose{background:transparent;color:var(--ink,#e8ece6)}
html[data-theme="dark"] .hlRoundSearch{background:var(--field,#111814);border-color:var(--line,#2b332f);color:var(--ink,#e8ece6)}
html[data-theme="dark"] .hlRoundSearch:focus{outline-color:#6ea17a;border-color:#6ea17a}
html[data-theme="dark"] .hlRoundNoMatch,html[data-theme="dark"] .hlRoundSection{color:#9aa49d}
html[data-theme="dark"] .hlRoundFamily{background:transparent;border-top-color:var(--line,#2b332f)}
html[data-theme="dark"] .hlRoundFamily>summary{color:var(--ink,#e8ece6)}
html[data-theme="dark"] .hlRoundOption{background:transparent;color:#c6cdc7}
html[data-theme="dark"] .hlRoundOption:hover,html[data-theme="dark"] .hlRoundFamily>summary:hover,html[data-theme="dark"] .hlRoundClose:hover{background:rgba(255,255,255,.06)}
html[data-theme="dark"] .hlRoundOption[aria-pressed=true]{background:rgba(205,138,96,.2);color:#e8ece6}