colour-picker{--cp-navy: #021d49;--cp-font: Muller, var(--font-body-family)}.colour-picker-launcher{display:flex;flex-direction:column;gap:1.6rem}.colour-picker-launcher .paint-options__heading{margin:0}.colour-picker-launcher>colour-picker{display:contents}.colour-picker-launcher__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.6rem}.colour-picker-launcher__card{display:flex;align-items:center;gap:1.6rem;min-width:0;cursor:pointer}.colour-picker-launcher__card:hover .colour-picker-launcher__swatch{border-color:currentcolor}.colour-picker-launcher__swatch{flex:0 0 auto;width:6.4rem;height:6.4rem;border:1px dashed rgba(2,29,73,.4);border-radius:.8rem;background:#f5f5f6 center / cover no-repeat;transition:background-color var(--duration-default) var(--ease-out)}.colour-picker-launcher[data-selected] .colour-picker-launcher__swatch{border:0;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}.colour-picker-launcher__details{display:flex;flex-direction:column;gap:.2rem;min-width:0}.colour-picker-launcher__name,.colour-picker-launcher__note{margin:0;line-height:130%}.colour-picker-launcher__name{font-size:18px;font-weight:700;color:#021d49;overflow-wrap:anywhere}.colour-picker-launcher__note{font-size:16px;color:rgba(var(--color-foreground),.65)}.colour-picker-launcher__error{margin:0;font-size:14px;line-height:130%;color:rgb(var(--color-error, 235, 0, 27))}.colour-picker-launcher__error[hidden]{display:none}.colour-picker-launcher__open{min-width:0;min-height:4.4rem;padding:0 2rem;border-radius:2.8rem;background:#021d49;color:#fff}.colour-picker-launcher[data-selected] .colour-picker-launcher__open{border:1px solid #dbdbdd;background:#fff;color:#021d49}.colour-picker-launcher[data-selected] .colour-picker-launcher__open:hover,.colour-picker-launcher[data-selected] .colour-picker-launcher__card:hover+.colour-picker-launcher__open{border-color:currentcolor}.colour-picker-launcher[data-selected] .colour-picker-launcher__choose,.colour-picker-launcher:not([data-selected]) .colour-picker-launcher__change{display:none}.colour-requested .colour-picker-launcher[data-server-colour] .colour-picker-launcher__card{visibility:hidden}.colour-picker-launcher[aria-busy=true] .colour-picker-launcher__open,.colour-picker-launcher[aria-busy=true] .colour-picker-launcher__card{pointer-events:none;opacity:.6}@media(prefers-reduced-motion:no-preference){.colour-picker-launcher__open{transition:background-color var(--duration-default) var(--ease-out),border-color var(--duration-default) var(--ease-out),color var(--duration-default) var(--ease-out),box-shadow var(--duration-short) ease,scale .16s var(--ease-out)}.colour-picker-launcher__open:active{scale:.96}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/component-colour-picker.css.map */