.app-select{position:relative}.app-select-button{cursor:pointer;width:100%;font-family:var(--font-body);color:var(--text);text-align:left;justify-content:space-between;align-items:center;gap:10px;font-size:.9rem;display:flex}.app-select.is-invalid .app-select-button{border-color:#f55}.app-select-value{align-items:center;gap:10px;min-width:0;display:inline-flex}.app-select-value img{border-radius:5px;flex-shrink:0}.app-select-placeholder{color:var(--text-dim)}.app-select-chevron{color:var(--text-dim);flex-shrink:0;font-size:.8rem;line-height:1;transition:transform .2s}.app-select.is-open .app-select-chevron{transform:rotate(180deg)}.app-select-list{z-index:30;background:var(--surface);border:1px solid var(--border-bright);border-radius:10px;max-height:300px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 44px #0000002e}.app-select-group{color:var(--text-dim);padding:10px 10px 4px;font-size:.72rem;font-weight:600}.app-option{cursor:pointer;width:100%;color:var(--text);font-family:var(--font-body);text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;padding:9px 10px;font-size:.88rem;display:flex}.app-option:hover,.app-option.is-selected{background:var(--bg-2)}.app-option-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.app-option-icon img{border-radius:5px}
