.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.custom-swatch{cursor:pointer;background:conic-gradient(#f87171,#facc15,#4ade80,#60a5fa,#c084fc,#f87171);border:1px solid #5a3577;border-radius:50%;flex:none;width:44px;height:44px;display:inline-flex;position:relative;overflow:hidden}.custom-swatch.checked{box-shadow:0 0 0 2px #3d1f57,0 0 0 4px #ffc24b}.custom-swatch input{opacity:0;cursor:pointer;width:100%;height:100%}.color-input input[type=color]{background:#2b1340;border:1px solid #5a3577;border-radius:10px;width:44px;height:44px;padding:2px}.blur-face{filter:saturate(.9);background:radial-gradient(circle at 35% 35%,#f2c6a0,#7aa0c4 55%,#6b8f5e);border-radius:50%;width:100%;height:100%;display:block}