.naraya-select{position:relative;display:block;width:100%}.naraya-select__trigger{display:flex;align-items:center;width:100%;height:2.5rem;padding:0 2.25rem 0 .75rem;font-family:inherit;font-size:.875rem;line-height:1.25rem;color:rgb(var(--text-main));background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:.5rem;outline:none;cursor:pointer;text-align:left;transition:border-color var(--duration-fast) var(--easing-smooth),box-shadow var(--duration-fast) var(--easing-smooth)}.naraya-select__trigger:hover:not(:disabled){border-color:rgb(var(--color-primary-hover))}.naraya-select__trigger:focus-visible{border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgb(var(--ring-focus)/.2)}.naraya-select__trigger:disabled{opacity:.5;cursor:not-allowed;background-color:rgb(var(--color-secondary))}.naraya-select__trigger--error{border-color:rgb(var(--color-error))}.naraya-select__trigger--error:focus-visible{box-shadow:0 0 0 3px rgb(var(--color-error)/.2)}.naraya-select__trigger--sm{height:2rem;font-size:.75rem;padding:0 1.75rem 0 .625rem;border-radius:.375rem}.naraya-select__trigger--lg{height:3rem;padding:0 2.5rem 0 1rem;font-size:1rem}.naraya-select__trigger-placeholder{color:rgb(var(--text-muted));opacity:.7}.naraya-select__trigger--has-clear{padding-right:3.75rem}.naraya-select__clear{position:absolute;top:50%;right:1.875rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:0;background:transparent;border-radius:.25rem;color:rgb(var(--text-muted));cursor:pointer;transition:color var(--duration-fast) var(--easing-smooth),background-color var(--duration-fast) var(--easing-smooth)}.naraya-select__clear:hover{color:rgb(var(--text-main));background-color:rgb(var(--color-secondary))}.naraya-select__clear svg{width:.875rem;height:.875rem}.naraya-select__chevron{position:absolute;top:50%;right:.625rem;width:1rem;height:1rem;transform:translateY(-50%);pointer-events:none;color:rgb(var(--text-muted));transition:transform var(--duration-fast) var(--easing-smooth)}.naraya-select__chevron--open{transform:translateY(-50%) rotate(180deg)}.naraya-select__panel{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:var(--z-dropdown);max-height:15rem;overflow-y:auto;padding:.25rem;background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:.5rem;box-shadow:var(--shadow-lg);animation:naraya-select-fade-in var(--duration-fast) var(--easing-smooth)}@keyframes naraya-select-fade-in{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.naraya-select__option{display:flex;align-items:center;width:100%;padding:.4375rem .625rem;font-family:inherit;font-size:.875rem;line-height:1.25rem;color:rgb(var(--text-main));background-color:transparent;border:0;border-radius:.375rem;cursor:pointer;text-align:left;outline:none;transition:background-color var(--duration-fast) var(--easing-smooth)}.naraya-select__option--highlighted,.naraya-select__option:hover{background-color:rgb(var(--color-secondary))}.naraya-select__option--active{background-color:rgb(var(--color-primary)/.1);color:rgb(var(--color-primary));font-weight:600}.naraya-select__option:focus-visible{box-shadow:inset 0 0 0 2px rgb(var(--ring-focus))}.naraya-select__no-options{padding:.625rem;font-size:.75rem;color:rgb(var(--text-muted));text-align:center}