.select{border:1px solid var(--color-border);background-color:var(--color-bg-primary);height:30px;color:var(--color-text);box-sizing:border-box;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='none'%3E%3Cpath d='M.7 0h6.6L4 5z' fill='%23888'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border-radius:3px;width:100%;padding:0 1.5rem 0 .5rem;font-size:.8rem;transition:background-color .1s,border-color .1s}.select:not(.select--ghost):not(.select--text):hover{background-color:var(--color-bg-hover);border-color:var(--color-text-muted)}.select--sm{height:28px;font-size:.75rem}.select--ghost{color:var(--color-text-secondary);background-color:#0000;border:1px solid #0000;width:auto;padding:0 1.25rem 0 .25rem}.select--ghost:hover{background-color:var(--color-bg-hover)}.select--text{color:var(--color-text);cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='none'%3E%3Cpath d='M.7 0h6.6L4 5z' fill='%23888'/%3E%3C/svg%3E");background-position:100%;border:none;width:auto;height:auto;padding:0 12px 0 0;font-weight:500}.select--text:hover{color:var(--color-text-secondary)}.select--text:focus{box-shadow:none;outline:none}.select:focus{border-color:var(--color-border-focus);outline:none}.select--ghost:focus{box-shadow:none;border-color:#0000}