.kf-colour-picker{margin:20px 0 22px}.kf-colour-picker__heading{margin:0 0 6px;font-size:14px;line-height:1.5;font-weight:500}.kf-colour-picker__heading span{font-weight:400}.kf-colour-picker__list{display:grid;grid-template-columns:repeat(auto-fill,44px);gap:4px;max-width:380px;margin:0;padding:0;list-style:none}.kf-colour-picker__item{position:relative;margin:0;padding:0}.kf-colour-picker__link{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:inherit;text-decoration:none}.kf-colour-picker__link:before{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid transparent;border-radius:50%;content:"";pointer-events:none}.kf-colour-picker__link:hover:before{border-color:#9a9a9a}.kf-colour-picker__link--current:before,.kf-colour-picker__link--current:hover:before{border-color:#111}.kf-colour-picker__link:focus-visible{outline:2px solid currentColor;outline-offset:1px}.kf-colour-picker__swatch{position:relative;display:block;box-sizing:border-box;width:32px;height:32px;overflow:hidden;border:1px solid rgb(0 0 0 / 16%);border-radius:50%;background:var(--kf-swatch-color, #f4f3f1)}.kf-colour-picker__image,.kf-colour-picker__fallback{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.kf-colour-picker__fallback{display:flex;align-items:center;justify-content:center;font-size:12px}.kf-colour-picker__link--sold-out .kf-colour-picker__swatch{opacity:.55}.kf-colour-picker__link--sold-out .kf-colour-picker__swatch:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent calc(50% - .5px),#555 calc(50% - .5px),#555 calc(50% + .5px),transparent calc(50% + .5px));content:"";pointer-events:none}.kf-colour-picker__tooltip{position:absolute;z-index:3;bottom:calc(100% + 4px);left:50%;width:max-content;max-width:min(180px,calc(100vw - 40px));padding:5px 8px;border-radius:2px;background:#111;color:#fff;font-size:12px;line-height:1.4;text-align:center;overflow-wrap:anywhere;transform:translate(-50%);visibility:hidden;pointer-events:none}.kf-colour-picker__item:first-child .kf-colour-picker__tooltip{left:0;transform:none}.kf-colour-picker__item:last-child .kf-colour-picker__tooltip{right:0;left:auto;transform:none}.kf-colour-picker__link:focus-visible .kf-colour-picker__tooltip{visibility:visible}@media(hover:hover){.kf-colour-picker__link:hover .kf-colour-picker__tooltip{visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/161/assets/kf-colour-links.css.map */