.product-item__color-options{text-align:center}.color-options__list{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;justify-content:flex-end}.color-option-btn{border-radius:50%!important;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;background:var(--color, #ccc);padding:0!important;margin:0!important;line-height:1!important;transition:box-shadow .3s ease-in-out;width:15px!important;height:15px!important;overflow:hidden!important}.color-option-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 0 0 .5px var(--color-border) inset,0 0 0 2px var(--color-background) inset;transition:box-shadow .3s ease-in-out;z-index:1;pointer-events:none;border-radius:50%}.color-option-btn.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 0 0 1px var(--color-text) inset,0 0 0 3px var(--color-background) inset;z-index:1;pointer-events:none;border-radius:50%}.color-option-btn:hover:not(.active):after{box-shadow:0 0 0 .5px var(--color-text) inset,0 0 0 2px var(--color-background) inset;border-radius:50%}.color-option-btn .color-name,.color-option-btn:hover .color-name,.color-option-btn *{display:none!important}.color-option-btn img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;max-width:none!important;max-height:none!important}.product-item--variant-selected:not(.product-item--show-second-image) .product-item__image--two{opacity:0;pointer-events:none}.product-item--variant-selected .product-item__image--two.active{opacity:0;transform:none}.product-item__image img,.product-item__image--one img,.product-item__image--two img{transition:opacity .2s ease-in-out}.product-item--variant-selected .product-item__image--two{z-index:1!important}.product-item:not(.product-item--variant-selected) .product-item__image--two{opacity:0;transition:opacity var(--duration-fast) var(--easing),transform var(--duration-fast) var(--easing)}.product-item:not(.product-item--variant-selected) .product-item__inner:hover .product-item__image--two{opacity:1;transform:scale(1)}.product-item.product-item--show-second-image .product-item__inner:hover .product-item__image--two{opacity:1;transform:scale(1)}.color-options__more{display:flex;align-items:center}.color-option-btn:focus{outline:1px solid #007acc;outline-offset:1px}.color-option-btn.loading{opacity:.7;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/42/assets/product-item-styles.css.map */