.package-colour-picker{border:0;min-width:0;margin:24px 0;padding:0}.package-colour-picker legend{padding:0;font-size:18px;font-weight:600}.package-colour-picker>p{color:#666;margin:7px 0 12px;line-height:1.5;font-size:14px!important}.package-colour-picker>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.package-colour-picker label{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:76px;padding:12px 6px;display:flex;position:relative}.package-colour-picker label.selected{background:#fafafa;border:2px solid #111;padding:11px 5px}.package-colour-picker input{opacity:0;width:1px;height:1px;position:absolute}.package-colour-picker label:focus-within{outline-offset:3px;outline:2px solid #16816e}.package-colour-picker strong{color:#171717;font-size:14px;font-weight:500}.package-colour-swatch{border:1px solid #aaa;border-radius:50%;width:26px;height:26px;box-shadow:inset -3px -3px 5px #0001}.package-colour-swatch.swatch-transparent{background-image:linear-gradient(130deg,#fff 15%,#d7dedb 48%,#fff 65%,#dfe6e3);border-color:#a7b1ad}@media (width<=480px){.package-colour-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.package-colour-picker label{flex-direction:row;gap:10px;min-height:54px}}