.show-colors .product-colors__holder{opacity:1}.product-colors{margin-bottom:1.375rem}.product-colors__label{margin-bottom:.5rem}.product-colors__holder{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:3rem;opacity:0;row-gap:.5rem;-webkit-transition:opacity var(--duration-default) ease;-o-transition:opacity var(--duration-default) ease;transition:opacity var(--duration-default) ease;width:100%}.product-colors__holder--visible{opacity:1}.product-colors--small .product-colors__holder{-webkit-column-gap:.375rem;-moz-column-gap:.375rem;column-gap:.375rem;row-gap:.375rem}@media screen and (max-width:767px){.product-colors--small .product-colors__color{display:none}}.product-colors__item{-webkit-box-flex:0;background-position:50%;background-size:2.25rem 2.25rem;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;-ms-flex:0 0 2.25rem;flex:0 0 2.25rem;height:2.25rem;margin:.375rem;max-width:2.25rem;position:relative;-webkit-transition:border var(--duration-default) ease-in-out;-o-transition:border var(--duration-default) ease-in-out;transition:border var(--duration-default) ease-in-out;width:2.25rem}.product-colors__item:before{border:1px solid transparent;border-radius:50%;bottom:-6px;content:"";left:-6px;position:absolute;right:-6px;top:-6px}.product-colors__item--active:before,.product-colors__item:active:before,.product-colors__item:focus:before,.product-colors__item:hover:before{border-color:var(--color-black)}@media screen and (max-width:767px){.product-colors__item.visibility-hidden{display:none}}.product-colors--small .product-colors__item{-webkit-box-flex:0;background-repeat:no-repeat;background-size:.875rem .875rem;-ms-flex:0 0 0.875rem;flex:0 0 0.875rem;height:.875rem;margin:.1875rem;max-width:.875rem;width:.875rem}.product-colors--small .product-colors__item:before{bottom:-3px;left:-3px;right:-3px;top:-3px}.product-colors__color-amount{color:var(--color-black-50);display:none;font-size:.75rem;letter-spacing:.005em;line-height:1.25rem}@media screen and (min-width:768px){.product-colors__color-amount{font-size:.875rem}}@media screen and (max-width:767px){.product-colors--small .product-colors__color-amount{display:block}}