.swatches.svelte-crtvt{display:flex;padding:0 1rem;flex-wrap:wrap}.swatch.svelte-crtvt{margin:.25rem;background:none;border:none;padding:0;cursor:pointer;height:32px;width:32px;position:relative}.swatch.svelte-crtvt: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-crtvt:hover:after{opacity:1;visibility:visible}.selected.svelte-crtvt{width:100%;height:2px;background:#2196f3;margin:0 auto}