.product-card-swatches{width:100%}.product-card-swatches__list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border:none;padding:2px;margin:0}.product-card-swatches__list legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.product-card-swatch{width:var(--variant-picker-swatch-width, 24px);height:var(--variant-picker-swatch-height, 24px);border-radius:var(--variant-picker-swatch-radius, 50%);border:var(--variant-picker-border-width, 1px) solid #e0e0e0;padding:0;cursor:pointer;background:none;overflow:hidden;transition:border-color .15s ease;flex-shrink:0}.product-card-swatch:hover{border-color:#666}.product-card-swatch.active{border-color:#000}.product-card-swatch__visual{display:block;width:100%;height:100%;border-radius:var(--variant-picker-swatch-radius, 50%);background-size:cover;background-position:center}.product-card-swatch__visual--placeholder{background-color:#ccc}.product-card-swatches__overflow{font-size:12px;color:#666;display:inline-flex;align-items:center;flex-shrink:0}@media(max-width:749px){.product-card-swatch--desktop-only{display:none}}@media(min-width:750px){.product-card-swatches__overflow--mobile-only{display:none}}.product-pdp-swatches{width:100%}.pdp-swatches__group{border:none;padding:0;margin:0 0 var(--padding-lg)}.pdp-swatches__group:last-child{margin-bottom:0}.pdp-swatches__group legend{margin-bottom:8px;padding:0}.sibling-swatch{display:inline-block;width:var(--variant-picker-swatch-width, 32px);height:var(--variant-picker-swatch-height, 32px);border-radius:var(--variant-picker-swatch-radius, 50%);border:var(--variant-picker-border-width, 1px) solid #e0e0e0;margin:0 4px 4px 0;text-decoration:none;position:relative;transition:border-color .15s ease}.sibling-swatch:hover{border-color:#666}.sibling-swatch.active{border-color:#000}.sibling-swatch--unavailable{opacity:.4}.sibling-swatch__visual{display:block;width:100%;height:100%;border-radius:var(--variant-picker-swatch-radius, 50%);background-size:cover;background-position:center;overflow:hidden}.sibling-swatch__visual--placeholder{background-color:#ccc}.sibling-swatch--size-unavailable:after{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:1px;background-color:#999;transform:rotate(-45deg);pointer-events:none}.sibling-swatch[data-tooltip]:before{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background-color:var(--color-foreground);color:var(--color-background);font-size:var(--font-size--3xs);line-height:1.3;padding:4px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:var(--layer-raised, 2)}@media(hover:hover){.sibling-swatch[data-tooltip]:hover:before{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/304/assets/hanro-product-swatches.css.map */