.wpaic-swatches{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.wpaic-swatches--compact{gap:4px;margin:4px 0}.wpaic-swatch{align-items:center;border:2px solid #ddd;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;position:relative;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease;user-select:none;-webkit-user-select:none}.wpaic-swatch:hover{border-color:#666}.wpaic-swatch:focus-visible{outline:2px solid #2271b1;outline-offset:2px}.wpaic-swatch--active{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1}.wpaic-swatch--disabled{cursor:not-allowed;opacity:.35;position:relative}.wpaic-swatch--disabled:after{background:#c00;content:"";height:2px;left:-2px;pointer-events:none;position:absolute;right:-2px;top:50%;transform:rotate(-45deg)}.wpaic-swatch--color{border-radius:50%;height:36px;padding:2px;width:36px}.wpaic-swatches--compact .wpaic-swatch--color{height:24px;width:24px}.wpaic-swatch__color{border:1px solid rgba(0,0,0,.1);border-radius:50%;display:block;height:100%;width:100%}.wpaic-swatch--image{height:44px;overflow:hidden;padding:2px;width:44px}.wpaic-swatches--compact .wpaic-swatch--image{height:30px;width:30px}.wpaic-swatch__image{border-radius:2px;height:100%;object-fit:cover;width:100%}.wpaic-swatch--label{height:36px;min-width:36px;padding:4px 12px}.wpaic-swatches--compact .wpaic-swatch--label{font-size:11px;height:24px;min-width:24px;padding:2px 6px}.wpaic-swatch__label{color:#333;font-size:13px;line-height:1;white-space:nowrap}.wpaic-swatch--active .wpaic-swatch__label{color:#2271b1;font-weight:600}.wpaic-swatch--more{border:1px dashed #ccc;border-radius:4px;color:#666;cursor:default;font-size:11px;padding:2px 6px}.wpaic-swatch__tooltip{background:#333;border-radius:4px;bottom:calc(100% + 6px);color:#fff;font-size:11px;line-height:1.3;opacity:0;padding:4px 8px;pointer-events:none;transition:opacity .15s ease,visibility .15s ease;visibility:hidden;white-space:nowrap;z-index:10}.wpaic-swatch__tooltip,.wpaic-swatch__tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.wpaic-swatch__tooltip:after{border:5px solid transparent;border-top-color:#333;content:"";top:100%}.wpaic-swatch:hover .wpaic-swatch__tooltip{opacity:1;visibility:visible}.wpaic-swatches-archive{margin:4px 0 8px}.wpaic-swatch--none .wpaic-swatch__tooltip{display:none}