searchable-select .select{opacity:0}searchable-select{display:flex;max-width:100%;width:100%;position:relative}searchable-select searchable-select-container{width:100%;position:relative}searchable-select searchable-select-container:after{content:"";position:absolute;display:flex;top:calc(50% + 1px);right:0;width:23px;height:23px;transform:translateY(-50%);pointer-events:none;background:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;background-size:16px 16px}searchable-select input{display:var(--searchable-select-input-display, inherit);box-sizing:border-box;cursor:pointer;border:1px solid var(--searchable-select-border-color, #ccc);border-radius:4px;width:100%;padding:8px;padding-right:24px!important}searchable-select select{position:var(--searchable-select-position, absolute);inset:0;pointer-events:var(--searchable-select-pointer-events, none);opacity:var(--searchable-select-opacity, 0)}searchable-select searchable-select-container>:last-child{z-index:10;background-color:var(--searchable-select-background-color, #fff);border:1px solid var(--searchable-select-border-color, #ccc);color:currentColor;width:100%;max-height:200px;position:absolute;overflow-y:auto}searchable-select searchable-select-container>:last-child>*{cursor:pointer;padding:8px}searchable-select searchable-select-container>:last-child>*[data-selected]{font-weight:700}searchable-select searchable-select-container>:last-child>*[data-hover],searchable-select searchable-select-container>:last-child>*:hover{background-color:var(--searchable-select-option-hover, #f0f0f0)}