variant-picker .variant-option__button-label[data-vz-color]{--vz-size:34px;flex:0 0 var(--vz-size)!important;width:var(--vz-size);height:var(--vz-size);min-width:var(--vz-size)!important;min-height:var(--vz-size)!important;padding:0!important;border:1px solid rgba(23,23,23,.22)!important;border-radius:0!important;background:transparent!important;position:relative;overflow:visible;transition:border-color .25s ease,transform .25s ease}variant-picker .variant-option__button-label[data-vz-color]:before{content:""!important;position:absolute!important;top:3px!important;right:3px!important;bottom:3px!important;left:3px!important;border:0!important;border-radius:0!important;background:var(--vz-color)!important;box-shadow:inset 0 0 0 1px #1717171f;clip-path:none!important;z-index:1}variant-picker .variant-option__button-label[data-vz-color] .variant-option__button-label__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}variant-picker .variant-option__button-label[data-vz-color] .variant-option__button-label__pill{display:none!important}variant-picker .variant-option__button-label[data-vz-color]:hover{border-color:#17171799!important}variant-picker .variant-option__button-label[data-vz-color]:has(input:checked){border-color:#6f6f6c!important}variant-picker .variant-option__button-label[data-vz-color]:has(input:checked):after{content:""!important;position:absolute!important;top:-4px;right:-4px;width:8px;height:8px;background:#6f6f6c;transform:rotate(45deg);clip-path:none!important;border:0!important;z-index:3}variant-picker .variant-option__button-label[data-vz-color]:has([data-option-available=false]){opacity:.55}variant-picker .variant-option__button-label[data-vz-color]:has([data-option-available=false]):not(:has(input:checked)):after{content:""!important;position:absolute!important;top:3px!important;right:3px!important;bottom:3px!important;left:3px!important;border:0!important;background:linear-gradient(to top right,transparent calc(50% - .6px),rgba(23,23,23,.55) 50%,transparent calc(50% + .6px))!important;clip-path:none!important;z-index:2}variant-picker .variant-option__button-label[data-vz-color] svg{display:none!important}variant-picker .variant-option--buttons:has([data-vz-color]){gap:12px}variant-picker legend .vz-color-name{padding-inline-start:var(--padding-xs,6px);color:var(--color-foreground-subdued,#777774);font-style:italic}
/*# sourceMappingURL=/cdn/shop/t/3/assets/vessenza-color-swatches.css.map */