.section-inner--width-narrow{max-width:720px;margin:0 auto;padding:0 1.5rem}.section-inner--width-standard{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-inner--width-wide{max-width:1600px;margin:0 auto;padding:0 1.5rem}.section-inner--width-full{width:100%;padding:0 1.5rem}@media screen and (min-width: 990px){.section-inner--width-narrow,.section-inner--width-standard,.section-inner--width-wide,.section-inner--width-full{padding:0 3rem}}.shop-the-look__heading{margin-top:60px;margin-bottom:20px;text-align:center}.shop-the-look__description{margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.shop-the-look__description-content{text-align:center;font-size:calc(var(--font-body-scale) * 1.5rem);line-height:1.5;color:var(--color-text)}@media screen and (min-width: 750px){.shop-the-look__description{margin-bottom:60px}}.shop-the-look__toggle-container{margin-bottom:10px}.collections-toggle{display:flex;justify-content:center;margin-bottom:20px}.collections-toggle__container{position:relative;display:inline-flex;border-radius:var(--button-radius);background:#f4f4f4;border:1.5px solid var(--color-text);padding:0 var(--spacing-50);min-width:200px;overflow:hidden;margin:0 auto}.collections-toggle__button{position:relative;z-index:2;flex:1;padding:var(--spacing-25) var(--spacing-50);border:none;background:transparent;border-radius:var(--button-radius);text-align:center;cursor:pointer;color:var(--color-text);transition:all .3s ease}.collections-toggle__button.is-active{color:#fff;font-weight:700}.collections-toggle__indicator{position:absolute;left:0;top:0;bottom:0;width:50%;background:var(--color-text);border-radius:10px;transition:transform .3s ease;pointer-events:none}.collections-toggle__button:nth-child(2).is-active~.collections-toggle__indicator{width:55%;transform:translate(84%)}.shop-the-look__collections{position:relative}.shop-the-look__collection-grid{display:none!important;opacity:0;visibility:hidden}.shop-the-look__collection-grid.is-active{display:block!important;opacity:1;visibility:visible}.shop-the-look__grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:20px}@media screen and (min-width: 750px){.shop-the-look__grid[data-columns-desktop="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-the-look__grid[data-columns-desktop="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-the-look__grid[data-columns-desktop="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width: 749px){.shop-the-look__grid[data-columns-mobile="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}.shop-the-look__grid-item{position:relative}.shop-the-look__card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden}.shop-the-look__image-container{position:relative;overflow:hidden;border-radius:var(--image-radius, 16px)}.shop-the-look__grid-item.has-hover-overlay .shop-the-look__image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000;transition:background-color var(--animation-timing-300) var(--ease-out-quart);z-index:1}.shop-the-look__grid-item.has-hover-overlay:hover .shop-the-look__image-container:after{background-color:var(--backdrop-color, rgba(0, 0, 0, .3))}.shop-the-look__grid-item.has-hover-overlay .shop-the-look__button{z-index:2}.shop-the-look__image{display:block;width:100%;height:100%;transition:transform .5s ease}.shop-the-look__image img{display:block;width:100%;height:100%;object-fit:cover}.shop-the-look__image--square{aspect-ratio:1/1}.shop-the-look__image--portrait{aspect-ratio:3/4}.shop-the-look__image--portrait-tall{aspect-ratio:2/3}.shop-the-look__image--portrait-extreme{aspect-ratio:9/16}.shop-the-look__image--landscape{aspect-ratio:4/3}.shop-the-look__image--landscape-wide{aspect-ratio:16/9}.shop-the-look__image--landscape-extreme,.shop-the-look__image--cinema{aspect-ratio:21/9}.shop-the-look__image--natural{aspect-ratio:auto}.shop-the-look__card:hover .shop-the-look__image{transform:scale(1.05)}.shop-the-look__view-button{position:absolute;bottom:15px;left:50%;transform:translate(-50%);background:var(--color-text);color:var(--color-background);border:none;padding:10px 20px;border-radius:30px;font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:var(--font-body-medium-weight);cursor:pointer;opacity:0;transform:translate(-50%) translateY(10px);transition:opacity .3s ease,transform .3s ease;z-index:2}.shop-the-look__card:hover .shop-the-look__view-button{opacity:1;transform:translate(-50%) translateY(0)}.shop-the-look__card-info{padding:15px 0;text-align:center}.shop-the-look__card-title{margin:0;font-size:calc(var(--font-body-scale) * 1.6rem);font-weight:var(--font-heading-weight)}.shop-the-look__empty{text-align:center;padding:40px 0}.shop-the-look-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:100}.shop-the-look-modal.is-active{display:flex}.shop-the-look-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;cursor:pointer}.shop-the-look-modal__container{position:relative;width:100%;max-width:1200px;max-height:90vh;background:var(--color-background);border-radius:8px;overflow:hidden;z-index:1;margin:0 20px}@media screen and (min-width: 750px){.shop-the-look-modal__container{margin:0 40px}}.shop-the-look-modal__close-button{position:absolute;top:15px;right:15px;background:transparent;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.shop-the-look-modal__close-button .icon-close{width:20px;height:20px;color:var(--color-text)}.shop-the-look-modal__content{padding:30px;overflow-y:auto;max-height:90vh;position:relative}.shop-the-look-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.shop-the-look-modal__title{margin:0}.shop-the-look-modal__next-look-button{display:flex;align-items:center;background:transparent;border:none;font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:var(--font-body-medium-weight);color:var(--color-text);cursor:pointer}.shop-the-look-modal__next-look-text{margin-right:5px}.shop-the-look-modal__next-look-button .icon-arrow-right{width:16px;height:16px}.shop-the-look-modal__loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.shop-the-look-modal__loading-overlay.is-active{visibility:visible;opacity:1}.shop-the-look-modal__product-container{width:100%}.shop-the-look-modal .product-item-wrap{display:flex;flex-direction:column;height:100%}.shop-the-look-modal .product-item{display:flex;flex-direction:column;height:100%;background-color:var(--color-background);border-radius:8px;overflow:hidden}.shop-the-look-modal .product-item__image-wrapper{position:relative;overflow:hidden;border-radius:8px 8px 0 0}.shop-the-look-modal .aspect-ratio{display:block;position:relative;overflow:hidden}.shop-the-look-modal .aspect-ratio:before{content:"";display:block;padding-bottom:calc(1 / (var(--aspect-ratio)) * 100%)}.shop-the-look-modal .product-item__image{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;transition:transform .8s ease}.shop-the-look-modal .product-item:hover .product-item__image{transform:scale(1.05)}.shop-the-look-modal .product-item__info{display:flex;flex-direction:column;padding:16px;flex-grow:1}.shop-the-look-modal .product-item__title{margin:0 0 8px;font-size:calc(var(--font-body-scale) * 1.5rem);font-weight:var(--font-heading-weight);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shop-the-look-modal .product-item__price-wrap{margin-bottom:16px}.shop-the-look-modal .product-item__price{font-size:calc(var(--font-body-scale) * 1.5rem);font-weight:var(--font-body-bold-weight)}.shop-the-look-modal .product-item__buttons{display:flex;flex-direction:column;gap:8px;margin-top:auto}@media screen and (min-width: 750px){.shop-the-look-modal .product-item__buttons{flex-direction:row}.shop-the-look-modal .product-item__buttons .button{flex:1}}.shop-the-look-modal__empty-state{padding:40px 20px;text-align:center}.shop-the-look-modal__empty-state p{margin-bottom:15px;font-size:calc(var(--font-body-scale) * 1.5rem);color:var(--color-text)}.shop-the-look-modal__empty-state p:last-child{font-size:calc(var(--font-body-scale) * 1.3rem);color:var(--color-text-subdued, #6b6b6b)}.shop-the-look__button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;opacity:0}@media screen and (max-width: 750px){.shop-the-look__button{opacity:1;top:unset;bottom:var(--spacing-150)}}.shop-the-look__card:hover .shop-the-look__button{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/90/assets/component-shop-the-look.css.map */