.section-shop-the-look shop-the-look{display:block}.section-shop-the-look .look{display:grid;gap:var(--card-gap);align-items:stretch}.section-shop-the-look .look__scene{position:relative;aspect-ratio:var(--scene-ratio-mobile, 4 / 5);background:var(--c-image)}.section-shop-the-look .look__scene--rounded{border-radius:var(--radius)}.section-shop-the-look .look__scene--rounded .look__image{border-radius:inherit}.section-shop-the-look .look__image{position:absolute;top:0;right:0;bottom:0;left:0}.section-shop-the-look .look__image--desktop{display:none}@media(min-width:750px){.section-shop-the-look .look__scene{aspect-ratio:var(--scene-ratio, 16 / 9)}.section-shop-the-look .look__image--desktop{display:block}.section-shop-the-look .look__image--mobile{display:none}}.section-shop-the-look .look__image:not(.look__image--desktop):not(.look__image--mobile){display:block}.section-shop-the-look .look__spot{position:absolute;z-index:3;left:var(--mx, var(--x));top:var(--my, var(--y));width:0;height:0}@media(min-width:750px){.section-shop-the-look .look__spot{left:var(--x);top:var(--y)}}.section-shop-the-look .look__spot.is-open{z-index:6}.section-shop-the-look .look__dot{left:0;top:0;width:34px;height:34px;background:color-mix(in srgb,var(--dot-color, #fff) 45%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .35s var(--ease-out),background-color .3s}.section-shop-the-look .look__dot:before{background:var(--dot-color, #fff);transition:background-color .3s,transform .35s var(--ease-out)}.section-shop-the-look .look__dot:after{border-color:var(--dot-color, #fff)}.section-shop-the-look .look__dot:hover,.section-shop-the-look .look__spot.is-highlighted .look__dot,.section-shop-the-look .look__spot.is-open .look__dot{transform:translate(-50%,-50%) scale(1.18)}.section-shop-the-look .look__spot.is-highlighted .look__dot:before,.section-shop-the-look .look__spot.is-open .look__dot:before{background:var(--dot-active, #df5021);transform:scale(1.25)}.section-shop-the-look .look__dot-number{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.68rem;font-weight:600;color:#000;transition:color .3s}.section-shop-the-look .look--with-list .look__dot:before{width:22px;height:22px}.section-shop-the-look .look__spot.is-highlighted .look__dot-number,.section-shop-the-look .look__spot.is-open .look__dot-number{color:#fff}.section-shop-the-look .look__card{position:absolute;top:-28px;left:28px;width:300px;display:grid;grid-template-columns:92px minmax(0,1fr);gap:.9rem;padding:10px 14px 10px 10px;border-radius:var(--radius-card);background:var(--c-bg);color:var(--c-text);box-shadow:0 18px 46px #0000002e;animation:look-card-in .4s var(--ease-out)}.section-shop-the-look .look__spot--flip-x .look__card{left:auto;right:28px}.section-shop-the-look .look__spot--flip-y .look__card{top:auto;bottom:-28px}@keyframes look-card-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.section-shop-the-look .look__card-media{display:block;position:relative;aspect-ratio:4 / 5;border-radius:calc(var(--radius-card) * .7);overflow:hidden;background:var(--c-image)}.section-shop-the-look .look__card-media img,.section-shop-the-look .look__card-media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.section-shop-the-look .look__card-body{display:flex;flex-direction:column;gap:.3rem;padding:.2rem 1.4rem 0 0;min-width:0}.section-shop-the-look .look__card-title{font-weight:500;font-size:.9rem;line-height:1.35;color:var(--c-heading);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.section-shop-the-look a.look__card-title:hover{text-decoration:underline;text-underline-offset:3px}.section-shop-the-look .look__card-price{font-size:.85rem}.section-shop-the-look .look__card-actions{margin-top:auto;padding-top:.4rem;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem}.section-shop-the-look .look__card-add{min-height:36px;padding-inline:1em;font-size:.72rem}.section-shop-the-look .look__card-view{font-size:.78rem}.section-shop-the-look .look__card-close{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--c-text-soft)}.section-shop-the-look .look__card-close:hover{color:var(--c-heading);background:var(--c-bg-alt)}.section-shop-the-look .look__card-close svg{width:14px;height:14px}@media(max-width:749px){.section-shop-the-look .look__card,.section-shop-the-look .look__spot--flip-x .look__card,.section-shop-the-look .look__spot--flip-y .look__card{position:fixed;z-index:60;top:auto;bottom:12px;left:12px;right:12px;width:auto}}.section-shop-the-look .look__aside{display:flex;flex-direction:column;padding:clamp(1.2rem,3vw,2.4rem);border-radius:var(--radius);background:var(--c-bg-alt)}.section-shop-the-look .look__aside-title{margin:0 0 1rem}.section-shop-the-look .look__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.section-shop-the-look .look__row{position:relative;display:grid;grid-template-columns:26px 64px minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.85rem 0;border-bottom:1px solid var(--c-border);transition:opacity .3s var(--ease)}.section-shop-the-look .look__row:last-child{border-bottom:0}.section-shop-the-look .look__list:hover .look__row:not(.is-highlighted){opacity:.55}.section-shop-the-look .look__row-number{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:600;border:1px solid var(--c-border);transition:background-color .3s,color .3s,border-color .3s}.section-shop-the-look .look__row.is-highlighted .look__row-number{background:var(--dot-active);border-color:var(--dot-active);color:#fff}.section-shop-the-look .look__row-media{position:relative;aspect-ratio:1;border-radius:calc(var(--radius-card) * .7);overflow:hidden;background:var(--c-image)}.section-shop-the-look .look__row-media img,.section-shop-the-look .look__row-media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.section-shop-the-look .look__row-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.section-shop-the-look .look__row-title{font-size:.92rem;font-weight:500;color:var(--c-heading);line-height:1.35}.section-shop-the-look a.look__row-title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.section-shop-the-look .look__row-price{font-size:.84rem}.section-shop-the-look .look__row-add{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--c-heading);color:var(--c-heading);transition:background-color .3s,color .3s}.section-shop-the-look .look__row-add:hover{background:var(--c-heading);color:var(--c-bg)}.section-shop-the-look .look__row-add svg{width:15px;height:15px}.section-shop-the-look .look__aside-cta{margin-top:auto;padding-top:1.6rem}@media(min-width:990px){.section-shop-the-look .look--with-list{grid-template-columns:minmax(0,2.1fr) minmax(300px,1fr)}.section-shop-the-look .look--list-left{grid-template-columns:minmax(300px,1fr) minmax(0,2.1fr)}.section-shop-the-look .look--list-left .look__aside{order:-1}.section-shop-the-look .look--with-list .look__scene{align-self:start}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-shop-the-look.css.map */