.hld-colour-picker{display:block;margin:22px 0 0;padding-top:22px;border-top:1px solid var(--hld-border, #e8ded0)}.hld-colour-picker__head{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}.hld-colour-picker__label{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--hld-ink-soft, #6b6259)}.hld-colour-picker__value{font-size:14px;font-weight:700;color:var(--hld-ink, #241d17)}.hld-colour-picker__swatches{display:flex;flex-wrap:wrap;gap:12px}.hld-colour-picker__swatch{appearance:none;-webkit-appearance:none;padding:0;width:34px;height:34px;border-radius:50%;position:relative;cursor:pointer;border:1.5px solid rgba(36,29,23,.16);transition:transform .14s ease}.hld-colour-picker__swatch:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid transparent;transition:border-color .14s ease}.hld-colour-picker__swatch:hover{transform:translateY(-2px)}.hld-colour-picker__swatch[aria-checked=true]:after{border-color:var(--hld-orange, #dc6a3f)}.hld-colour-picker__swatch:focus-visible{outline:none}.hld-colour-picker__swatch:focus-visible:after{border-color:var(--hld-ink, #241d17)}.hld-colour-picker__swatch[data-oos="1"]{opacity:.35;cursor:not-allowed}.hld-colour-picker__swatch[data-oos="1"]:hover{transform:none}.hld-colour-picker__swatch[data-oos="1"]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(to top right,transparent 45%,rgba(36,29,23,.55) 45%,rgba(36,29,23,.55) 55%,transparent 55%)}.hld-colour-picker__shown{margin:14px 0 0;font-size:14px;line-height:1.6;color:var(--hld-ink-soft, #6b6259)}.hld-colour-picker__shown span{color:var(--hld-ink, #241d17);font-weight:500}.hld-atf__thumbnails[hidden],.hld-atf__thumbnail[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.hld-colour-picker__swatch,.hld-colour-picker__swatch:after{transition:none}.hld-colour-picker__swatch:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/hld-colour-picker.css.map */