.jp-colour-preorder__colours{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:7px;width:min(100%,430px);margin:0;padding:0;border:0}
.jp-colour-preorder__colours legend{margin-bottom:12px;color:#d4dce2;font-size:10px;font-weight:800;letter-spacing:.14em}
.jp-colour-preorder__radio{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.jp-colour-preorder__colours label{display:flex;align-items:center;gap:7px;min-width:0;min-height:44px;padding:5px 7px;border:1px solid #596a75;background:#131b21;color:#fff;font-size:10px;font-weight:800;cursor:pointer}
.jp-colour-preorder__radio:checked+label,.jp-colour-preorder__colours label:hover{border-color:#fff;background:#26323b}
.jp-colour-preorder__radio:focus-visible+label{outline:2px solid #fff;outline-offset:2px}
.jp-colour-preorder__swatch{display:block;flex:none;width:23px;height:23px;border:1px solid #a5afb7}
.jp-colour-preorder__swatch--black{background:#111}.jp-colour-preorder__swatch--white{background:#fff}.jp-colour-preorder__swatch--blue{background:#074cbf}.jp-colour-preorder__swatch--red{background:#d50818}
.jp-colour-preorder__selection{margin:0;color:#e7edf1;font-size:11px;font-weight:800;letter-spacing:.1em}
.jp-colour-preorder button[disabled]{opacity:.55;cursor:not-allowed}
@media(max-width:550px){.jp-colour-preorder__colours{grid-template-columns:repeat(2,minmax(0,1fr))}}