.supplier-colours>label{display:block;margin:16px 0 8px;font-weight:600}.supplier-colours select{width:100%;min-height:48px;font:inherit;font-size:16px;padding:10px;border:1px solid #ccc5d8;border-radius:5px;background:#faf9f7;color:#282135}.supplier-finish-group{border:0;padding:0;margin:22px 0}.supplier-finish-group legend{font-size:17px;font-weight:700;padding:0}.supplier-finish-group>p{font-size:13px;line-height:1.5;color:#615a69;margin:8px 0 14px}.supplier-finish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.supplier-finish-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px;border:1px solid #d4cddc;border-radius:5px;background:#faf8f5;text-align:left;color:#282135;font:500 13px/1.4 'Open Sans',sans-serif;cursor:pointer;min-width:0;min-height:100px}.supplier-finish-grid button>i{display:block;width:100%;height:48px;background:var(--swatch);border-radius:3px;border:1px solid #17112518}.supplier-finish-grid small{display:block;font-size:11px;color:#615a69;margin-top:2px}.supplier-finish-grid button[aria-pressed=true]{outline:2px solid #332483;outline-offset:1px;background:#eee8f6}.supplier-finish-grid button:focus-visible{outline:3px solid #7162b2;outline-offset:3px}.supplier-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.supplier-guide-grid figure{margin:0}.supplier-guide-grid figure>div{height:100px;border:1px solid #d8d3df;border-radius:5px}.supplier-guide-grid figcaption{font-size:15px;line-height:1.5;padding-top:8px}.supplier-guide-grid figcaption span{display:block;font-size:13px;color:#615a69}#colour-policy-notice{padding:12px;background:#eee8f6;color:#332483;font-size:14px;line-height:1.5}@media(max-width:450px){.supplier-finish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}