.choice-select{position:relative;min-width:0}.hb-surface .choice-select>button{display:flex;align-items:center;justify-content:space-between;gap:.65rem;width:100%;min-height:2rem;padding:.35rem .65rem;margin:0;font-size:inherit;text-align:left}.choice-select-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.choice-select-arrow{display:block;flex:0 0 auto;width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-top:.3rem solid}.choice-select [role=listbox]{position:absolute;top:calc(100% + .25rem);inset-inline:0;z-index:10;max-height:18rem;overflow-y:auto;padding:.2rem;border:1px solid var(--line);border-radius:.25rem;background:white;box-shadow:0 3px 10px #0002}.hb-surface .choice-select [role=option]{display:block;width:100%;min-height:2rem;padding:.35rem .4rem;border:0;border-radius:.15rem;background:transparent;color:inherit;font-size:inherit;text-align:left}.hb-surface .choice-select [role=option]:hover,.hb-surface .choice-select [role=option][aria-selected=true]{background:#ededed}