.furniture-colour-picker{display:grid;gap:16px;width:100%}.fcp__group{display:grid;gap:10px}.fcp__label{margin:0;color:#6d6d6d;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.fcp__label--colour span{color:#2d2d2d;font-weight:600}.fcp__swatch-grid{margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(36px,max-content));gap:12px 14px}.fcp__swatch-item{position:relative;display:inline-flex;align-items:center;justify-content:center}.fcp__swatch-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.fcp__swatch-circle{width:var(--fcp-circle-size, 38px);height:var(--fcp-circle-size, 38px);border-radius:50%;border:1px solid #bebebe;background:var(--fcp-swatch-color, #d9d9d9);box-sizing:border-box;transition:transform .15s ease,box-shadow .15s ease}.fcp__swatch-input:checked+.fcp__swatch-circle{box-shadow:0 0 0 2px #fff,0 0 0 3px #111;transform:scale(1.04)}.fcp__swatch-input:focus-visible+.fcp__swatch-circle{outline:2px solid #111;outline-offset:3px}.fcp__swatch-input:disabled+.fcp__swatch-circle{opacity:.45;filter:grayscale(20%);cursor:not-allowed}.fcp__preview{display:grid;gap:8px}.fcp__preview-title{margin:0;color:#565656;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.fcp__preview-card{border:1px solid #e3e3e3;border-radius:10px;overflow:hidden;background:#fff;max-width:var(--fcp-preview-max-width-desktop, 520px)}.fcp__preview-image,.fcp__preview-fallback{display:block;width:100%;height:var(--fcp-preview-height-desktop, 300px)}.fcp__preview-image{object-fit:contain;object-position:center;background:#f8f8f8}.fcp__preview-fallback{background:var(--fcp-swatch-color, #d9d9d9)}.is-hidden{display:none}@media screen and (max-width:749px){.furniture-colour-picker{gap:14px}.fcp__swatch-grid{grid-template-columns:repeat(auto-fit,minmax(34px,max-content));gap:10px 12px}.fcp__preview-card{max-width:var(--fcp-preview-max-width-mobile, 420px)}.fcp__preview-image,.fcp__preview-fallback{height:var(--fcp-preview-height-mobile, 170px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/furniture-colour-picker.css.map */