.xp-color-dot,.xp-compare__dot{cursor:pointer;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@media(hover:hover){.xp-color-dot:hover,.xp-compare__dot:hover{transform:scale(1.1)}}.xp-color-dot--white.xp-color-dot--active,.xp-compare__dot--white.xp-color-dot--active{box-shadow:0 0 0 2px #fff,0 0 0 4px #0a0a0a,0 4px 6px #0000001a,0 10px 15px #0000001f;transform:scale(1.05)}.xp-color-dot--black.xp-color-dot--active,.xp-compare__dot--black.xp-color-dot--active{box-shadow:0 0 0 2px #0a0a0a,0 0 0 4px #fff,0 4px 6px #0000001a,0 10px 15px #0000001f;transform:scale(1.05)}.xp-color-dot.is-clicked:after,.xp-compare__dot.is-clicked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #0A0A0A;animation:xpColorRipple .7s ease-out forwards;pointer-events:none}.xp-color-dot--black.is-clicked:after,.xp-compare__dot--black.is-clicked:after{border-color:#fff}@keyframes xpColorRipple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.xp-color-swap{transition:opacity .55s ease-in-out;will-change:opacity}.xp-color-swap.is-swapping{opacity:0}.xp-hero__media--white,.xp-hero__media--black,.xp-feature-card__media--white,.xp-feature-card__media--black,.xp-specs__media--white,.xp-specs__media--black{transition:opacity .55s ease-in-out}.xp-video-fading{opacity:0!important}
/*# sourceMappingURL=/cdn/shop/t/1/assets/xp-color-theme.css.map */