.searchable-select{--searchable-select-end-padding:calc(var(--space-3-5) + 2 * var(--icon-size-control) + 2 * var(--space-1) + var(--space-2));position:relative}.searchable-select__control{align-items:center;display:flex;position:relative}.searchable-select__search-icon{top:50%;color:var(--color-text-muted);pointer-events:none;position:absolute;inset-inline-start:calc(var(--border-width-default) + var(--space-3));transform:translateY(-50%)}.searchable-select__input{height:var(--control-height);padding:0 var(--searchable-select-end-padding) 0 var(--space-3-5);border:var(--border-width-default) solid var(--color-control-border);border-radius:var(--form-control-radius);font-size:var(--control-font-size);color:var(--color-text);background:var(--color-control-surface);text-overflow:ellipsis;width:100%;transition:border-color var(--duration-base) var(--ease-out);padding-inline-start:calc(var(--space-3) + var(--icon-size-control) + var(--space-2))}.field .searchable-select__input{padding-inline-start:calc(var(--space-3) + var(--icon-size-control) + var(--space-2));padding-inline-end:var(--searchable-select-end-padding)}.searchable-select--selection-only{--searchable-select-end-padding:calc(var(--space-3-5) + var(--icon-size-control) + var(--space-2))}.searchable-select--selection-only .searchable-select__input{-webkit-user-select:none;user-select:none;padding-inline-start:var(--space-3-5)}.searchable-select--selection-only .searchable-select__input:not(:disabled){cursor:pointer;caret-color:#0000}.searchable-select__input:focus,.searchable-select--open .searchable-select__input{border-color:var(--color-focus-ring);outline:none}.searchable-select--invalid .searchable-select__input{border-color:var(--color-error)}.searchable-select__icons{top:50%;align-items:center;gap:var(--space-1);color:var(--color-text-muted);display:flex;position:absolute;inset-inline-end:var(--space-3-5);transform:translateY(-50%)}.searchable-select__clear,.searchable-select__toggle{cursor:pointer;color:var(--color-text-muted);padding:var(--space-0-5);border-radius:var(--radius-sm);transition:color var(--duration-base);background:0 0;border:none;align-items:center;display:flex}.searchable-select__toggle:disabled{cursor:not-allowed}@media (hover:hover){.searchable-select__clear:hover{color:var(--color-text)}}.searchable-select__chevron{pointer-events:none;transition:transform var(--duration-base) var(--ease-out)}.searchable-select__chevron--open{transform:rotate(180deg)}.searchable-select__dropdown{background:var(--color-surface-overlay);box-shadow:var(--form-popover-shadow);border:var(--border-width-default) solid var(--color-border);border-radius:var(--form-control-radius);z-index:var(--z-raised);max-height:240px;padding:var(--space-1);animation:searchable-select-in var(--duration-fast) var(--ease-out);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.searchable-select__dropdown--portal{position:fixed;inset:auto}.searchable-select__dropdown::-webkit-scrollbar{width:6px}.searchable-select__dropdown::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-sm)}@keyframes searchable-select-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.searchable-select__option{text-align:left;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-body);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;overflow-wrap:anywhere;white-space:normal;transition:background var(--duration-fast);background:0 0;border:none;display:block}@media (hover:hover){.searchable-select__option:hover{background:var(--color-surface-hover)}}.searchable-select__option:disabled{color:var(--form-disabled-text);cursor:not-allowed}.searchable-select__option:disabled:hover{background:0 0}.searchable-select__option--selected{background:var(--color-primary-subtle);color:var(--color-primary-text);font-weight:var(--fw-medium)}.searchable-select__option--active{background:var(--color-surface-hover)}.searchable-select__option--emphasized{font-weight:var(--fw-bold)}.searchable-select__option-content{align-items:center;gap:var(--space-2);display:flex}.searchable-select__option-icon{flex-shrink:0}.searchable-select__empty{padding:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.searchable-select__skeleton{border:var(--border-width-default) solid var(--color-border);border-radius:var(--form-control-radius);background:var(--color-bg-subtle);height:32px;margin:var(--space-1) 0;animation:searchable-select-skeleton-pulse var(--duration-loading-pulse) ease-in-out infinite}@keyframes searchable-select-skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (prefers-reduced-motion:reduce){.searchable-select__dropdown,.searchable-select__skeleton{animation:none}.searchable-select__chevron{transition:none}}