.finish-swatches{display:flex;flex-wrap:wrap;gap:1rem;margin:0;--size: 40px}.finish-swatches.small{--size: 20px}.finish-swatch{cursor:pointer;position:relative;display:inline-block;width:var(--size);height:var(--size);border-radius:100%;font-size:0;color:transparent;background-color:var(--bg)}.direct-wire{position:absolute;right:0;bottom:0;transform:translate(12%,25%);display:block;width:50%}.finish-swatch[title*=Bronze]{background-image:linear-gradient(135deg,#1f1d1b,#a5682e,#835d39)}.finish-swatch[title*=Nickel]{background-image:linear-gradient(135deg,#929292,#fff,#929292)}.finish-swatch[title*=Chrome]{background-image:linear-gradient(135deg,#231f20,#231f20,#fff,#9a9899,#9a9899)}.finish-swatch[title*=Brass]{background-image:linear-gradient(135deg,#a57f4b,#a57f4b,#fef9cd,#a57f4b,#a57f4b)}.finish-swatch[title*=Steel]{background-image:linear-gradient(135deg,#8d8f8b,#8d8f8b,#fff,#8d8f8b,#8d8f8b)}.finish-swatch[title*=White]{background-color:#fff;box-shadow:0 0 0 1px var(--border)}.finish-swatch[title*=Black]{background-color:#333}.finish-swatch[title*=Chocolate]{background-color:#866f67}.finish-swatch[title*=Stone]{background-color:#c2bcb2}.finish-swatch[title*=Taupe]{background-color:#e2d7d0}.finish-swatch[title*=Navy]{background-color:#98a8af}.finish-picker-input:checked+.finish-swatch,.finish-swatch.hover:hover{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--color-base-text)}.direct-wire-msg{margin-top:2rem;font-size:14px;line-height:1.3}
/*# sourceMappingURL=/s/files/1/0302/0245/t/22/assets/variant-finish-picker.css.map */