.shop-the-look{position:relative;width:100%}.shop-the-look-image-wrapper{position:relative;width:100%;overflow:hidden}.shop-the-look-image-content{border:1px solid;padding:30px;border-radius:20px}.shop-the-look-image-content-inner{background-image:linear-gradient(to right,rgba(var(--color-foreground),1) 50%,transparent 50%),linear-gradient(to bottom,rgba(var(--color-foreground),1) 50%,transparent 50%),linear-gradient(to right,rgba(var(--color-foreground),1) 50%,transparent 50%),linear-gradient(to bottom,rgba(var(--color-foreground),1) 50%,transparent 50%);background-position:0 0,100% 0,0 100%,0 0;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y;background-size:10px 1px,1px 10px,10px 1px,1px 10px;animation:marching-ants 1.5s linear infinite;border-radius:20px;padding:2px}.shop-the-look-image{width:100%;height:auto;display:block;border-radius:20px}.shop-the-look-hotspot-wrapper{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px}.shop-the-look-hotspot{width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:rgba(var(--color-foreground),1);background-color:rgba(var(--color-background));border:none;position:relative;border:1px dashed rgba(var(--color-foreground),1)}.shop-the-look-hotspot:before{content:"";width:42px;height:42px;background:rgba(var(--color-background),.4);position:absolute;border-radius:100%;display:flex;align-items:center;justify-content:center;z-index:-1;border:1px solid rgba(var(--color-foreground),1)}.shop-the-look-hotspot-icon{transition:display .3s ease;line-height:0}.shop-the-look-hotspot-icon.shop-the-look-hotspot-icon-minus{display:none}.shop-the-look-hotspot-wrapper.active .shop-the-look-hotspot-icon.shop-the-look-hotspot-icon-minus{display:block}.shop-the-look-hotspot-wrapper.active .shop-the-look-hotspot-icon.shop-the-look-hotspot-icon-plus{display:none}.shop-the-look-popup{color:rgba(var(--color-foreground),1);background-color:rgba(var(--color-background));border-radius:8px;border:1px solid;padding:10px;max-width:280px;width:fit-content;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1;display:flex;align-items:center;gap:10px}.shop-the-look-hotspot-wrapper.active .shop-the-look-popup{opacity:1;visibility:visible}.shop-the-look-product-image-content{max-width:100px;flex-shrink:0;line-height:0;border-radius:5px;border:1px dashed rgba(var(--color-foreground),1)}.shop-the-look-product-image{width:100%;height:auto;object-fit:cover;border-radius:4px}.shop-the-look-product-info-content{flex:1;min-width:0}.shop-the-look-product-title{font-size:10px;line-height:20px;text-decoration:none;display:block;color:rgba(var(--color-foreground),1);text-transform:capitalize;transition:all .3s ease}.shop-the-look-product-title:hover{text-decoration:underline}.shop-the-look-product-price{margin-bottom:5px}.shop-the-look-product-price .price__container{line-height:0}.shop-the-look-product-price .price .price-item{font-size:12px;line-height:20px}.shop-the-look-product-price .compare-at{text-decoration:line-through;font-size:12px;line-height:20px;opacity:.6;font-weight:400;margin-left:4px}.shop-the-look-product-card-form .add-to-cart{width:28px;height:28px;padding:7px;border-radius:50px;margin:0;display:flex;align-items:center;justify-content:center;border:1px dashed;transition:all .3s ease;background-color:rgb(var(--color-primary-button));border:1px dashed rgb(var(--color-primary-button-text));color:rgb(var(--color-primary-button-text))}.shop-the-look-product-card-form .add-to-cart:hover{background-color:rgb(var(--color-primary-hover-button));border:1px dashed rgb(var(--color-primary-button-hover-text));color:rgb(var(--color-primary-button-hover-text))}.shop-the-look-product-card-form .add-to-cart:after{display:none}.shop-the-look-image.shop-the-look-mobile-image{display:none}.shop-the-look-popup .card-vendor{font-size:10px;line-height:20px}@media only screen and (max-width:767px){.shop-the-look-image.shop-the-look-mobile-image{display:block}.shop-the-look-image.shop-the-look-desktop-image{display:none}.shop-the-look-image-content{padding:15px}}@media only screen and (max-width:400px){.shop-the-look-product-image-content{max-width:40px}}
/*# sourceMappingURL=/cdn/shop/t/5556/assets/shop-the-look.css.map */