.palette[open]{flex-direction:column;display:flex}.palette{border:1px solid var(--rule-strong);border-radius:var(--radius-container);background:var(--surface);width:min(640px,100% - 32px);max-width:none;max-height:min(560px,100svh - 2*min(14svh,120px));color:var(--text);font-family:var(--font-text);font-size:var(--fs-ui);margin:min(14svh,120px) auto auto;padding:0;line-height:1.4;overflow:hidden}.palette::backdrop{background:#0c0f1280}.palette__glyph{flex:none;display:block}.palette__field{align-items:center;gap:var(--space-3);padding:0 var(--space-2) 0 var(--space-4);border-bottom:1px solid var(--rule);color:var(--text-3);display:flex}.palette__input{min-width:0;height:56px;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:1.0625rem}.palette__input::placeholder{color:var(--text-3);opacity:1}.palette__close{width:var(--hit-target);height:var(--hit-target);border-radius:var(--radius-control);color:var(--text-2);background:0 0;border:0;place-items:center;padding:0;display:grid}@media (hover:hover) and (pointer:fine){.palette__close:hover{color:var(--text)}}.palette__list{min-height:0;padding:var(--space-2);overscroll-behavior:contain;flex:1;margin:0;list-style:none;overflow-y:auto}.palette__option{align-items:center;gap:var(--space-4);min-height:52px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;display:grid}.palette__option[aria-selected=true]{background:var(--surface-hover)}.palette__option--ask{margin-top:var(--space-2);position:relative}.palette__option--ask:before{content:"";top:calc(-1 * var(--space-1) - 1px);right:var(--space-3);left:var(--space-3);background:var(--rule);height:1px;position:absolute}.palette__text{min-width:0;display:grid}.palette__title,.palette__detail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.palette__title{color:var(--text);font-weight:500}.palette__detail,.palette__kind{color:var(--text-3);font-size:var(--fs-data)}.palette__option[aria-selected=true] .palette__kind{color:var(--text-2)}.palette__keys{gap:var(--space-2) var(--space-5);padding:var(--space-3) var(--space-4);border-top:1px solid var(--rule);color:var(--text-3);font-size:var(--fs-data);flex-wrap:wrap;margin:0;display:flex}.palette__keys span{align-items:center;gap:var(--space-1);display:inline-flex}.palette__keys kbd:last-of-type{margin-right:var(--space-1)}@media (pointer:coarse){.palette__keys{display:none}}@media (width<=479px){.palette{width:calc(100% - 16px);margin-top:var(--space-2);max-height:calc(100svh - 16px)}}