.relative.svelte-1s98afc{display:inline-flex;flex-direction:column}.relative.svelte-1s98afc:hover .floating-delete{opacity:1}.relative.svelte-1s98afc>.preview:where(.svelte-1s98afc){--size: (var(--form-line-height) * 1em + var(--form-padding-y) * 2);width:calc(var(--size));height:calc(var(--size));border:1px solid var(--line-color);border-radius:50%;position:relative;z-index:1;overflow:hidden;background-repeat:repeat;background-image:linear-gradient(to right,color-mix(in srgb,var(--background-color) 87.5%,transparent),color-mix(in srgb,var(--background-color) 87.5%,transparent)),linear-gradient(to right,#000 50%,#fff 50%),linear-gradient(to bottom,#000 50%,#fff 50%);background-blend-mode:normal,difference,normal;background-size:1rem 1rem}.relative.svelte-1s98afc>.preview:where(.svelte-1s98afc):before{content:"";display:block;position:absolute;inset:0;background-color:var(--color);transition:background-color .2s}.relative.svelte-1s98afc>.preview:where(.svelte-1s98afc)>input[type=color]:where(.svelte-1s98afc){display:block;position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;opacity:0}