.color-btn.svelte-k6ezzb{width:var(--size-7);aspect-ratio:var(--ratio-square);box-sizing:border-box;cursor:pointer;border:0;padding:0;position:relative;border-radius:var(--radius-round)!important}.color-btn.mini.svelte-k6ezzb{width:var(--size-5)}.color-btn.svelte-k6ezzb{outline-offset:var(--size-1);outline:2px solid #0000;transition:outline-color .2s}@media (hover:hover){.color-btn.svelte-k6ezzb:hover:not(.outlined){outline-color:var(--btn-bg-hover)}}.color-btn.outlined.svelte-k6ezzb{outline:2px solid var(--btn-bg-hover);outline-offset:var(--size-1)}.color-btn.svelte-k6ezzb:after{bottom:calc(100% + var(--size-1) + 10px)}