.card-product__media .wcg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden}.wcg__track{position:absolute;top:0;right:0;bottom:0;left:0}.wcg__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .15s ease}.wcg__slide.is-active{opacity:1}html.js .card-product .card-product__media .wcg__slide img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;visibility:visible}.wcg__zones{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;z-index:1}.wcg__zones span{flex:1 1 0;height:100%}.wcg__bar{position:absolute;left:1rem;right:1rem;top:1rem;display:flex;gap:.4rem;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s ease}.wcg__bar i{flex:1 1 0;height:2px;border-radius:2px;background:#1a1a1a29;transition:background-color .2s ease}.wcg__bar i.is-active{background:#1a1a1ad9}.wcg__label{position:absolute;left:1rem;top:1.9rem;z-index:2;pointer-events:none;padding:.3rem .7rem;font-size:1rem;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:#1a1a1a;background:#ffffffe0;border-radius:2px;opacity:0;transform:translateY(3px);transition:opacity .2s ease,transform .2s ease}@media(hover:hover){.card-product:hover .wcg__bar,.card-product:hover .wcg__label{opacity:1;transform:none}}@media(hover:none){.wcg__track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.wcg__track::-webkit-scrollbar{display:none}.wcg__slide{position:relative;flex:0 0 100%;opacity:1;scroll-snap-align:start;scroll-snap-stop:always}.wcg__zones{display:none}.wcg__bar{opacity:1;left:.8rem;right:.8rem;top:.8rem;gap:.3rem}.wcg.is-swiped .wcg__label{opacity:1;transform:none}.wcg__label{left:.8rem;top:1.6rem}}.card-product.has-wcg .card-product__swatches input.is-active:not(.wcg-current)+.card-product__swatch{border-color:var(--color-light)}.card-product.has-wcg .card-product__swatches input.wcg-current+.card-product__swatch{border-color:var(--color-black)}
/*# sourceMappingURL=/cdn/shop/t/34/assets/woolona-color-gallery.css.map */