.cl-image-match{padding-top:4rem;padding-bottom:6rem;max-width:118rem}.cl-image-match__intro{max-width:76rem}.cl-image-match__eyebrow{font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cl-image-match__intro h1{margin:0 0 1rem}.cl-image-match__upload{max-width:76rem;padding:2rem;margin:2.4rem 0;background:rgba(var(--color-foreground),.035);border:1px solid rgba(var(--color-foreground),.18);border-radius:1rem}.cl-image-match__label{display:block;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.cl-image-match__upload input{display:block;width:100%;max-width:100%}.cl-image-match__hint{font-size:1.3rem;margin-bottom:0}.cl-image-match__status{font-weight:600;min-height:1.6rem}.cl-image-match__status[data-error]{color:#a02422}.cl-image-match__results[hidden]{display:none}.cl-image-match__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:2.4rem;margin-top:2rem}.cl-image-match__preview{position:relative;border-radius:.8rem;overflow:hidden;background:#eee}.cl-image-match__preview img{display:block;width:100%;height:auto}.cl-image-match__marker{position:absolute;display:block;width:2.4rem;height:2.4rem;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 7px #222;background:#252525;transform:translate(-50%,-50%)}.cl-image-match__marker span{position:absolute;left:100%;top:50%;transform:translate(.6rem,-50%);font-size:1.1rem;line-height:1.2;color:#fff;background:#252525;padding:.3rem .6rem;white-space:nowrap}.cl-image-match__cards{display:grid;gap:1.6rem}.cl-image-match__card{border:1px solid rgba(var(--color-foreground),.18);border-radius:.8rem;padding:1.6rem;break-inside:avoid}.cl-image-match__card h3{margin:0 0 .8rem}.cl-image-match__source{display:flex;gap:.8rem;align-items:center;font-size:1.3rem;margin-bottom:1rem}.cl-image-match__swatch{display:inline-block;width:2.8rem;height:2.8rem;flex:0 0 2.8rem;border:1px solid #777;border-radius:.3rem}.cl-image-match__group{margin-top:1.2rem}.cl-image-match__group h4{font-size:1.4rem;margin:0 0 .6rem}.cl-image-match__colour{display:flex;gap:.8rem;align-items:center;padding:.5rem 0}.cl-image-match__colour a{font-size:1.35rem;line-height:1.35;overflow-wrap:anywhere}.cl-image-match__colour small{display:block;opacity:.7}.cl-image-match__cta{margin-top:3rem;padding:2rem;background:rgba(var(--color-foreground),.035);border-radius:.8rem}.cl-image-match__cta h2{margin-top:0}.cl-image-match__cta .button{margin:.4rem .6rem .4rem 0}.cl-image-match__unavailable{padding:2rem;border:1px solid rgba(var(--color-foreground),.18)}@media(max-width:749px){.cl-image-match{padding-top:2.5rem}.cl-image-match__layout{grid-template-columns:1fr}.cl-image-match__upload{padding:1.5rem}.cl-image-match__marker span{font-size:1rem}}@media print{.cl-image-match__upload,.cl-image-match__print{display:none!important}.cl-image-match__layout{grid-template-columns:40% 1fr}.cl-image-match__card{break-inside:avoid}}

.cl-image-match__image-column{min-width:0}
.cl-image-match__preview img{cursor:crosshair}
.cl-image-match__marker{padding:0;cursor:grab;touch-action:none;z-index:1}
.cl-image-match__marker:active{cursor:grabbing}
.cl-image-match__marker.is-selected,.cl-image-match__marker:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cl-image-match__controls{margin-top:1.2rem;padding:1.2rem;background:rgba(var(--color-foreground),.035);border-radius:.8rem}
.cl-image-match__controls p{font-size:1.3rem;margin:.2rem 0 1rem}
.cl-image-match__controls .button{max-width:100%}
.cl-image-match__controls .cl-image-match__move-status{min-height:1.5rem;margin:.8rem 0 0}
.cl-image-match__move-status[data-error]{color:#a02422}
@media print{.cl-image-match__controls{display:none!important}}

.cl-image-match__guidance{margin-top:3rem;max-width:86rem}.cl-image-match__how h2,.cl-image-match__faq h2{margin:0 0 1.4rem}.cl-image-match__how ol{padding-inline-start:2.2rem}.cl-image-match__how li{padding-inline-start:.5rem;margin:.8rem 0;line-height:1.6}.cl-image-match__faq{margin-top:3rem}.cl-image-match__faq details{border-top:1px solid rgba(var(--color-foreground),.18);padding:1.4rem 0}.cl-image-match__faq details:last-child{border-bottom:1px solid rgba(var(--color-foreground),.18)}.cl-image-match__faq summary{display:list-item;list-style:disclosure-closed;cursor:pointer;font-weight:600;line-height:1.5}.cl-image-match__faq details[open] summary{list-style:disclosure-open}.cl-image-match__faq summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}.cl-image-match__faq p{margin:1.2rem 0 0;line-height:1.6}@media(max-width:749px){.cl-image-match__guidance .button{width:100%;margin-right:0}.cl-image-match__guidance .cl-image-match__cta{padding:1.5rem}}@media print{.cl-image-match__guidance{display:none!important}}