.shop-the-look-section{padding:40px 0;position:relative;--stl-card-width: 320px;--stl-overlap: 80px}.shop-the-look-content{position:relative;display:flex;justify-content:center;align-items:center}.shop-the-look-image-wrapper{position:relative;flex:0 0 auto;width:calc(100% - var(--stl-card-width) + var(--stl-overlap));max-width:var(--main-image-max-width, 1000px)}.shop-the-look-main-image{width:100%;height:auto;display:block}.shop-the-look-hotspot{position:absolute;cursor:pointer;transform:translate(-50%,-50%);z-index:2}.shop-the-look-hotspot-dot{width:20px;height:20px;background-color:rgb(var(--color-foreground));border-radius:50%;display:inline-block;opacity:.8;border:2px solid rgb(var(--color-background))}.shop-the-look-hotspot.active .shop-the-look-hotspot-dot{box-shadow:0 0 0 4px rgba(var(--color-foreground),.2)}.shop-the-look-product-details{position:relative;width:var(--stl-card-width);margin-left:calc(-1 * var(--stl-overlap));z-index:3;align-self:center}.shop-the-look-product-card{display:none;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box;opacity:0;transform:var(--card-transform-hidden, translateY(10px));transition:opacity .3s ease,transform .3s ease;text-align:center}.shop-the-look-product-card.active{display:flex}.shop-the-look-product-card.visible{opacity:1;transform:var(--card-transform-visible, none)}.shop-the-look-product-card.transition-fade{--card-transform-hidden: translateY(20px);--card-transform-visible: translateY(0)}.shop-the-look-product-card.transition-slide{--card-transform-hidden: translateX(20px);--card-transform-visible: translateX(0)}.shop-the-look-product-card.transition-zoom{--card-transform-hidden: scale(.95);--card-transform-visible: scale(1)}.shop-the-look-product-media.card--minimal{background:transparent;border:none;box-shadow:none;padding:0;width:auto}.shop-the-look-product-media.card--minimal img{width:120px;height:120px}.shop-the-look-product-media.card--glassmorphism{background:linear-gradient(135deg,rgba(var(--color-background),.2),rgba(var(--color-background),.05));border:var(--border-width) solid rgba(var(--color-foreground),.2);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)),0 0 0 1px rgba(var(--color-foreground),.05),0 .4rem 1.2rem rgba(var(--color-shadow),.1)}.shop-the-look-product-media{background:rgb(var(--color-background));border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity));box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)),0 .4rem 1.2rem rgba(var(--color-shadow),.1);padding:16px;position:relative;overflow:hidden}.shop-the-look-product-link{display:block;position:relative}.shop-the-look-product-img,.shop-the-look-product-img-hover{width:100%;height:auto;display:block;border-radius:inherit;transition:opacity .3s ease}.shop-the-look-product-img-hover{position:absolute;top:0;left:0;opacity:0}.shop-the-look-product-media:hover .shop-the-look-product-img-hover{opacity:1}.shop-the-look-product-media:hover .shop-the-look-product-img{opacity:0}.shop-the-look-product-title{margin:0;font-size:clamp(1rem,2vw,1.25rem)}.shop-the-look-product-price{margin:0;font-size:clamp(.875rem,1.5vw,1rem);color:rgb(var(--color-foreground))}.shop-the-look-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(var(--color-background),.8);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;color:rgb(var(--color-foreground))}.shop-the-look-nav--prev{left:-40px}.shop-the-look-nav--next{right:-40px}.shop-the-look-options-button{position:absolute;bottom:1rem;right:1rem;display:flex;align-items:center;justify-content:center;gap:0;height:40px;width:40px;padding:0;border-radius:20px;background:rgba(var(--color-background),.9);color:rgb(var(--color-foreground));border:1px solid rgb(var(--color-foreground));overflow:hidden;transition:width .3s ease,gap .3s ease;cursor:pointer;z-index:3}.shop-the-look-options-plus{font-size:20px;line-height:1;flex-shrink:0}.shop-the-look-options-text{white-space:nowrap;opacity:0;width:0;padding-right:0;transition:opacity .3s ease,width .3s ease,padding .3s ease}.shop-the-look-options-button:hover{width:160px;gap:.5rem}.shop-the-look-options-button:hover .shop-the-look-options-text{opacity:1;width:auto;padding-right:1rem}.shop-the-look-drawer.quick-add-modal .quick-add-modal__content{left:auto;right:0;transform:translate(100%);height:100vh;max-height:100vh;max-width:400px;width:90%;margin:0;overflow-y:auto}.shop-the-look-drawer.quick-add-modal[open] .quick-add-modal__content{transform:translate(0)}.shop-the-look-drawer.quick-add-modal .quick-add-modal__toggle{top:1rem;right:1rem}.shop-the-look-drawer.quick-add-modal .quick-add-modal__content-info{flex-direction:column;align-items:center;text-align:center}.shop-the-look-drawer.quick-add-modal .product__media-wrapper,.shop-the-look-drawer.quick-add-modal .product__info-wrapper{max-width:100%;width:100%}.shop-the-look-drawer.quick-add-modal .product__media-wrapper{margin-bottom:1.5rem}.shop-the-look-drawer.quick-add-modal .product__media img{width:100%;height:auto;display:block}.shop-the-look-drawer.quick-add-modal .product__info-wrapper{padding-left:0;align-items:center;text-align:center;display:flex;flex-direction:column}.shop-the-look-drawer.quick-add-modal .product__info-wrapper>*{margin-left:auto;margin-right:auto}@media (max-width: 767px){.shop-the-look-content{flex-direction:column}.shop-the-look-image-wrapper{width:100%}.shop-the-look-product-details{margin-left:0;margin-top:calc(-1 * var(--stl-overlap));width:80%;align-self:center}.shop-the-look-nav--prev{left:10px}.shop-the-look-nav--next{right:10px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/shop-the-look.css.map */