.bite-select{width:100%;position:relative}.bite-select-trigger{width:100%;font:inherit;color:var(--forest);text-align:left;cursor:pointer;background:var(--card);border:1px solid #d3d0c7;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:14px;line-height:1.5;transition:border-color .2s;display:flex}.bite-select-trigger:hover,.bite-select.is-open .bite-select-trigger{border-color:#a8a49b}.bite-select-trigger:focus-visible{outline-offset:3px;outline:3px solid #55836b}.bite-select-trigger svg{flex:none;transition:transform .3s cubic-bezier(.22,1,.36,1)}.bite-select.is-open .bite-select-trigger svg{transform:rotate(180deg)}.bite-select-placeholder{color:var(--muted)}.bite-select-list{z-index:30;background:var(--card);border:1px solid var(--border);opacity:0;visibility:hidden;pointer-events:none;border-radius:16px;max-height:280px;margin:0;padding:6px;list-style:none;transition:opacity .18s,transform .24s cubic-bezier(.22,1,.36,1),visibility 0s linear .24s;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;transform:translateY(-4px);box-shadow:0 4px 8px #2b3d360f,0 14px 32px #2b3d361f}.bite-select.is-open .bite-select-list{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s,transform .24s cubic-bezier(.22,1,.36,1);transform:none}.bite-select-list li{color:var(--forest);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.bite-select-list li[data-active=true]{background:#edebe4}.bite-select-list li[aria-selected=true]{font-weight:500}@media (prefers-reduced-motion:reduce){.bite-select-list,.bite-select-trigger svg{transition:none}}