.subset-picker{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.subset-picker-mode{appearance:none;font:inherit;color:inherit;border:1px solid color-mix(in srgb, currentColor 28%, transparent);cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23888' stroke-width='1.5'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") right .45rem center/.8em no-repeat;border-radius:8px;padding:.3rem 1.5rem .3rem .6rem;font-size:.82rem;transition:border-color .12s}.subset-picker-mode:hover{border-color:color-mix(in srgb, currentColor 45%, transparent)}.subset-picker-mode:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.subset-picker-swatches{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.subset-swatch{border:1px solid color-mix(in srgb, currentColor 28%, transparent);cursor:pointer;border-radius:5px;width:1.35rem;height:1.35rem;padding:0;transition:transform .1s;display:block;overflow:hidden}.subset-swatch-tile,.subset-swatch-cell{width:100%;height:100%;display:block}.subset-swatch:not(.is-static):hover{transform:scale(1.1)}.subset-swatch.is-active{outline:2px solid var(--accent);outline-offset:1px}.subset-swatch.is-static{cursor:default}