2 lines
3.0 KiB
CSS
2 lines
3.0 KiB
CSS
.app-select[data-v-29078e89]{min-width:0;position:relative}.app-select--block[data-v-29078e89]{width:100%}.app-select__trigger[data-v-29078e89]{width:100%;min-height:var(--btn-height);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:start;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font-family:inherit;font-size:.9375rem;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.app-select__trigger[data-v-29078e89]:hover:not(:disabled){border-color:var(--color-primary)}.app-select--open .app-select__trigger[data-v-29078e89],.app-select__trigger[data-v-29078e89]:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft,#3b82f61f);outline:none}.app-select__trigger--error[data-v-29078e89]{border-color:var(--color-danger)}.app-select__trigger[data-v-29078e89]:disabled{opacity:.6;cursor:not-allowed}.app-select__value[data-v-29078e89]{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-select__value--placeholder[data-v-29078e89]{color:var(--color-text-muted);font-weight:400}.app-select__chevron[data-v-29078e89]{color:var(--color-text-muted);flex-shrink:0;transition:transform .15s;display:inline-flex}.app-select--open .app-select__chevron[data-v-29078e89]{color:var(--color-primary);transform:rotate(180deg)}.app-select__menu[data-v-29078e89]{background:var(--color-surface);border:1px solid var(--color-border);box-sizing:border-box;-webkit-overflow-scrolling:touch;border-radius:14px;flex-direction:column;gap:4px;margin:0;padding:8px;list-style:none;display:flex;overflow-y:auto;box-shadow:0 12px 32px #0f172a24}.app-select__search[data-v-29078e89]{z-index:1;background:var(--color-surface);padding-bottom:4px;position:sticky;top:0}.app-select__search-input[data-v-29078e89]{border:1px solid var(--color-border);background:var(--color-bg);width:100%;height:38px;color:var(--color-text);font:inherit;border-radius:10px;padding:0 12px;font-size:.875rem}.app-select__search-input[data-v-29078e89]:focus{border-color:var(--color-primary);outline:none}.app-select__empty[data-v-29078e89]{color:var(--color-text-muted);text-align:center;padding:12px;font-size:.8125rem}.app-select__option[data-v-29078e89]{width:100%;color:var(--color-text);text-align:start;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .12s,color .12s;display:flex}.app-select__option[data-v-29078e89]:hover{background:var(--color-bg)}.app-select__option--active[data-v-29078e89]{background:var(--color-primary-soft,#3b82f61a);color:var(--color-primary);font-weight:600}.app-select__option-label[data-v-29078e89]{flex:1;min-width:0;line-height:1.45}.app-select__check[data-v-29078e89]{color:var(--color-primary);flex-shrink:0}.input-error-text[data-v-29078e89]{color:var(--color-danger);margin:4px 0 0;font-size:.8125rem}
|