.palette-picker{margin:0 0 var(--base);border:0;padding:0}.palette-picker legend{margin-bottom:calc(var(--base)/2)}.palette-picker__grid{gap:calc(var(--base)/2);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));display:grid}.palette-picker__option{border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-m);cursor:pointer;align-items:center;gap:calc(var(--base)/2);padding:calc(var(--base)/2);display:flex}.palette-picker__option:hover{border-color:var(--theme-elevation-400)}.palette-picker__option:focus-within{outline:2px solid var(--theme-success-500);outline-offset:2px}.palette-picker__option input{accent-color:var(--theme-text);margin:0}.palette-picker__option--selected{border-color:var(--theme-text);box-shadow:inset 0 0 0 1px var(--theme-text)}.palette-picker__swatches{flex-shrink:0;display:flex}.palette-picker__swatch{border:2px solid var(--theme-elevation-0);border-radius:50%;block-size:1.5rem;inline-size:1.5rem}.palette-picker__swatch+.palette-picker__swatch{margin-inline-start:-.4rem}