/* Shared Form / Player searchable card controls. */
:is(#mf-picker,#trend-controls) .mf-trend-picker{position:relative;margin-top:5px}:is(#mf-picker,#trend-controls) .mf-trend-picker input{margin:0;background:#061522;border-color:#4c7287;border-radius:7px;font-size:13px;min-height:41px;padding-right:33px;text-overflow:ellipsis}:is(#mf-picker,#trend-controls) .mf-trend-picker:after{content:'⌄';position:absolute;right:12px;top:7px;color:#b7d3e4;pointer-events:none}:is(#mf-picker,#trend-controls) .mf-trend-picker:has(.picker-clear:not([hidden])):after{display:none}:is(#mf-picker,#trend-controls) .picker-clear{position:absolute;top:2px;right:2px;min-width:35px;height:37px;padding:0;border:0;background:transparent;font-size:22px;color:#bcdae8}:is(#mf-picker,#trend-controls) .picker-clear:hover{color:white;background:#1a3f53}:is(#mf-picker,#trend-controls) .mf-trend-options{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:60;min-width:100%;max-height:280px;overflow-y:auto;overscroll-behavior:contain;padding:8px;background:#0b2130;border:1px solid #4a778f;border-radius:7px;box-shadow:0 15px 32px #0009;scrollbar-color:#7e929f #193546;scrollbar-width:thin}:is(#mf-picker,#trend-controls) .mf-trend-options button{display:block;width:100%;padding:9px 10px;margin:0 0 6px;text-align:left;background:#163042;border:1px solid #365e75;border-radius:6px;color:#f6faff;line-height:1.5;font-size:13px;white-space:normal}:is(#mf-picker,#trend-controls) .mf-trend-options button:last-child{margin-bottom:0}:is(#mf-picker,#trend-controls) .mf-trend-options strong{display:block;font-size:13px}:is(#mf-picker,#trend-controls) .mf-trend-options span{display:block;margin-top:3px;color:#abd9f1;font-size:12px}:is(#mf-picker,#trend-controls) .mf-trend-options button:hover,:is(#mf-picker,#trend-controls) .mf-trend-options button.is-active{background:#244c62;border-color:#73cbe3}:is(#mf-picker,#trend-controls) .mf-trend-options button[aria-selected=true]{border-color:#29d8ed}:is(#mf-picker,#trend-controls) .mf-trend-options p{font-size:12px;margin:8px;color:var(--muted)}
:is(#mf-picker,#trend-controls) .mf-trend-picker{min-width:0}
:is(#mf-picker,#trend-controls) .mf-trend-picker .mf-trend-options[hidden],:is(#mf-picker,#trend-controls) .picker-clear[hidden]{display:none!important}
:is(#mf-picker,#trend-controls) .mf-trend-picker input{width:100%;min-width:0;height:41px;font:13px/1.5 Arial,sans-serif;padding:9px 33px 9px 11px;letter-spacing:normal}
:is(#mf-picker,#trend-controls) .mf-trend-picker .mf-trend-options{max-height:min(280px,45vh);box-sizing:border-box}
:is(#mf-picker,#trend-controls) .mf-trend-options.opens-up{top:auto;bottom:calc(100% + 5px)}
:is(#mf-picker,#trend-controls) .mf-trend-options button{font:13px/1.5 Arial,sans-serif;letter-spacing:normal;min-height:40px;cursor:pointer}
:is(#mf-picker,#trend-controls) .mf-trend-picker :focus-visible{outline:2px solid #4ee4f6;outline-offset:3px}
#mf-picker .mf-player-picker>.mf-trend-picker{flex:1;margin-top:0}
#mf-picker .mf-player-picker{margin-top:8px;min-width:0}
#mf-picker .mf-inline-filters .trend-field{min-width:0;flex:1 1 190px}
#mf-picker .dp-detail-head .trend-field{min-width:230px}
@media(max-width:600px){#mf-picker .mf-inline-filters .trend-field{flex-basis:100%}#mf-picker .dp-detail-head .trend-field{min-width:0;width:100%}}

/* Compare-with suggestions navigate rather than set a select, but use the same cards. */
#mf-picker #mf-results:not(:empty){position:absolute;left:0;right:0;z-index:80;max-height:280px;overflow-y:auto;overscroll-behavior:contain;padding:8px;margin-top:5px;background:#0b2130;border:1px solid #4a778f;border-radius:7px;box-shadow:0 15px 32px #0009;scrollbar-color:#7e929f #193546;scrollbar-width:thin}
#mf-picker #mf-results .result{display:block;width:100%;padding:9px 10px;min-height:40px;margin:0 0 6px;text-align:left;background:#163042;border:1px solid #365e75;border-radius:6px;color:#f6faff;font:13px/1.5 Arial,sans-serif;letter-spacing:normal}
#mf-picker #mf-results .result:last-child{margin-bottom:0}
#mf-picker #mf-results .result strong{display:block;font:700 13px/1.5 Arial,sans-serif}
#mf-picker #mf-results .result span{display:block;margin-top:3px;color:#abd9f1;font:12px/1.5 Arial,sans-serif}
#mf-picker #mf-results .result:hover,#mf-picker #mf-results .result:focus-visible{background:#244c62;border-color:#73cbe3}