:root{--bn-colors-highlights-gray-text:var(--text-secondary,#78716c);--bn-colors-highlights-gray-background:var(--subtle,#f5f5f4);--bn-colors-highlights-brown-text:var(--text-secondary,#78716c);--bn-colors-highlights-brown-background:var(--stone-100,#f5f5f4);--bn-colors-highlights-red-text:var(--error,#b3433a);--bn-colors-highlights-red-background:var(--error-bg,#f9efee);--bn-colors-highlights-orange-text:var(--warning,#a8783a);--bn-colors-highlights-orange-background:var(--warning-bg,#f7f2ea);--bn-colors-highlights-yellow-text:var(--hitl-700,#7a5626);--bn-colors-highlights-yellow-background:var(--hitl-50,#fef7e8);--bn-colors-highlights-green-text:var(--success,#3f7b52);--bn-colors-highlights-green-background:var(--success-bg,#f1f5f1);--bn-colors-highlights-blue-text:var(--live-700,#047857);--bn-colors-highlights-blue-background:var(--live-bg,#ecfdf5);--bn-colors-highlights-purple-text:var(--violet-700,#6d28d9);--bn-colors-highlights-purple-background:var(--violet-50,#faf5ff);--bn-colors-highlights-pink-text:var(--hitl-700,#7a5626);--bn-colors-highlights-pink-background:var(--hitl-50,#fef7e8);--bn-border:1px solid var(--border,#e7e5e4);--bn-border-radius-small:var(--r-sm,4px)}.bn-menu-dropdown.bn-color-picker-dropdown,.bn-menu-dropdown.bn-drag-handle-menu,[data-slot=dropdown-menu-content].bn-drag-handle-menu,[data-slot=dropdown-menu-content].vital-canvas-menu-surface,[data-slot=dropdown-menu-sub-content].bn-color-picker-dropdown,[data-slot=dropdown-menu-sub-content].vital-canvas-menu-surface{background-color:var(--elevated,#ffffff)!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.bn-color-icon{box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;border:var(--bn-border)!important;border-radius:var(--bn-border-radius-small)!important;font-family:var(--font-sans,Inter,system-ui,sans-serif)!important;font-weight:600!important;line-height:1!important}.bn-color-icon[data-text-color=default][data-background-color=default]{color:var(--text-heading,#1c1917)!important;-webkit-text-fill-color:var(--text-heading,#1c1917)!important;background-color:var(--elevated,#ffffff)!important}.bn-color-icon[data-text-color=gray]{color:#9b9a97!important;-webkit-text-fill-color:#9b9a97!important;background-color:var(--elevated,#ffffff)!important}.bn-color-icon[data-text-color=brown]{color:#64473a!important;-webkit-text-fill-color:#64473a!important;background-color:var(--elevated,#ffffff)!important}.bn-color-icon[data-text-color=red]{color:#e03e3e!important;-webkit-text-fill-color:#e03e3e!important;background-color:var(--elevated,#ffffff)!important}.bn-color-icon[data-text-color=orange]{color:#d9730d!important;-webkit-text-fill-color:#d9730d!important;background-color:var(--elevated,#ffffff)!important}.bn-color-icon[data-text-color=yellow]{color:#dfab01!important;-webkit-text-fill-color:#dfab01!important;background-color:var(--elevated,#ffffff)!important}.bn-color-icon[data-text-color=green]{color:#4d6461!important;-webkit-text-fill-color:#4d6461!important;background-color:var(--elevated,#ffffff)!important}.bn-color-icon[data-text-color=blue]{color:#0b6e99!important;-webkit-text-fill-color:#0b6e99!important;background-color:var(--elevated,#ffffff)!important}.bn-color-icon[data-text-color=purple]{color:#6940a5!important;-webkit-text-fill-color:#6940a5!important;background-color:var(--elevated,#ffffff)!important}.bn-color-icon[data-text-color=pink]{color:#ad1a72!important;-webkit-text-fill-color:#ad1a72!important;background-color:var(--elevated,#ffffff)!important}.bn-color-icon[data-text-color=default][data-background-color=gray]{color:#9b9a97!important;-webkit-text-fill-color:#9b9a97!important;background-color:#ebeced!important}.bn-color-icon[data-text-color=default][data-background-color=brown]{color:#64473a!important;-webkit-text-fill-color:#64473a!important;background-color:#e9e5e3!important}.bn-color-icon[data-text-color=default][data-background-color=red]{color:#e03e3e!important;-webkit-text-fill-color:#e03e3e!important;background-color:#fbe4e4!important}.bn-color-icon[data-text-color=default][data-background-color=orange]{color:#d9730d!important;-webkit-text-fill-color:#d9730d!important;background-color:#f6e9d9!important}.bn-color-icon[data-text-color=default][data-background-color=yellow]{color:#dfab01!important;-webkit-text-fill-color:#dfab01!important;background-color:#fbf3db!important}.bn-color-icon[data-text-color=default][data-background-color=green]{color:#4d6461!important;-webkit-text-fill-color:#4d6461!important;background-color:#ddedea!important}.bn-color-icon[data-text-color=default][data-background-color=blue]{color:#0b6e99!important;-webkit-text-fill-color:#0b6e99!important;background-color:#ddebf1!important}.bn-color-icon[data-text-color=default][data-background-color=purple]{color:#6940a5!important;-webkit-text-fill-color:#6940a5!important;background-color:#eae4f2!important}.bn-color-icon[data-text-color=default][data-background-color=pink]{color:#ad1a72!important;-webkit-text-fill-color:#ad1a72!important;background-color:#f4dfeb!important}