.PlayerSelector{position:relative}.PlayerSelector input[type=text]{border:2px solid var(--color-bg-2);background-color:var(--color-bg);width:320px;height:48px;color:var(--color-text);letter-spacing:1.5px;outline:0;padding:0 52px 2px}.PlayerSelector input[type=text]::placeholder{color:var(--color-text-2)}.PlayerSelector input[type=text]:hover{border-color:var(--color-text-2)}.PlayerSelector input[type=text]:focus{background-color:var(--color-bg-2);border-color:var(--color-text-2)}.PlayerSelector input[type=text]:focus+svg,.PlayerSelector input[type=text]:not(:placeholder-shown)+svg{color:var(--color-text)}.PlayerSelector.item-selected input[type=text]:not(:focus){background-color:var(--color-bg-2);color:var(--color-text-3);font-weight:700}.PlayerSelector>svg{width:16px;height:16px;color:var(--color-text-2);pointer-events:none;position:absolute;top:16px;left:20px}.PlayerSelector .clear{appearance:none;cursor:pointer;width:32px;height:32px;color:var(--color-text-2);visibility:hidden;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:12px}.PlayerSelector .clear:hover{color:var(--color-text)}.PlayerSelector .clear>svg{width:16px;height:16px}.PlayerSelector.item-selected .clear,.PlayerSelector input[type=text]:not(:placeholder-shown)~.clear{visibility:visible}.PlayerSelector .menu{border:2px solid var(--color-text-2);background-color:var(--color-bg-2);border-top:0;width:100%;max-height:280px;margin:0;padding:8px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto}.PlayerSelector .menu.hidden{visibility:hidden}.PlayerSelector .menu>li{cursor:pointer;margin:0;padding:8px 16px 10px}.PlayerSelector .menu>li.highlighted{background-color:var(--color-bg-3)}.PlayerSelector .menu>li.selected{font-weight:700}