.px-color-chip{border:1px solid var(--ui-line);background:var(--ui-fill);color:inherit;vertical-align:middle;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;margin-right:4px;padding:2px 8px 2px 10px;line-height:1.2;display:inline-flex}.px-color-chip__label{font-size:12px}.px-color-chip__swatch{background:var(--px-chip-color,#000);border:1px solid var(--ui-line);border-radius:7px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #ffffff40}.px-color-chip-view{display:inline-flex;position:relative}.px-color-chip__trigger{cursor:pointer;line-height:inherit;font:inherit;background:0 0;border:none;margin:0;padding:0;display:inline-flex}.px-color-chip__popover{background:var(--ui-sheen), var(--ui-overlay);box-shadow:var(--ui-shadow-overlay);z-index:calc(var(--z-popovers) + 2);border:1px solid #0000;border-radius:10px;padding:10px;position:fixed;transform:translateY(-100%)}.px-color-chip__picker{width:200px}.px-color-chip__picker .react-colorful{width:100%;height:180px}.px-color-chip__picker .react-colorful__hue{border-radius:6px;height:16px}.px-url-chip,.px-product-chip,.px-persona-chip,.px-emotion-chip{background:var(--ui-accent-tint);height:18px;color:var(--ui-accent-fg);vertical-align:middle;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:0 4px;line-height:1;display:inline-flex}.px-persona-chip,.px-emotion-chip{background:var(--ui-premium-tint);color:var(--ui-premium-fg)}.px-emotion-chip{white-space:normal;gap:0;padding:0 2px}.px-url-chip__label,.px-product-chip__label,.px-persona-chip__label,.px-emotion-chip__content{font-size:14px;font-weight:400}.px-emotion-chip__content{outline:none}.px-url-chip-view,.px-product-chip-view,.px-persona-chip-view,.px-emotion-chip-view{display:inline-flex;position:relative}