.shop_flex{display:flex;align-items:center;justify-content:center;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing);margin:0 auto}.shop_flex .w-50{width:calc(50% - 60px)}.shop_media1{display:block;position:relative;overflow:hidden;max-width:415px;margin:0 auto;padding-top:570px}.shop_media1>img,.shop_media2>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;object-fit:cover}.shop_media2{display:block;position:relative;overflow:hidden;min-height:450px;max-width:100%;margin:20px auto 0}.shop_media2>img{object-fit:cover!important}.shop_flex .w-50 .title,.shop_flex .w-50 .subtitle{text-align:left;margin:0}.pulse-button{position:absolute;top:6%;right:6%;background:var(--color-base-accent-1);color:var(--color-background);border-radius:100%;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:pulse 1.5s infinite;border:none;box-shadow:0 0 rgba(var(--color-foreground),.5)}@keyframes pulse{0%{transform:scale(1)}70%{box-shadow:0 0 0 50px rgba(var(--color-foreground),0)}to{box-shadow:0 0 0 50px rgba(var(--color-foreground),0)}}.product-image img,.lookBookSVG{max-width:65px;height:auto;display:inline-block;line-height:0;vertical-align:middle}.shopthelook{width:95%;height:auto;position:absolute;top:calc(6% - 20px);right:calc(7% - 20px);padding:30px 0 0;z-index:8;opacity:0;visibility:hidden;transition:all .01s ease .7s}.pulse-button .icon-plus{width:1.6rem}.is-active .shopthelook{opacity:1;visibility:visible;transition-delay:0s}.shopthelook:before{content:"";width:100%;height:0;background:var(--color-base-accent-3);position:absolute;top:0;right:0;transition:height .5s cubic-bezier(.4,.4,0,1) .1s;z-index:0;-webkit-box-shadow:0px 0 30px 0 rgba(var(--color-foreground),.1);-moz-box-shadow:0px 0 30px 0 rgba(var(--color-foreground),.1);box-shadow:0 0 30px rgb(var(--color-foreground),.1)}.is-active .shopthelook:before{height:100%}.is-active .shopthelook .lookbook-header{opacity:1;visibility:visible;transform:translateY(0);transition-delay:.3s}.shopthelook .lookbook-header{padding:0 20px;z-index:1;position:relative;opacity:0;visibility:hidden;transition:all .4s ease;transform:translateY(-10px)}.shopthelook .lookbook-list{margin:30px 0 0;padding:0;list-style:none;z-index:1;position:relative}.is-active .shopthelook .lookbook-list li:nth-child(1){transition-delay:.35s}.is-active .shopthelook .lookbook-list li{opacity:1;visibility:visible;transform:translateY(0);transition-duration:.4s;transition-delay:.3s}.shopthelook .lookbook-list li{position:relative;border-top:1px solid rgba(var(--color-foreground),.12);margin:0;opacity:0;visibility:hidden;transition:all .25s ease;transform:translateY(-10px)}.shopthelook .lookbook-list li>a{display:block;padding:20px;overflow:hidden;transition:background .2s ease;text-decoration:none}.shop_table .product-name .product-image,.lookbook-list .product-name .product-image{height:auto;display:flex;align-items:center;vertical-align:middle;width:100%}.product-name{display:flex;align-items:center;justify-content:space-between;gap:8px}.lookbook-list .product-name .product-title{font-size:13px;font-weight:500;margin-left:8px;text-transform:capitalize}.close-icon{width:40px;height:40px;line-height:40px;border-radius:20px;position:absolute;top:40px;right:60px;color:var(--color-base-accent-3);background:var(--color-base-accent-1);border:none;z-index:9;cursor:pointer}.shopthelook .lookbook-close{top:20px;right:20px;opacity:0;visibility:hidden;transition:all .4s ease}.is-active .shopthelook .lookbook-close{opacity:1;visibility:visible;transition-delay:.3s}.close-icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.lookbook-title{margin:0;letter-spacing:.2rem;text-transform:uppercase;font-family:var(--font-heading-family)}.shop_media1>svg{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%)}@media screen and (max-width: 767px){.shop_flex{flex-direction:column}.shop_flex .w-50{width:100%}.shop_media2{min-height:250px}.lookbook-title{font-size:12px}}@media screen and (max-width: 430px){.shop_media1{padding-top:165%}.shopthelook{right:calc(10% - 20px)}.lookbook-list .product-name .product-title{font-size:12px}}@media screen and (min-width: 768px) and (max-width: 991px){.shop_media1{padding-top:100%}.shop_flex{flex-direction:column}.shop_flex .w-50{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/shop-the-look.css.map */