.sample-picker__header{max-width:60ch;margin-bottom:var(--space-xl)}.sample-picker__intro{margin-top:var(--space-sm);color:var(--color-text-muted)}.sample-picker__controls{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.sample-picker__field{display:grid;gap:var(--space-2xs)}.sample-picker__field label{font-size:var(--text-sm);font-weight:600}.sample-picker__field input{min-width:16rem;min-block-size:2.75rem;padding:var(--space-xs) var(--space-sm);border:1px solid var(--sx-control-border, var(--color-border));border-radius:var(--radius);background:var(--sx-panel, var(--color-surface));color:var(--color-text);font:inherit}.sample-picker__price{margin:0;color:var(--color-text-muted)}.sample-picker__grid-wrap{border:0;margin:0;padding:0}.sample-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:var(--space-md)}.sample-picker__label{display:grid;gap:var(--space-2xs);cursor:pointer;text-align:center}.sample-picker__chip-large{aspect-ratio:1;width:100%;border-radius:var(--radius);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #0000001f;transition:box-shadow var(--duration-fast) var(--ease-default)}.sample-picker__name{font-size:var(--text-sm)}.sample-picker__input:checked+.sample-picker__label .sample-picker__chip-large{box-shadow:inset 0 0 0 1px #0000001f,inset 0 0 0 4px var(--color-surface),inset 0 0 0 7px var(--color-primary)}.sample-picker__input:focus-visible+.sample-picker__label .sample-picker__chip-large{outline:2px solid var(--color-primary-text);outline-offset:2px}.sample-picker__input:disabled+.sample-picker__label{cursor:not-allowed;opacity:.4}.sample-picker__summary{position:sticky;bottom:0;margin-top:var(--space-xl);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg)}.sample-picker-section.blocks-bg-tint .sample-picker__summary{background:var(--color-primary-50)}.sample-picker-section.blocks-bg-dark .sample-picker__summary{background:var(--color-secondary-900)}.sample-picker__counter{margin:0 0 var(--space-sm);font-weight:600}.sample-picker__chips{list-style:none;margin:0 0 var(--space-md);padding:0;display:flex;flex-wrap:wrap;gap:var(--space-xs)}.sample-picker__chip{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius);background:var(--sx-panel, var(--color-surface-alt));font-size:var(--text-sm)}.sample-picker__chip-swatch{width:.875rem;height:.875rem;border-radius:50%;background:var(--swatch-color, transparent);box-shadow:inset 0 0 0 1px #00000026}.sample-picker__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.sample-picker__note{margin:var(--space-sm) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.sample-picker__error{margin:0 0 var(--space-sm);padding:var(--space-sm);border:1px solid var(--color-error);border-radius:var(--radius);color:var(--color-error)}.sample-picker__item{content-visibility:auto;contain-intrinsic-size:auto 132px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sample-picker.css.map */