.palette-finder{margin:0 0 24px;border-block:1px solid var(--line,#d8d9d3);padding:16px 0}.palette-finder summary{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;cursor:pointer;list-style:revert}.palette-finder summary strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.palette-finder summary span,.palette-finder>p{font-size:13px;color:var(--muted,#646b66)}.palette-match-choice{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0;font-size:12px}.palette-match-choice label{display:flex;align-items:center;gap:8px}.palette-match-choice select{max-width:220px}.palette-options{display:grid;grid-auto-flow:column;grid-auto-columns:180px;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 14px}.palette-choice{display:flex;flex-direction:column;align-items:stretch;gap:7px;text-align:left;scroll-snap-align:start;background:transparent;border:1px solid var(--line,#d8d9d3);border-radius:6px;padding:9px;cursor:pointer;color:inherit;font:inherit;min-height:112px}.palette-choice svg{display:block;width:100%;height:28px;border-radius:3px;overflow:hidden}.palette-choice>span{font-size:12px;line-height:1.4}.palette-choice small{font-size:11px;color:var(--muted,#646b66)}.palette-choice[aria-pressed="true"]{outline:2px solid var(--olive,#50644e);outline-offset:1px}.palette-choice:focus-visible,.palette-clear:focus-visible{outline:3px solid var(--olive,#50644e);outline-offset:3px}.palette-clear{border:0;background:transparent;color:inherit;text-decoration:underline;font:inherit;padding:8px;cursor:pointer}@media(max-width:600px){.palette-options{grid-auto-columns:155px}.palette-finder summary{gap:5px}.palette-finder summary span{flex-basis:100%}.palette-match-choice label{flex-wrap:wrap}}