.mxswatch-block{margin:0 0 20px;padding:12px 14px;border:1px solid #e5e5e5;background:#fafafa}.mxswatch-title{font-weight:600;margin:0 0 10px;font-size:15px}.mxswatch-list{display:flex;flex-wrap:wrap;gap:var(--mxswatch-gap,8px);align-items:flex-start}.mxswatch-item{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit;position:relative}.mxswatch-chip{display:inline-block;width:var(--mxswatch-size,24px);height:var(--mxswatch-size,24px);border:1px solid rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.mxswatch-shape-square .mxswatch-chip{border-radius:0}.mxswatch-shape-rounded .mxswatch-chip{border-radius:6px}.mxswatch-shape-circle .mxswatch-chip{border-radius:50%}.mxswatch-shape-pill .mxswatch-chip{width:calc(var(--mxswatch-size,24px)*1.65);border-radius:999px}.mxswatch-label{font-size:13px;line-height:1.2}.mxswatch-item.is-current .mxswatch-chip{box-shadow:0 0 0 2px #111,inset 0 0 0 1px rgba(255,255,255,.25)}.mxswatch-item.is-unavailable{opacity:.4}.mxswatch-item.is-unavailable .mxswatch-chip::after{content:'';display:block;width:140%;height:1px;background:rgba(0,0,0,.45);transform:rotate(-28deg) translate(-10%,calc(var(--mxswatch-size,24px)/2));transform-origin:center}