.palettes{display:flex;gap:.625rem;padding:3px 0}.palette{--icon-opacity: 1;position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-round);width:1.5rem;height:1.5rem;background-color:currentColor;filter:brightness(1.2) saturate(.9)}.palette__radio{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:inherit}.palette__radio:checked:before{opacity:.4}.palette__radio:checked+.palette__check{--icon-opacity: 1}.palette__radio:hover:before{opacity:.3}.palette__radio:after,.palette__radio:before{position:absolute;inset:0;content:""}.palette__radio:before{border-radius:inherit;inset:0;outline:3px solid currentColor;opacity:0}.palette__radio:after{inset:-.3125rem}.palette__check{--icon-opacity: 0;color:var(--white);pointer-events:none}@media(max-width:29.999rem){.palettes{width:100%;justify-content:space-between}}