.product-shade-picker{margin:0 0 20px 0}@media (min-width:768px){.product-grid .product-shade-picker{margin-bottom:10px}}.product-shade-picker__shades{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}@media (min-width:768px){.product-shade-picker__shades{overflow:visible;margin-bottom:10px}.product-grid .product-shade-picker__shades{margin-bottom:5px}}.product-shade-picker__shades__inner{padding:5px 0 0 30px;white-space:nowrap;text-align:center;height:50px;position:relative;left:-5px}@media (min-width:768px){.product-shade-picker__shades__inner{max-width:280px;margin:0 auto;white-space:normal;height:auto;padding:0}}.product-shade-picker__smoosh{display:none}.product-shade-picker__shade{display:inline-block;vertical-align:middle;border-radius:50%;position:relative;width:30px;height:30px;margin:0 7px 0 0;padding:0}@media (min-width:768px){.product-shade-picker__shade{width:25px;height:25px;margin:0 3px 9px 3px}}@media (min-width:768px){.product-shade-picker__shade:nth-child(1),.product-shade-picker__shade:nth-child(16){margin-left:13px}}.product-shade-picker__shade:last-child{margin-right:25px}@media (min-width:768px){.product-shade-picker__shade:last-child{margin-right:5px}}.product-shade-picker__shade:after{-webkit-box-shadow:0 0 0 1px transparent;-moz-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent;-webkit-transition:box-shadow false false,.3s false false;-moz-transition:box-shadow false false false,.3s false false false;-o-transition:box-shadow false false false,.3s false false false;transition:box-shadow .3s;content:"";position:absolute;border-radius:50%;top:-3px;bottom:-3px;left:-3px;right:-3px}.product-shade-picker__shade.active:after,.product-shade-picker__shade:hover:after{-webkit-box-shadow:0 0 0 1px #63513D;-moz-box-shadow:0 0 0 1px #63513D;box-shadow:0 0 0 1px #63513D}.product-shade-picker__shade.disabled{opacity:.2}.product-shade-picker__shade.shade-hidden{display:none}.product-shade-picker .product-shade-picker__shade-inner{border-radius:50%;display:inline-block;width:30px;height:30px;overflow:hidden}@media (min-width:768px){.product-shade-picker .product-shade-picker__shade-inner{float:none;width:25px;height:25px}}.product-shade-picker .product-shade-picker__shade-inner .product-shade-picker__colors-container{display:table;height:100%;width:100%}.product-shade-picker .product-shade-picker__shade-inner .product-shade-picker__colors-container .product-shade-picker__color{display:table-cell;background-size:cover!important}.product-shade-picker__shade-family{margin-right:15px;cursor:pointer}.product-shade-picker__shade-family.active{font-weight:700}.product-shade-picker__shade-families{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;margin:0 20px 10px;border-bottom:1px solid #C5B9AC}@media (min-width:768px){.product-shade-picker__shade-item:nth-child(15n+1){margin-left:3px}}.touchevents .product-shade-picker__shade:not(.active):hover:after{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.product-shade-picker__shade__info{opacity:0;-webkit-transition:opacity false false,.25s ease-out false;-moz-transition:opacity false false false,.25s ease-out false false;-o-transition:opacity false false false,.25s ease-out false false;transition:opacity,.25s ease-out;display:flex;justify-content:center}.product-shade-picker__shade__info--active{opacity:1}@media (min-width:768px){.product-shade-picker__shade__info{max-width:480px;margin:0 auto}}.product-shade-picker__description,.product-shade-picker__shadename{display:flex;flex-direction:column;justify-content:center;line-height:normal}.product-shade-picker__shadename{flex:1;min-height:40px;border-right:1px solid #C5B9AC;padding:0 20px 0 40px;text-align:right;font-weight:500}.product-shade-picker__shade__info--name-only .product-shade-picker__shadename{text-align:center;border:none;padding:0 20px}@media (min-width:1024px){.product-shade-picker__shadename{text-align:right;padding:0 10px 0 20px}}.product-shade-picker__description{flex:2;text-align:left;padding:0 40px 0 20px}.product-shade-picker__shade__info--name-only .product-shade-picker__description{display:none}@media (min-width:1024px){.product-shade-picker__description{padding:0 20px 0 10px}}
/*# sourceMappingURL=product_shade_picker_v1.css.map */