.select{position:relative;display:inline-block;width:100%}.select__trigger{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-white,#fff);border:1px solid var(--color-neutral-300);border-radius:var(--border-radius-md);cursor:pointer;font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-neutral-900);transition:border-color .15s ease,box-shadow .15s ease}.select__trigger:hover{border-color:var(--color-neutral-400)}.select__trigger:focus-visible{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px rgba(var(--color-primary-500-rgb,37,99,235),.2)}.select__trigger-icon{display:flex;align-items:center;flex-shrink:0}.select__trigger-label{flex:1 1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select__arrow{flex-shrink:0;color:var(--color-neutral-500);transition:transform .2s ease}.select--open .select__arrow{transform:rotate(180deg)}.select__panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--z-index-dropdown);background:var(--color-white,#fff);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);max-height:240px;overflow-y:auto;animation:select-panel-in .15s ease}.select__option{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;font-size:var(--font-size-base);color:var(--color-neutral-800);transition:background-color .1s ease}.select__option--focused{background-color:var(--color-neutral-100)}.select__option--selected{font-weight:600;color:var(--color-primary-700)}.select__option-icon{display:flex;align-items:center;flex-shrink:0}.select__option-label{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes select-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}