.ColourMatchClient-module-scss-module__M3hUjG__colour-match{padding-left:1.25rem;padding-right:1.25rem}@media (min-width:40rem){.ColourMatchClient-module-scss-module__M3hUjG__colour-match{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:48rem){.ColourMatchClient-module-scss-module__M3hUjG__colour-match{padding-left:3rem;padding-right:3rem}}.ColourMatchClient-module-scss-module__M3hUjG__colour-match{gap:1.5rem;padding-top:1.5rem;padding-bottom:3rem;display:grid}@media (min-width:48rem){.ColourMatchClient-module-scss-module__M3hUjG__colour-match{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__drop{background:var(--surface);border:1px dashed var(--border-2);text-align:center;cursor:pointer;background-image:repeating-linear-gradient(135deg,#0000 0 .5rem,#ffffff03 .5rem .5625rem);flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.5rem;transition:border-color .15s,background .15s;display:flex;position:relative}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__drop:hover,.ColourMatchClient-module-scss-module__M3hUjG__colour-match__drop--dragging,.ColourMatchClient-module-scss-module__M3hUjG__colour-match__drop:focus-within{border-color:var(--red);background-color:var(--surface-2)}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__drop:focus-within{outline:.125rem solid var(--gold-bright);outline-offset:.125rem}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__drop-icon{border:1px solid var(--border-2);width:3rem;height:3rem;color:var(--mist);justify-content:center;align-items:center;display:flex;transform:rotate(45deg)}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__drop-icon-inner{font-size:1.125rem;transform:rotate(-45deg)}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__drop-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--skull);font-size:1.375rem}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__drop-meta{font-family:var(--font-mono-ui);color:var(--mist);text-transform:uppercase;letter-spacing:.1em;font-size:.625rem}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__drop-browse{color:var(--gold-bright)}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__drop-input{opacity:0;width:.0625rem;height:.0625rem;position:absolute;overflow:hidden}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__stage{flex-direction:column;gap:1rem;display:flex}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__canvas-wrap{border:1px solid var(--border);background:var(--surface);min-height:12rem;position:relative}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__canvas{cursor:crosshair;width:100%;height:auto;max-height:70vh;display:block}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__canvas:focus-visible{outline:.125rem solid var(--gold-bright);outline-offset:.125rem}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__crosshair{border:.125rem solid var(--gold-bright);pointer-events:none;width:.75rem;height:.75rem;position:absolute;transform:translate(-50%,-50%)}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__swatch{border:1px solid var(--border-2);flex-shrink:0;width:1.5rem;height:1.5rem}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__results{flex-direction:column;gap:1.125rem;display:flex}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__brand{flex-direction:column;gap:.5rem;display:flex}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__brand-title{font-family:var(--font-mono-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);font-size:.625rem}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__row{border:1px solid var(--border);background:var(--surface);color:inherit;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;display:flex}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__name{font-family:var(--font-display);letter-spacing:.04em;flex:1;font-size:1.25rem}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__empty,.ColourMatchClient-module-scss-module__M3hUjG__colour-match__status{font-family:var(--font-mono-ui);color:var(--mist);letter-spacing:.08em;font-size:.6875rem}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__hex{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.ColourMatchClient-module-scss-module__M3hUjG__colour-match__hex-input{font-family:var(--font-mono-ui);background:var(--bg);border:1px solid var(--border-2);color:var(--skull);min-width:8rem;padding:.75rem 1rem;font-size:1rem}