.nav-swatch{display:inline-block;width:18px;height:18px;margin-right:.5rem;border-radius:50%;vertical-align:middle;flex:0 0 auto;background-color:#e7e7e8;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.15)}.nav-swatch[data-metal=PL],.nav-swatch[data-metal=WG]{background-image:linear-gradient(135deg,#bcbcbc 0,#fff 50%,#bcbcbc 100%)}.nav-swatch[data-metal=YG]{background-image:linear-gradient(135deg,#d8aa54 0,#fcf0bd 50%,#d8aa54 100%)}.nav-swatch[data-metal=RG]{background-image:linear-gradient(135deg,#d69477 0,#fce1d2 50%,#d69477 100%)}.nav-swatch[data-metal=ST]{background-image:linear-gradient(135deg,#6d7075 0,#c4c7cb 50%,#6d7075 100%)}.nav-swatch[data-metal=TT]{background-image:linear-gradient(90deg,#bcbcbc 0 50%,#d8aa54 50% 100%)}