.variant-wrapper:has(.color-swatch),.variant-input-wrap:has(.color-swatch){overflow:visible!important}.color-swatch{transition:transform .12s ease,box-shadow .12s ease}.color-swatch:hover{transform:scale(2.6);z-index:200;box-shadow:0 4px 16px #0006;border-radius:4px;position:relative}.variant-input:has(.color-swatch):hover{z-index:200}.variant-input:has(.color-swatch):hover:after{content:attr(data-value);position:absolute;left:50%;top:-52px;transform:translate(-50%);background:#1a1a1a;color:#fff;font-size:11px;line-height:1;white-space:nowrap;padding:6px 9px;border-radius:4px;letter-spacing:.03em;z-index:201;pointer-events:none}.color-swatch{width:58px!important;height:58px!important;min-width:58px!important;border-radius:6px!important;background-size:cover!important;background-position:center!important}.color-swatch:hover{transform:scale(1.12)!important}.color-swatch:before,.color-swatch:after{border-radius:6px!important}
/*# sourceMappingURL=/cdn/shop/t/53/assets/gessi-swatch.css.map */