.popover{z-index:60;background:var(--layer-float);min-width:232px;max-width:min(360px,100vw - 16px);box-shadow:var(--lift);color:var(--fg);border-radius:12px;flex-direction:column;padding:6px;display:flex;position:fixed}.popover-item{height:32px;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 8px;font-size:13px;display:flex}.popover-item svg{color:var(--fg2);flex:none}.popover-item.is-danger,.popover-item.is-danger svg{color:var(--err)}.popover-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.popover-item-text{flex-direction:column;flex:1;min-width:0;padding:2px 0;display:flex}.popover-item-note{max-width:240px;color:var(--fg3);white-space:normal;font-size:11px;line-height:16px}.popover-item:hover:not(:disabled),.popover-item:focus-visible{background:var(--tint2);outline:none}.popover-item:disabled{color:var(--fg3);cursor:default}.popover-separator{background:var(--line);border:0;height:1px;margin:4px 6px}.popover-field{width:100%;height:32px;box-shadow:inset 0 0 0 1px var(--line2);color:var(--fg);font:inherit;background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:13px}.popover-field:focus{outline:2px solid var(--fg);outline-offset:-1px}.popover-hues{gap:8px;padding:10px 6px 8px;display:flex}.popover-hue{background:var(--swatch);cursor:pointer;border:0;border-radius:50%;width:16px;height:16px;padding:0}.popover-hue[aria-pressed=true]{outline:1.5px solid var(--fg);outline-offset:2px}.popover-hue:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.popover-item-key{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--fg2);flex:none;font-size:11px;line-height:16px}.popover-item[aria-disabled=true]{color:var(--fg3);cursor:default}.popover-item[aria-disabled=true]:hover{background:0 0}.popover:focus{outline:none}.popover[data-leaving=true]{pointer-events:none}.dropdown-menu{min-width:200px}@media (width<=767px){.dropdown-menu .popover-item{height:40px}}