.swatch{border:8px solid transparent;height:40px;width:40px;border-radius:50%;cursor:pointer;position:relative;margin:0 8px 8px 0;box-shadow:0 0 3px rgba(0,0,0,.3);background:none;border:none;padding:0;transition:transform .2s ease,box-shadow .2s ease}.swatch[data-selected="true"]{animation:pulse 1s 2 ease-in-out;transform:scale(1.1)}@keyframes pulse{0%{transform:scale(1.1);box-shadow:0 0 5px rgba(44,47,48,.2)}50%{transform:scale(1.2);box-shadow:0 0 15px rgba(44,47,48,.4)}100%{transform:scale(1.1);box-shadow:0 0 5px rgba(44,47,48,.2)}}.swatch:hover:before,.swatch[aria-pressed="true"]:before{content:'';height:50px;width:50px;border-radius:50%;position:absolute;display:block;top:-5px;left:-5px}.swatch[aria-pressed="true"]:before{border-color:'#666'}.swatch[aria-pressed="true"]:after{content:'';width:21px;height:21px;position:absolute;display:block;background-color:#fff;border-radius:50%;top:9px;left:9px;background-image:url("data:image/svg+xml,%3C%3Fxml%20version='1.0'%20encoding='UTF-8'%3F%3E%3Csvg%20overflow='visible'%20baseProfile='tiny'%20version='1.1'%20viewBox='0%200%20243.7%20184.3'%20xml:space='preserve'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='m83.6%20184.3c-0.2%200-0.4-0.1-0.6-0.2l-79.2-79.2c-0.2-0.2-0.2-0.3-0.2-0.6%200-0.2%200.1-0.4%200.2-0.6l23.3-23.3c0.2-0.2%200.3-0.2%200.6-0.2%200.2%200%200.4%200.1%200.5%200.2l55.3%2055.3%20135.5-135.5c0.2-0.2%200.3-0.2%200.6-0.2%200.2%200%200.4%200.1%200.6%200.2l23.3%2023.3c0.2%200.2%200.2%200.3%200.2%200.6%200%200.2-0.1%200.4-0.2%200.5l-159.4%20159.5c-0.1%200.2-0.3%200.2-0.5%200.2z'%20fill='%23000'/%3E%3C/svg%3E");background-position:center center;background-repeat:no-repeat;background-size:10px 8px}[class*="gloss"]::after{content:'';position:absolute;top:0;left:2px;background:rgba(255,255,255,.3);background:linear-gradient(top,rgba(255,255,255,.1),rgba(255,255,255,.3));transform:rotate(10deg);border-bottom-left-radius:200px 20px;border-bottom-right-radius:200px 10px;border-top-right-radius:5px 100px;width:40px;height:22px;border-radius:10rem 10rem 0 0}[class*="anodized"]::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,transparent 60%);pointer-events:none}.swatch.anodized-blue{background-color:#3b78a4}.swatch.anodized-gold{background-color:#e8d99d}.swatch.anodized-green{background-color:#698c5e}.swatch.anodized-orange{background-color:#d57b2a}.swatch.anodized-purple{background-color:#893981}.swatch.anodized-red{background-color:#a33e31}.swatch.anodized-titanium-grey{background-color:#929294}.swatch.blue{background-color:#2f43ac}.swatch.orange{background-color:#e97d0a}.swatch.red{background-color:#d12a2a}.swatch.silver{background-color:#a1a6a8}.swatch.black{background-color:#000}.swatch.green{background-color:#23a94e}.swatch.pink{background-color:#de6a95}.swatch.purple{background-color:#762aba}.swatch.yellow{background-color:#f2c231}.swatch.gloss-black{background-color:#2d2926}.swatch.matte-black,.swatch.anodized-black{background-color:#2d2926}.swatch.metallic-shadow{background-color:#514f4b}.swatch.gloss-starlight-white{background-color:#fff}.swatch.silver-ore{background-color:#8a8d8f}.swatch.gloss-storm-gray{background-color:#a7a8aa}.swatch.desert-tan{background-color:#a69e8c}.swatch.gloss-desert-sage{background-color:#8a9992}.swatch.salute-green{background-color:#4a5c5b}.swatch.celestial-sapphire{background-color:#211551}.swatch.velvet-sapphire{background-color:#1b2a34}.swatch.gloss-midnight-blue{background-color:#1c1f2a}.swatch.gloss-royal-blue{background-color:#0033a0}.swatch.gloss-brilliant-ocean{background-color:#003da5}.swatch.gloss-scarlet-noir{background-color:#651d32}.swatch.gloss-red-pepper{background-color:#9b2743}.swatch.cherry-lustre{background-color:#6d3f5b}.swatch.gloss-turbo-green{background-color:#b2d235}.swatch.gloss-pink-power{background-color:#ff007f}.swatch.gloss-petal-pink{background-color:#f4c3cf}.swatch.satin-rose{background-color:#ef95cf}.swatch.satin-rose{background-color:#d0006f}.swatch.gloss-mystic-purple{background-color:#5c068c}.swatch.gloss-solar-orange{background-color:#ff5e00}.swatch.gloss-velocity-yellow{background-color:#f7ea48}