.custom-colour-picker{display:block}.custom-colour-picker__summary{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;margin:1.6rem 0}.custom-colour-picker__summary[hidden]{display:none}.custom-colour-picker__chosen:empty{display:none}.custom-colour-picker__chosen{margin:0;font-size:1.4rem}.custom-colour-picker__hint{margin:0;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.custom-colour-picker__summary:not(.custom-colour-picker__summary--pending) .custom-colour-picker__hint{display:none}.custom-colour-picker__dialog{width:calc(100vw - 3rem);max-width:68rem;padding:0;border:0;border-radius:.6rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));max-height:calc(100vh - 4rem);max-height:calc(100dvh - 4rem);overflow:hidden}.custom-colour-picker__dialog[open]{display:flex;flex-direction:column}.custom-colour-picker__head,.custom-colour-picker__foot{flex:none}.custom-colour-picker__dialog::backdrop{background:#0000008c}.custom-colour-picker__head{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.6rem 2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.custom-colour-picker__title{margin:0;font-size:1.8rem}.custom-colour-picker__close{padding:0 .6rem;font-size:2.6rem;line-height:1;background:none;border:0;cursor:pointer;color:inherit}.custom-colour-picker__body{overflow-y:auto;flex:1 1 auto}.custom-colour-picker__preview{position:sticky;top:0;z-index:1;padding:1.6rem 2rem;background:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.custom-colour-picker__preview[hidden]{display:none}.custom-colour-picker__preview svg{display:block;width:100%;height:auto;max-height:22vh;max-height:22dvh;margin-inline:auto}.custom-colour-picker__zones{display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:2rem 2.4rem;padding:2rem}.custom-colour-picker__zone{margin:0;padding:0;border:0}.custom-colour-picker__zone-label{padding:0;font-size:1.4rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.custom-colour-picker__zone-value{display:block;margin-bottom:.8rem;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.custom-colour-picker__swatches{display:flex;flex-wrap:wrap;gap:.7rem}.custom-colour-picker__swatch{position:relative;display:block;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--swatch);border:.1rem solid rgba(var(--color-foreground),.25);cursor:pointer}.custom-colour-picker__swatch input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.custom-colour-picker__swatch:has(input:checked){box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .4rem rgb(var(--color-foreground))}.custom-colour-picker__swatch:has(input:focus-visible){outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.custom-colour-picker__foot{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem;padding:1.6rem 2rem;border-top:.1rem solid rgba(var(--color-foreground),.12)}.custom-colour-picker__code{display:flex;align-items:baseline;gap:.8rem;margin:0}.custom-colour-picker__code span{font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.custom-colour-picker__code strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.8rem;letter-spacing:.2em}.custom-colour-picker__match{flex:1 1 100%;order:1;margin:0;font-size:1.3rem;line-height:1.4}.custom-colour-picker__match[hidden]{display:none}.custom-colour-picker__actions{display:flex;gap:1rem;margin-left:auto}.custom-colour-picker__gallery-host{position:relative}.custom-colour-picker__gallery-host>img{visibility:hidden}.custom-colour-picker__gallery-design{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-background, #fff);pointer-events:none}.custom-colour-picker__gallery-design svg{width:100%;height:100%;object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-colour-picker.css.map */