.m3d-card-colours{position:relative;z-index:3;display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;width:100%;padding:6px 0 2px;isolation:isolate}.m3d-card-colour-list{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.m3d-card-colour{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;padding:3px;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer}.m3d-card-colour[hidden]{display:none}.m3d-card-colour span{width:18px;height:18px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0002}.m3d-card-colour:hover,.m3d-card-colour[aria-pressed=true]{border-color:#008cb9}.m3d-card-colour:focus-visible,.m3d-card-colour-more:focus-visible{outline:2px solid #008cb9;outline-offset:2px}.m3d-card-colour-more{background:none;border:0;padding:5px 2px;font:inherit;font-size:12px;white-space:nowrap;color:inherit;cursor:pointer}.m3d-card-colour-name{flex-basis:100%;font-size:12px;line-height:1.3;min-height:0;color:inherit}.m3d-card-colour-name:empty{display:none}.m3d-colour-filter{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:-8px auto 24px;padding:0 20px;max-width:1200px}.m3d-colour-filter>a{display:inline-flex;align-items:center;gap:6px;color:#252525;text-decoration:none;font-size:12px;border:1px solid #ccc;border-radius:30px;padding:7px 10px;background:#fff}.m3d-colour-filter>a[aria-current=page]{border-color:#008cb9;box-shadow:0 0 0 1px #008cb9}.m3d-colour-filter i{display:inline-block;width:15px;height:15px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0002}.m3d-colour-filter-label{font-size:13px;font-weight:650}.m3d-colour-filter-select{display:none}@media(max-width:749px){.m3d-card-colour-list{gap:2px}.m3d-card-colour{width:24px;height:28px;flex-basis:24px}.m3d-card-colours{gap:4px}.m3d-colour-filter>a{display:none}.m3d-colour-filter-select{display:block;width:auto;max-width:230px;border:1px solid #ccc;border-radius:999px;background:#fff;color:#222;padding:10px 34px 10px 16px;font:inherit;font-size:13px}.m3d-colour-filter{margin:0 auto 22px}}

.m3d-card-colour-more[hidden]{display:none}