.shop-the-look__title{margin:0 var(--page-margin) 1.2rem}.overlay-shop-the-look{padding:4rem var(--page-margin) var(--page-margin) var(--page-margin);height:var(--overlay-height);overflow:auto}@media screen and (min-width: 1024px){.overlay-shop-the-look{padding-top:5rem}}.overlay-shop-the-look--with-popup{padding-bottom:12rem}.overlay-panel{z-index:var(--z-above-above-content)}.mood-image{position:relative;grid-column:1 / -1}.mood-image>img{display:block;object-fit:cover;width:100%;height:auto;aspect-ratio:var(--ratio-portrait)}.shop-the-look__product-grid-wrapper{grid-column:1 / -1}.shop-the-look__product-grid{display:grid;grid-template-columns:repeat(2,calc(50% - var(--product-grid-gap) / 2));gap:3.2rem var(--product-grid-gap);grid-column:1 / -1;width:100%;max-width:100vw}@media screen and (min-width: 1024px){.shop-the-look__product-grid.grid-3-col{grid-template-columns:repeat(3,calc(33.3333% - (2 / 3 * var(--product-grid-gap))))}.shop-the-look__product-grid.grid-4-col{grid-template-columns:repeat(4,calc(25% - (3 / 4 * var(--product-grid-gap))))}}[data-layout=without-mood] .card-wrapper:nth-child(odd) .card__content{padding:0 var(--page-margin)}@media screen and (min-width: 1024px){[data-layout=without-mood] .card-wrapper:nth-child(odd) .card__content{padding:0}[data-layout=without-mood] .card-wrapper:first-of-type .card__content{padding:0 var(--page-margin)}}.shop-the-look__product-grid .product-card-wrapper:nth-child(odd) .card__information{padding-left:var(--page-margin)}@media screen and (min-width: 1024px){.shop-the-look__product-grid .product-card-wrapper:nth-child(odd) .card__information{padding-left:0}}@media screen and (min-width: 1024px){.shop-the-look__product-grid{row-gap:2.5rem}.mood-image{grid-column:1 / 7;margin-right:calc(-1 * var(--page-margin) / 2)}.shop-the-look__product-grid-wrapper{grid-column:8 / 12;display:flex;align-items:center}}.shop-the-look-overlay__size-selector{margin-top:2.4rem}.shop-the-look-overlay__size-label{display:inline-flex;gap:.5rem}.shop-the-look-card{display:flex;gap:var(--page-margin);padding-bottom:2.4rem;margin-bottom:2.4rem;border-bottom:1px solid var(--black-10)}.shop-the-look-card .unstyled-link{display:contents}.shop-the-look-card__image{flex-shrink:0;width:13rem;aspect-ratio:var(--ratio-portrait);background:var(--product-gradient);display:grid;place-content:center}@media (min-width: 1024px){.shop-the-look-card__image{width:14.5rem}}.shop-the-look-card__image img{width:100%}.shop-the-look-card__info{flex-grow:1;min-width:0;display:flex;justify-content:space-between;flex-direction:column}.shop-the-look-card__info button[type=submit]{text-align:left}.shop-the-look-card__form--related:hover .shop-the-look-related{opacity:var(--alpha-hover)}.shop-the-look-card__cta{display:inline-block;transition:opacity var(--duration-default) var(--ease-smooth)}.shop-the-look-card__cta:focus,.shop-the-look-card__cta:hover{opacity:var(--alpha-hover)}.shop-the-look-card--variant-cart .shop-the-look-card__image{width:30%}@media (min-width: 1024px){.shop-the-look-card--variant-cart .shop-the-look-card__image{width:30%}}.shop-the-look-overlay-popup{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid var(--grey);padding:4.9rem var(--page-margin) 4.6rem;color:var(--black);background:var(--white);opacity:0;transform:translateY(100%);transition:opacity .8s var(--ease-smooth),transform .8s var(--ease-smooth)}[data-shop-the-look-overlay-popup=open],[data-wishlist-overlay-popup=open]{transform:translateY(0);opacity:1}.shop-the-look-overlay-popup__content{display:flex;justify-content:space-between;align-items:center;opacity:0;transition:opacity .5s var(--ease-smooth) .3s}[data-wishlist-overlay-popup=open] .shop-the-look-overlay-popup__content,[data-shop-the-look-overlay-popup=open] .shop-the-look-overlay-popup__content{opacity:1}.shop-the-look-overlay-popup__label{display:flex;align-items:center;gap:1rem}.shop-the-look-overlay-popup__icon{position:relative;top:-.1rem;width:1.6rem;transform-origin:center 20%}.wishlist-overlay-popup .shop-the-look-overlay-popup__icon{width:1rem}@media (prefers-reduced-motion: no-preference){@keyframes giggly-bag{0%{transform:rotate(30deg)}40%{transform:rotate(-22deg)}70%{transform:rotate(10deg)}90%{transform:rotate(-4deg)}to{transform:rotate(0)}}[data-wishlist-overlay-popup=open] .shop-the-look-overlay-popup__icon,[data-shop-the-look-overlay-popup=open] .shop-the-look-overlay-popup__icon{animation:giggly-bag 1.5s ease-in-out backwards .5s}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-shop-the-look.css.map */