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