.c-color-spot-button{position:relative;width:20px;height:20px;padding:0;border:0;border:1px solid transparent;border:var(--attest-border-width-s) solid transparent;border-radius:50%;background-color:#fff;background-color:var(--attest-color-surface-default);transform-origin:center;transition:transform .12s;transition:transform var(--timing-fast)}.c-color-spot-button--tulip:after{background:hsl(328.1,44.2%,49.2%);background:var(--attest-palette-berry-70)}.c-color-spot-button--cobalt:after{background:hsl(38.8,90.8%,61.6%);background:var(--attest-palette-yellow-40)}.c-color-spot-button--magic:after{background:hsl(21.9,66.7%,41.2%);background:var(--attest-palette-firecracker-70)}.c-color-spot-button--turtle:after{background:hsl(145.7,40.8%,43.7%);background:var(--attest-palette-green-60)}.c-color-spot-button--black:after{background:hsl(189.7,100%,30.4%);background:var(--attest-color-interactive-default)}.c-color-spot-button--muted:after{background:hsl(206.5,92.9%,89%);background:var(--attest-palette-blue-30)}.c-color-spot-button--active{border:1px solid transparent;border-color:#e1e2e2;border-color:var(--attest-color-border-subdued)}.c-color-spot-button:after{position:absolute;top:2px;left:2px;display:block;width:14px;height:14px;border:1px solid transparent;border-radius:50%;content:"";transition:border .18s;transition:border var(--timing-default)}.c-color-spot-button.guideflow_hovered,.c-color-spot-button:focus{border:1px solid hsl(180,1.7%,88.4%);border:var(--attest-border-width-s) solid var(--attest-color-border-subdued);transform:scale(1.24)}.c-color-spot-button:active{transform:scale(1)}:not(#\	) .c-color-picker__action-menu{left:-13px;width:auto;padding:4px;padding:var(--attest-spacing-1)}.c-color-picker__list{display:flex;flex-direction:row;padding:4px;padding:var(--attest-spacing-1);gap:4px;gap:var(--attest-spacing-1)}