.wl-colours{display:block;margin-block:2px 4px}
.wl-colours__heading{display:flex;gap:7px;align-items:baseline;margin:0 0 10px;font-size:12px;line-height:1.4;color:#746e66}
.wl-colours__heading strong{font-weight:500;color:#292720}
.wl-colours__list{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.wl-colours__link{display:flex;flex:0 0 64px;flex-direction:column;gap:5px;text-align:center;color:#746e66;text-decoration:none;outline-offset:4px;border-radius:10px}
.wl-colours__image{display:block;position:relative;width:64px;height:64px;border:1px solid #ded9d0;border-radius:10px;padding:3px;background:#faf8f4;transition:border-color .15s ease}
.wl-colours__image img{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px}
.wl-colours__name{font-size:10px;line-height:1.3;letter-spacing:.015em;overflow-wrap:anywhere}
.wl-colours__link.is-selected{color:#292720}
.wl-colours__link.is-selected .wl-colours__image{border-color:#8a6c46;box-shadow:0 0 0 1px #8a6c46}
.wl-colours__link.is-selected .wl-colours__name{font-weight:600}
.wl-colours__link:hover .wl-colours__image{border-color:#8a6c46}
.wl-colours__link:focus-visible{outline:2px solid #8a6c46}
.wl-colours__link[data-unavailable] .wl-colours__image{opacity:.5}
.wl-colours__link[data-unavailable] .wl-colours__image:after{content:"";position:absolute;inset:50% 2px auto;height:1px;background:#746e66;transform:rotate(-45deg)}
.wl-colours__link[aria-disabled=true]{cursor:not-allowed}
.wl-colours__status{font-size:11px;line-height:1.45;margin:8px 0 0;color:#746e66}
@media(max-width:699px){.wl-colours__link{flex-basis:55px}.wl-colours__image{width:55px;height:55px}.wl-colours__list{gap:8px}.wl-colours__heading{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.wl-colours__image{transition:none}}