.variant-option:has(input[name^=Acabamento-]){--elova-swatch-diameter: var(--elova-swatch-size);grid-template-columns:repeat(auto-fit,var(--elova-tap-target-min));column-gap:var(--elova-space-0)}@media screen and (max-width:749px){.variant-option:has(input[name^=Acabamento-]){--elova-swatch-diameter: var(--elova-swatch-size-mobile)}}.variant-option:has(input[name^=Acabamento-])>legend:after{content:"";color:var(--elova-color-text-primary);font-weight:500}.variant-option:has(input[name^=Acabamento-]:checked[value=Dourado])>legend:after{content:"Dourado"}.variant-option:has(input[name^=Acabamento-]:checked[value=Prateado])>legend:after{content:"Prateado"}.variant-option:has(input[name^=Acabamento-]) .variant-option__button-label{--focus-outline-radius: var(--elova-radius-pill);position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--elova-tap-target-min);min-width:var(--elova-tap-target-min);height:var(--elova-tap-target-min);min-height:var(--elova-tap-target-min);padding:0;border:0;border-radius:var(--elova-radius-pill);background:none}.variant-option:has(input[name^=Acabamento-]) .variant-option__button-label__pill{display:none}.variant-option:has(input[name^=Acabamento-]) .variant-option__button-label:before,.variant-option:has(input[name^=Acabamento-]) .variant-option__button-label:after{position:absolute;top:50%;right:auto;bottom:auto;left:50%;clip-path:none;border-radius:var(--elova-radius-pill);content:"";pointer-events:none;transform:translate(-50%,-50%)}.variant-option:has(input[name^=Acabamento-]) .variant-option__button-label:after{z-index:1;width:var(--elova-swatch-diameter);height:var(--elova-swatch-diameter);border:var(--elova-border-width-hairline) solid var(--elova-color-border-default);box-shadow:var(--elova-shadow-1);transition:box-shadow var(--elova-motion-fast) var(--elova-ease-standard)}.variant-option:has(input[name^=Acabamento-]) .variant-option__button-label:has(input[value=Dourado]):after{background-image:var(--elova-gradient-finish-dourado)}.variant-option:has(input[name^=Acabamento-]) .variant-option__button-label:has(input[value=Prateado]):after{background-image:var(--elova-gradient-finish-prateado)}.variant-option:has(input[name^=Acabamento-]) .variant-option__button-label:before{z-index:0;width:calc(var(--elova-swatch-diameter) + var(--elova-swatch-ring-gap) * 2);height:calc(var(--elova-swatch-diameter) + var(--elova-swatch-ring-gap) * 2);border:var(--elova-border-width-ring) solid transparent;transition:border-color var(--elova-motion-fast) var(--elova-ease-standard)}.variant-option:has(input[name^=Acabamento-]) .variant-option__button-label:has(:checked):before{border-color:var(--elova-color-border-accent)}.variant-option:has(input[name^=Acabamento-]) .variant-option__button-label:hover:after{box-shadow:var(--elova-shadow-2)}.variant-option:has(input[name^=Acabamento-]) .variant-option__button-label svg{position:absolute;z-index:2;top:50%;left:50%;width:var(--elova-swatch-diameter);height:var(--elova-swatch-diameter);transform:translate(-50%,-50%)}.variant-option:has(input[name^=Acabamento-]) .variant-option__button-label:has([data-option-available=false]):after{opacity:var(--opacity-60, .6)}.variant-option:has(input[name^=Acabamento-]) .variant-option__button-label__text{position:absolute;overflow:hidden;width:var(--elova-border-width-hairline);height:var(--elova-border-width-hairline);margin:calc(var(--elova-border-width-hairline) * -1);padding:0;border:0;clip-path:inset(50%);white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/2/assets/elova-variant-swatches.css.map */