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