.select{position:relative}.select-control{text-align:left;cursor:pointer;align-items:center;gap:.75rem;display:flex}.select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-value.is-placeholder{color:#9ca3af}.select-chevron{color:#6b7280;flex-shrink:0;transition:transform .15s}.select-control.is-open .select-chevron{transform:rotate(180deg)}.select-panel{z-index:20;overscroll-behavior:contain;background:var(--white);border:1px solid #d4dad7;border-radius:10px;max-height:min(19rem,52vh);padding:.35rem;position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow-y:auto;box-shadow:0 1px 2px #11181c0f,0 12px 28px #11181c24}.select-group+.select-group{border-top:1px solid #edf1ef;margin-top:.25rem;padding-top:.35rem}.select-group-label{text-transform:uppercase;letter-spacing:.1em;color:var(--teal-dark);padding:.45rem .7rem .3rem;font-size:.72rem;font-weight:700}.select-option{cursor:pointer;border-radius:7px;align-items:center;gap:.6rem;padding:.7rem;font-size:.97rem;line-height:1.35;display:flex}.select-option>span{flex:1;min-width:0}.select-option[data-active=true]{background:#40c6a424}.select-option[aria-selected=true]{font-weight:700}.select-tick{color:var(--teal-dark);opacity:0;flex-shrink:0}.select-option[aria-selected=true] .select-tick{opacity:1}@media (prefers-reduced-motion:reduce){.select-chevron{transition:none}}
