@layer components{.pp{gap:8px;width:100%;min-width:0;display:grid;position:relative}.pp-field{letter-spacing:-.01em;white-space:nowrap;height:48px;color:var(--on-dark);background:#ffffff14;border-radius:14px;align-items:center;padding:0 16px;font-size:18px;font-weight:650;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff1f}.pp.is-open .pp-field{box-shadow:inset 0 0 0 1.5px #ccff3d8c}.pp-ph{color:var(--on-dark-faint);font-weight:500}.pp-caret{background:var(--rn);border-radius:1px;width:2px;height:22px;margin-left:2px;animation:1s step-end infinite pp-blink}@keyframes pp-blink{50%{opacity:0}}.pp-list{z-index:6;max-height:var(--pp-list,260px);overscroll-behavior:contain;background:#121a16;border-radius:16px;padding:6px;display:none;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:inset 0 0 0 1.5px #ffffff1a,0 -18px 40px -12px #000000bf}.pp.is-open .pp-list{animation:pp-up .2s var(--ease-out) both;display:block}@keyframes pp-up{0%{opacity:0;transform:translateY(8px)}}.pp-row{text-align:left;width:100%;min-height:44px;color:var(--on-dark);border-radius:10px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;display:grid}.pp-flag{background:#ffffff14 50%/cover no-repeat;border-radius:3px;width:22px;height:15px;box-shadow:0 0 0 1px #0000004d}.pp-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:650;overflow:hidden}.pp-meta{white-space:nowrap;color:var(--on-dark-dim);font-size:12px;font-weight:600}.pp-row.is-hi{color:#0d0d0f;background:var(--rn)}.pp-row.is-hi .pp-meta{color:#0d0d0fa6}.pp-row.is-tried{opacity:.45;text-decoration:line-through}.pp-row:focus-visible{outline:2px solid var(--rn);outline-offset:-2px}@media (hover:hover){.pp-row:not(.is-hi):hover{background:#ffffff12}}.pp-hint{color:var(--on-dark-faint);padding:10px 12px;font-size:13.5px}@media (hover:hover) and (pointer:fine){.pp{flex:auto;grid-template-rows:auto minmax(0,1fr);align-content:start;min-height:0}.pp-kb{display:none}.pp-list,.pp.is-open .pp-list{order:2;min-height:120px;max-height:none;animation:none;display:block;position:static;box-shadow:inset 0 0 0 1.5px #ffffff14}}@media (prefers-reduced-motion:reduce){.pp-caret,.pp.is-open .pp-list{animation:none}}}