
.wkm-colour-hint{flex:0 0 100%;padding:12px 14px;margin:0 0 4px;border-left:3px solid #e31820;background:#eeede8;color:#171717;text-align:left;font-family:var(--font-body--family)}
.wkm-colour-hint strong{display:block;font-size:15px;font-weight:650;line-height:1.4}
.wkm-colour-hint span{display:block;margin-top:3px;font-size:13px;line-height:1.5;color:#454545}
.wkm-colour-preview{grid-column:1/-1;background:#fff;border:1px solid #deded8;border-radius:8px;padding:14px 16px;margin-top:12px;color:#171717;font-family:var(--font-body--family);width:100%;box-sizing:border-box}
.wkm-colour-preview__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wkm-colour-preview__open{appearance:none;border:0;background:transparent;color:#171717;padding:0;min-height:36px;text-align:left;font:650 15px var(--font-body--family);cursor:pointer}
.wkm-colour-preview__open::before{content:'◇';display:inline-block;margin-right:7px;font-size:21px;color:#d60000}
.wkm-colour-preview__rotate{font-size:12px;color:#555;white-space:nowrap}
.wkm-colour-preview__status{margin:2px 0 0;font-size:13px;line-height:1.5;color:#454545}
.wkm-colour-preview[data-state=true] .wkm-colour-preview__status{color:#274d34}
.wkm-colour-preview__colors{display:none}
.wkm-colour-preview__swatch{padding:5px;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;background:transparent;border:2px solid transparent;border-radius:50%;cursor:pointer}
.wkm-colour-preview__swatch .swatch{display:block;width:28px;height:28px;border:1px solid #999;border-radius:50%;max-width:none;max-height:none;aspect-ratio:1}
.wkm-colour-preview__swatch[aria-pressed=true]{border-color:#d60000;background:#fff5f5}
.wkm-colour-preview__swatch:disabled{opacity:.35;cursor:default}
.wkm-colour-preview button:focus-visible{outline:2px solid #121212;outline-offset:3px}
.wkm-colour-preview__badge{position:absolute;bottom:0;left:0;right:0;padding:3px 1px;background:#171717;color:#fff;font:600 9px/1.15 var(--font-body--family);text-align:center}
.wkm-colour-message{display:none}
.product-media.wkm-colour-pending{position:relative}
.wkm-colour-pending model-viewer{opacity:0}
.wkm-colour-pending .wkm-colour-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;background:#f5f5f2;padding:20px;text-align:center;color:#343434;font:500 14px/1.6 var(--font-body--family);pointer-events:none}
@media(max-width:749px){.wkm-colour-preview{padding:10px 12px;margin-top:8px}.wkm-colour-preview__colors{display:flex;flex-wrap:wrap;gap:2px;margin-top:8px}.wkm-colour-preview__open{font-size:14px}.wkm-colour-preview__rotate{font-size:11px}.wkm-colour-preview__badge{font-size:8px}}
