.color-picker-anchor{display:inline-flex;flex:0 0 auto}.color-swatch-btn{display:inline-flex;padding:1px;border:1px solid var(--border-color);border-radius:4px;background:var(--background-primary);cursor:pointer;transition:box-shadow .12s ease,border-color .12s ease}.color-swatch-btn:hover{border-color:var(--border-accessible)}.color-swatch-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--border-accessible)}.color-swatch-btn__fill{width:16px;height:16px;border-radius:2px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12),inset 0 0 0 1px rgba(0,0,0,.08)}.color-picker-card{width:-moz-fit-content;width:fit-content;padding:10px;background:var(--pane-surface);border:1px solid var(--nav-border);border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.16)}html.app-dark .color-picker-card{box-shadow:0 1px 2px rgba(0,0,0,.45),0 8px 24px rgba(0,0,0,.5)}.color-picker-card .color-picker-done{width:100%;margin-top:8px}