.color-card.svelte-4x6iwi{box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;will-change:transform,box-shadow}.color-card.svelte-4x6iwi:hover{box-shadow:0 4px 8px #0000001a,0 12px 32px #0000001f}.copy-btn.svelte-4x6iwi,.save-btn.svelte-4x6iwi{will-change:transform,background-color}.copy-btn.copied.svelte-4x6iwi{background-color:#ecfdf5e6;border-color:#10b9814d}.save-btn.saved.svelte-4x6iwi{background-color:#fff1f2e6;border-color:#f43f5e4d}@keyframes svelte-4x6iwi-pulse-success{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.copy-btn.copied.svelte-4x6iwi,.save-btn.saved.svelte-4x6iwi{animation:svelte-4x6iwi-pulse-success .3s ease-out}.color-picker.svelte-1ne9zq4{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:4px}.color-picker.svelte-1ne9zq4::-webkit-color-swatch-wrapper{padding:2px}.color-picker.svelte-1ne9zq4::-webkit-color-swatch{border:none;border-radius:6px;box-shadow:inset 0 1px 2px #0000001a}.color-picker.svelte-1ne9zq4::-moz-color-swatch{border:none;border-radius:6px;box-shadow:inset 0 1px 2px #0000001a}.color-input-form.focused.svelte-1ne9zq4{box-shadow:0 0 0 3px #f43f5e1a;border-radius:.75rem}.color-input-form.svelte-1ne9zq4>:where(.svelte-1ne9zq4){transition:border-color .2s ease,background-color .2s ease}.save-color-btn.svelte-ui2339{will-change:transform,background-color}.save-color-btn.saved.svelte-ui2339{background-color:#fff1f2e6;border-color:#f43f5e4d}@keyframes svelte-ui2339-pulse-save{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.save-color-btn.saved.svelte-ui2339{animation:svelte-ui2339-pulse-save .3s ease-out}