.color-match__inner{max-inline-size:48rem}.color-match__heading{margin-block-end:var(--space-sm)}.color-match__intro{margin-block-end:var(--space-lg);color:var(--color-text-body)}.color-match__file{display:inline-block;cursor:pointer}.color-match__file:focus-within .button{outline:2px solid var(--color-primary-600);outline-offset:2px}.color-match__privacy{margin:var(--space-sm) 0 0;font-size:var(--text-sm);color:var(--color-text-body)}.color-match__stage{margin-block-start:var(--space-lg)}.color-match__hint{margin:0 0 var(--space-xs);font-size:var(--text-sm);color:var(--color-text-muted)}.color-match__frame{position:relative;display:block;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface-alt)}.color-match__canvas{display:block;inline-size:100%;block-size:auto;cursor:crosshair}.color-match__pin{position:absolute;inset-block-start:var(--match-y, 50%);inset-inline-start:var(--match-x, 50%);inline-size:1.5rem;block-size:1.5rem;margin:-.75rem 0 0 -.75rem;border:2px solid var(--color-primary-50);border-radius:50%;box-shadow:0 0 0 2px var(--color-primary-900);pointer-events:none}.color-match__picked{display:flex;align-items:center;gap:var(--space-xs);margin:var(--space-sm) 0 0;font-size:var(--text-sm)}.color-match__picked-chip{inline-size:1.5rem;block-size:1.5rem;border:1px solid var(--color-border);border-radius:50%}.color-match__picked-hex{font-variant-numeric:tabular-nums;text-transform:uppercase;color:var(--color-text-muted)}.color-match__results:empty{display:none}.color-match__results-title{margin:var(--space-lg) 0 var(--space-xs);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-subtle)}.color-match__result-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:var(--space-xs);margin:0;padding:0;list-style:none}.color-match__result{display:flex;align-items:center;gap:var(--space-xs);min-block-size:44px;min-inline-size:0;padding:var(--space-2xs) var(--space-xs);font-size:var(--text-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius)}.color-match__result-chip{flex:0 0 auto;inline-size:1.75rem;block-size:1.75rem;border-radius:50%;box-shadow:var(--shadow-swatch)}.color-match__result-name{min-inline-size:0;overflow-wrap:anywhere}.color-match__error{margin:var(--space-md) 0 0;font-size:var(--text-sm);color:var(--color-error)}.color-match__families{margin-block-start:var(--space-xl);padding-block-start:var(--space-lg);border-block-start:1px solid var(--color-border-subtle)}.color-match__families-title{margin:0 0 var(--space-xs);font-size:var(--text-sm)}.color-match__family-list{display:flex;flex-wrap:wrap;gap:var(--space-2xs) 0;margin:0 calc(var(--space-xs) * -1);padding:0;list-style:none;font-size:var(--text-sm)}.color-match__family-list a{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;min-inline-size:44px;padding-inline:var(--space-xs)}.color-match__disclaimer{max-inline-size:60ch;margin-block:var(--space-lg) 0;font-size:var(--text-xs);color:var(--color-text-subtle)}.color-match__cta{margin-block-start:var(--space-md)}.color-match--heading-size .color-match__heading{font-size:calc(var(--match-heading-size) * var(--heading-scale))}
/*# sourceMappingURL=/cdn/shop/t/2/assets/color-match-upload.css.map */