.swatches.svelte-subz53{display:flex;padding:0 1rem;flex-wrap:wrap;justify-content:center}.swatch.svelte-subz53{margin:.25rem;background:none;border:none;padding:0;cursor:pointer;height:32px;width:32px;position:relative}.swatch.svelte-subz53:after{content:attr(data-tooltip);position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);background-color:#00000080;color:#fff;padding:.25rem;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;font-size:.7rem;z-index:1;pointer-events:none}.swatch.svelte-subz53:hover:after{opacity:1;visibility:visible}.selected.svelte-subz53{width:100%;height:2px;background:#2196f3;margin:0 auto}@media(max-width:1024px){.swatch.svelte-subz53{height:44px;width:44px}}@media(max-width:767px){.swatches.svelte-subz53{padding:0 .5rem}}