@import url('/record-tags.css');
.choice-group{border:0;padding:0;margin:14px 0;min-width:0}.choice-group legend{font-size:12px;font-weight:600;color:var(--muted,#70645f);margin-bottom:7px}.choice-options{display:flex;gap:7px;flex-wrap:wrap}.choice-option{position:relative;display:block;cursor:pointer;flex:0 1 auto}.choice-option input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0;margin:0}.choice-option>span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--border,#e6dcd7);border-radius:7px;background:color-mix(in srgb,var(--action,#c83216) calc(var(--choice-tone,0)*1%),white);color:var(--ink,#343434);font:500 13px/1.35 Arial,sans-serif;transition:background 150ms,border-color 150ms,box-shadow 150ms}.choice-option>span>svg{width:18px;height:18px;flex-shrink:0}.choice-option strong{font-size:13px;font-variant-numeric:tabular-nums}.choice-option:hover>span{border-color:var(--action,#c83216)}.choice-option input:checked+span{border-color:var(--action,#c83216);color:var(--action,#c83216);background:var(--selected,#fff0eb);box-shadow:inset 0 0 0 1px var(--action,#c83216)}.choice-option input:focus-visible+span{outline:2px solid var(--action,#c83216);outline-offset:3px}.choice-option:active>span{background:#ffe1d6}.choice-option input:disabled+span{opacity:.5;cursor:not-allowed}.choice-group--compact{margin:0}.choice-group--compact legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.choice-option img{width:21px;height:14px;object-fit:cover;border-radius:2px}@media(prefers-reduced-motion:reduce){.choice-option>span{transition:none}}

/* Configurable semantic choices: hue expresses meaning, checked state adds a strong outline. */
.choice-option--success{--choice-accent:var(--success,#18734a);--choice-surface:#edf7f1}
.choice-option--warning{--choice-accent:var(--warning,#8a5200);--choice-surface:#fff5e4}
.choice-option--info{--choice-accent:var(--info,#245b80);--choice-surface:#edf5fb}
.choice-option--danger{--choice-accent:var(--danger,#ad3340);--choice-surface:#fff0f1}
.choice-option--neutral{--choice-accent:var(--muted,#696366);--choice-surface:#f1efed}
.choice-option--brand{--choice-accent:var(--action,#c43214);--choice-surface:var(--selected,#fff0eb)}
.choice-option[class*="choice-option--"]>span{color:var(--choice-accent);background:var(--choice-surface);border-color:color-mix(in srgb,var(--choice-accent) 28%,white)}
.choice-option[class*="choice-option--"]:hover>span{border-color:var(--choice-accent)}
.choice-option[class*="choice-option--"] input:checked+span{border-color:var(--choice-accent);background:color-mix(in srgb,var(--choice-accent) 16%,white);box-shadow:inset 0 0 0 1px var(--choice-accent);color:var(--choice-accent)}
