.select{position:relative;width:100%}.select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;padding:0 16px;background-color:var(--color-white);border:1px solid var(--color-gray-400);border-radius:var(--radius-xl);font-family:var(--font-compact);font-weight:var(--font-regular);font-size:var(--text-lg);color:var(--color-gray-500);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.select__trigger:hover{border-color:var(--color-gray-600)}.select__trigger:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.select--open .select__trigger{border-color:var(--color-green)}.select--has-value .select__trigger{color:var(--color-gray-800)}.select__chevron{width:24px;height:24px;color:var(--color-gray-500);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.select--open .select__chevron{transform:rotate(180deg)}.select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-white);border:1px solid var(--color-gray-400);border-radius:var(--radius-xl);padding:var(--spacing-xs) 0;z-index:var(--z-dropdown);box-shadow:var(--shadow-dropdown);max-height:240px;overflow-y:auto}.select__dropdown::-webkit-scrollbar-track{margin:8px 0}.select__option{display:flex;align-items:center;width:100%;padding:12px 16px;background:none;border:none;font-family:var(--font-compact);font-size:var(--text-lg);color:var(--color-gray-800);cursor:pointer;text-align:left}.select__option:hover,.select__option--selected{background-color:var(--color-gray-300);border-radius:var(--radius-md)}.select--sort .select__trigger{height:40px;border-color:var(--color-green-600);border-radius:var(--radius-2xl);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-green-600)}