/* The select stores the value. The visible controls share the paper palette. */
.arc-choice { display:inline-block; width:100%; min-width:0; vertical-align:middle; }
.arc-choice>select { display:none!important; }
.arc-choice .arc-choice-trigger {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:100%;
  min-height:32px;
  padding:6px 8px;
  background:var(--paper-light);
  color:var(--program-ink);
  border:1px solid var(--program-rule);
  border-radius:0;
  box-shadow:none;
  text-align:left;
  font:12px/1.3 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;
  transition:background .14s, border-color .14s;
}
.arc-choice .arc-choice-trigger:hover,
.arc-choice .arc-choice-trigger[aria-expanded=true] {
  background:var(--paper-deep);
  border-color:var(--cobalt);
  box-shadow:none;
  transform:none;
}
.arc-choice-trigger:focus-visible { outline:2px solid var(--cobalt); outline-offset:2px; }
.arc-choice-value { flex:1; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.arc-choice-chevron { display:flex; color:var(--cobalt); transition:transform .16s; }
.arc-choice-trigger[aria-expanded=true] .arc-choice-chevron { transform:rotate(180deg); }
.arc-choice[data-select-id=ed-rate] { width:62px; }
.arc-choice-popup {
  position:fixed;
  z-index:1000;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  color-scheme:light;
  background:var(--paper-light);
  color:var(--program-ink);
  border:1px solid var(--program-ink);
  box-shadow:4px 4px 0 var(--program-ink);
  opacity:0;
  translate:0 -5px;
  transition:opacity .14s, translate .16s ease-out;
}
.arc-choice-popup.is-open { opacity:1; translate:none; }
.arc-choice-popup.is-closing { opacity:0; translate:0 -3px; pointer-events:none; transition-duration:.12s; }
.arc-choice-heading {
  padding:9px 11px;
  border-bottom:1px solid var(--program-rule);
  font:800 14px var(--program-serif);
}
.arc-choice-options { padding:4px; overflow:auto; max-height:290px; overscroll-behavior:contain; }
.arc-choice-popup .arc-choice-option {
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center;
  text-align:left;
  width:100%;
  min-height:32px;
  padding:6px 8px;
  border:1px solid transparent;
  border-radius:0;
  background:none;
  color:var(--program-ink);
  font:12px/1.35 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;
  box-shadow:none;
  transition:background .12s;
}
.arc-choice-option .program-icon { width:14px; height:14px; color:var(--cobalt); }
.arc-choice-popup .arc-choice-option.is-selected { color:var(--cobalt); font-weight:700; }
.arc-choice-popup .arc-choice-option:is(:hover,.is-focused):not(:disabled) {
  background:var(--paper-deep);
  border-color:var(--program-rule);
  transform:none;
}
.arc-choice-popup .arc-choice-option:disabled { opacity:.45; cursor:default; }
.arc-choice-footer {
  display:flex;
  justify-content:space-between;
  gap:6px;
  padding:8px 10px;
  border-top:1px solid var(--program-rule);
  color:var(--program-muted);
  font-size:10px;
}
.arc-choice-search { padding:6px; }
.arc-choice-search input {
  width:100%;
  padding:7px 8px;
  border:1px solid var(--program-rule);
  border-radius:0;
  background:var(--paper);
  color:var(--program-ink);
  font-size:12px;
}
.arc-choice-search input:focus-visible { outline:2px solid var(--cobalt); outline-offset:-2px; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
input[type=number] { appearance:textfield; }