.nova-swatches+select{position:absolute;width:1px !important;max-width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.nova-swatches{display:flex;flex-wrap:wrap;gap:8px}.nova-swatch{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:40px;padding:0 10px;border:1px solid var(--nova-color-border,#e2e8f0);border-radius:6px;background:var(--nova-color-bg,#fff);color:inherit;cursor:pointer;font-size:14px;line-height:1.2;transition:border-color 0.15s ease,box-shadow 0.15s ease}.nova-swatch:hover{border-color:currentColor}.nova-swatch.is-active{border-color:var(--nova-color-primary,#111);box-shadow:inset 0 0 0 1px var(--nova-color-primary,#111)}.nova-swatch:focus-visible{outline:2px solid var(--nova-color-primary,#111);outline-offset:2px}.nova-swatch.is-off{position:relative;overflow:hidden;opacity:0.4}.nova-swatch.is-off::after{content:"";position:absolute;width:140%;height:1px;background:currentColor;transform:rotate(-24deg)}.nova-swatch__o{display:block;width:26px;height:26px;border-radius:4px;overflow:hidden;background:var(--nova-sw,transparent)}.nova-swatch__o img{display:block;width:100%;height:100%;object-fit:cover}.nova-swatches--color .nova-swatch,.nova-swatches--image .nova-swatch{min-width:0;padding:4px}.nova-swatches--circle .nova-swatch{border-radius:999px}.nova-swatches--circle .nova-swatch__o{border-radius:999px}.nova-swatches--pill .nova-swatch{border-radius:999px;padding:0 16px}@media (prefers-reduced-motion:reduce){.nova-swatch{transition:none}}