.shop-the-look-figma{display:block;background:var(--shop-the-look-bg);overflow:visible}.shop-the-look-figma__header{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;margin-bottom:4rem}.shop-the-look-figma .price--on-sale .price-item--regullar .money{font-size:1.4rem}.shop-the-look-figma__heading{margin:0;line-height:1.1}.shop-the-look-figma__view-all{color:var(--color-badge-background);border-radius:999px;padding:.8rem 3.2rem;font-size:1.6rem;line-height:1;text-transform:uppercase;text-decoration:none;background:var(--color-badge-foreground);display:flex;align-items:center;gap:1rem}.shop-the-look-figma__mobile-slider,.shop-the-look-figma__mobile-cta,.shop-the-look-figma__view-all--bottom{display:none}.shop-the-look-figma__media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:stretch;overflow:visible}.shop-the-look-figma__side-grid{gap:2rem;height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.shop-the-look-figma__media-item{position:relative;z-index:1;overflow:visible;min-height:0;border-radius:1.5rem;container-type:inline-size;width:100%;height:100%}.shop-the-look-figma__media-item:has(.shop-the-look-figma__hotspot:hover),.shop-the-look-figma__media-item:has(.shop-the-look-figma__hotspot.is-open),.shop-the-look-figma__media-item:has(.shop-the-look-figma__hotspot:focus-visible){z-index:12}.shop-the-look-figma__media-item.item-1,.shop-the-look-figma__media-item.item-3{grid-row:span 2}.shop-the-look-figma__media-item--featured{display:flex;flex-direction:column;align-items:stretch;min-height:0}.shop-the-look-figma__image{display:block;width:100%;height:100%;object-fit:cover}.shop-the-look-figma__media-item--featured .shop-the-look-figma__image{height:auto}.shop-the-look-figma__media-item:not(.shop-the-look-figma__media-item--featured){display:flex;flex-direction:column;min-height:0}.shop-the-look-figma__media-item:not(.shop-the-look-figma__media-item--featured) .shop-the-look-figma__media-visual{position:relative;flex:1 1 auto;min-height:0;width:100%;border-radius:1.5rem;overflow:hidden}.shop-the-look-figma__media-item--featured .shop-the-look-figma__media-visual{position:relative;flex:0 0 auto;width:100%;border-radius:1.5rem;overflow:hidden}.shop-the-look-figma__media-visual .placeholder{width:100%;height:100%;object-fit:cover}.shop-the-look-figma__media-visual picture,.shop-the-look-figma__media-visual picture .shop-the-look-figma__image{display:block;width:100%;height:100%}.shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__media-visual picture .shop-the-look-figma__image{transition:transform .65s cubic-bezier(.25,.46,.45,.94);will-change:transform}.shop-the-look-figma__media-item:hover .shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__media-item:hover .shop-the-look-figma__media-visual picture .shop-the-look-figma__image,.shop-the-look-figma__media-item:has(.shop-the-look-figma__hotspot:hover) .shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__media-item:has(.shop-the-look-figma__hotspot:hover) .shop-the-look-figma__media-visual picture .shop-the-look-figma__image,.shop-the-look-figma__media-item:has(.shop-the-look-figma__hotspot.is-open) .shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__media-item:has(.shop-the-look-figma__hotspot.is-open) .shop-the-look-figma__media-visual picture .shop-the-look-figma__image,.shop-the-look-figma__media-item:has(.shop-the-look-figma__hotspot:focus-within) .shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__media-item:has(.shop-the-look-figma__hotspot:focus-within) .shop-the-look-figma__media-visual picture .shop-the-look-figma__image{transform:scale(1.08)}.shop-the-look-figma__mobile-slide:hover .shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__mobile-slide:hover .shop-the-look-figma__media-visual picture .shop-the-look-figma__image,.shop-the-look-figma__mobile-slide:has(.shop-the-look-figma__hotspot:hover) .shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__mobile-slide:has(.shop-the-look-figma__hotspot:hover) .shop-the-look-figma__media-visual picture .shop-the-look-figma__image,.shop-the-look-figma__mobile-slide:has(.shop-the-look-figma__hotspot.is-open) .shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__mobile-slide:has(.shop-the-look-figma__hotspot.is-open) .shop-the-look-figma__media-visual picture .shop-the-look-figma__image,.shop-the-look-figma__mobile-slide:has(.shop-the-look-figma__hotspot:focus-within) .shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__mobile-slide:has(.shop-the-look-figma__hotspot:focus-within) .shop-the-look-figma__media-visual picture .shop-the-look-figma__image{transform:scale(1.08)}.shop-the-look-figma__hotspot{--popup-shift-x: 0px;--hotspot-layer: 0;position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);transform:translate(-50%,-50%);width:4.3rem;height:4.3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:calc(3 + var(--hotspot-layer, 0));isolation:isolate;box-shadow:0 .2rem .8rem #0000001f}.shop-the-look-figma__hotspot:after{content:"";position:absolute;left:50%;bottom:100%;top:auto;width:min(10rem,48cqi);height:calc(.85rem + min(16rem,38vh));transform:translate(-50%);z-index:1;pointer-events:none}.shop-the-look-figma__hotspot:hover:after,.shop-the-look-figma__hotspot:focus-within:after,.shop-the-look-figma__hotspot.is-open:after{pointer-events:auto}.shop-the-look-figma__hotspot:hover,.shop-the-look-figma__hotspot.is-open,.shop-the-look-figma__hotspot:focus-visible{z-index:40}.shop-the-look-figma__hotspot-icon{--shop-hotspot-pulse-bg: rgba(255, 255, 255, .92);--shop-hotspot-pulse-radius: 50%;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:3;flex-shrink:0}.shop-the-look-figma__hotspot-icon:before,.shop-the-look-figma__hotspot-icon:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;opacity:.2;background:var(--shop-hotspot-pulse-bg);border-radius:var(--shop-hotspot-pulse-radius);pointer-events:none;z-index:0;-webkit-animation:shop-the-look-figma-pulse-animation 3s ease-in-out infinite both;animation:shop-the-look-figma-pulse-animation 3s ease-in-out infinite both;will-change:transform,opacity}.shop-the-look-figma__hotspot-icon:after{animation-delay:1.5s}@keyframes shop-the-look-figma-pulse-animation{0%{transform:scale(1);opacity:.2}50%{transform:scale(1.35);opacity:.06}to{transform:scale(1.00453);opacity:.2}}.shop-the-look-figma__hotspot-icon svg{position:relative;z-index:1;width:2.5rem;height:2.5rem;transition:transform .28s ease}.shop-the-look-figma__hotspot:hover .shop-the-look-figma__hotspot-icon svg,.shop-the-look-figma__hotspot:focus-within .shop-the-look-figma__hotspot-icon svg,.shop-the-look-figma__hotspot.is-open .shop-the-look-figma__hotspot-icon svg{transform:scale(1.07)}.shop-the-look-figma__card{position:absolute;left:50%;bottom:calc(100% + .45rem);transform:translate(calc(-50% + var(--popup-shift-x, 0px))) translateY(-.35rem);width:min(28rem,calc(100cqw - 1.6rem),calc(100vw - 3rem));border-radius:1rem;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 .4rem 1.6rem #0000001f;display:grid;grid-template-columns:8.2rem minmax(0,1fr);row-gap:.2rem;opacity:0;visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility 0s linear .42s;transform-origin:bottom center;pointer-events:none;z-index:4}.shop-the-look-figma__card:after{content:"";position:absolute;top:calc(100% - .05rem);left:calc(50% - var(--popup-shift-x, 0px));transform:translate(-50%);width:0;height:0;border-left:.65rem solid transparent;border-right:.65rem solid transparent;border-top:.7rem solid #fff;filter:drop-shadow(0 .1rem 0 rgba(0,0,0,.06));z-index:2;pointer-events:none}.shop-the-look-figma__card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-the-look-card-wrapper{padding:12px 8px 10px;display:flex;flex-direction:column;gap:1.2rem}.shop-the-look-figma__card-image{width:100%;height:100%;object-fit:cover;border-top-left-radius:1rem;border-bottom-left-radius:1rem}.shop-the-look-figma__card-title{margin:0;color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.3;font-weight:500}.shop-the-look-figma__card .price{margin-top:.6rem}.shop-the-look-figma__card .price bdi{font-size:1.4rem;font-weight:700;display:block;margin-right:6px}.shop-the-look-figma .price{font-size:1.4rem}@media screen and (hover:hover){.shop-the-look-figma__hotspot:hover .shop-the-look-figma__card,.shop-the-look-figma__hotspot:focus-within .shop-the-look-figma__card{opacity:1;visibility:visible;transform:translate(calc(-50% + var(--popup-shift-x, 0px))) translateY(0);pointer-events:auto;transition:opacity .18s ease 0s,transform .18s ease 0s,visibility 0s linear 0s}}.shop-the-look-figma__hotspot.is-open .shop-the-look-figma__card{opacity:1;visibility:visible;transform:translate(calc(-50% + var(--popup-shift-x, 0px))) translateY(0);pointer-events:auto;transition:opacity .18s ease 0s,transform .18s ease 0s,visibility 0s linear 0s}.shop-the-look-figma__header .title-wrapper{margin-bottom:0;flex:1 1 auto;min-width:0}.shop-the-look-figma__card .price--on-sale .price__sale dd:last-child{margin:0}.shop-the-look-figma .price--on-sale .price-item--salle,.shop-the-look-figma .price-item.price-item--regullar{display:flex}@media screen and (min-width:750px)and (max-width:990px){.shop-the-look-figma__card-title{font-size:1.2rem}.shop-the-look-figma .price-item--regullar price-money+price-money .money{font-size:1rem}.shop-the-look-figma__card .price bdi{font-size:1.2rem}.shop-the-look-figma__card .price--on-sale .price-item--regullar .money,.shop-the-look-figma .price{font-size:1.2rem}}@media screen and (max-width:749px){.shop-the-look-figma__view-all--header{display:none}.shop-the-look-figma__view-all--bottom{display:flex}.shop-the-look-figma__media-grid{display:none}.shop-the-look-figma__mobile-slider,.shop-the-look-figma__mobile-cta{display:block}.shop-the-look-figma__mobile-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:1rem;padding-right:1.5rem}.shop-the-look-figma .price{font-size:1.2rem}.shop-the-look-figma__mobile-track::-webkit-scrollbar{height:0}.shop-the-look-figma__mobile-slide{position:relative;z-index:1;flex:0 0 85%;scroll-snap-align:start;max-width:71%;padding-left:15px}.shop-the-look-figma__mobile-slide:has(.shop-the-look-figma__hotspot:hover),.shop-the-look-figma__mobile-slide:has(.shop-the-look-figma__hotspot.is-open),.shop-the-look-figma__mobile-slide:has(.shop-the-look-figma__hotspot:focus-visible){z-index:12}.shop-the-look-figma__mobile-media{position:relative;overflow:visible;width:100%;height:100%}.shop-the-look-figma__mobile-media .shop-the-look-figma__media-visual{width:100%;border-radius:1rem;overflow:hidden}.shop-the-look-figma__mobile-cta{margin-top:3rem;display:flex;justify-content:center}.shop-the-look-figma__header{margin-bottom:2.5rem}.shop-the-look-figma__view-all{font-size:1.2rem;padding:1.1rem 4.2rem}.shop-the-look-figma__hotspot{width:3.6rem;height:3.6rem}.shop-the-look-figma__card{width:min(24rem,calc(100cqw - 1.2rem),calc(100vw - 2.4rem));left:50%;bottom:calc(100% + .4rem)}.shop-the-look-figma__card-title{font-size:1.2rem}.shop-the-look-figma__card .price bdi{font-size:1.2rem}.shop-the-look-figma__image.main-image{aspect-ratio:87 / 97}.shop-the-look-figma.page-width{padding:0}.shop-the-look-figma__header{padding:0 1.5rem}.shop-the-look-figma .button--arrow svg{width:.9rem;height:1.8rem}.shop-the-look-figma__card .price{font-size:1rem}.shop-the-look-figma__card .price--on-sale .price-item--regullar{font-size:1.2rem}.shop-the-look-figma__card .shop-the-look-figma .price-item--regullar price-money+price-money .money{font-size:1.2rem}.shop-the-look-figma__card .price--on-sale .price-item--regullar .money,.shop-the-look-figma .price--on-sale .price-item--regullar .money{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.shop-the-look-figma__hotspot-icon:before,.shop-the-look-figma__hotspot-icon:after{-webkit-animation:none;animation:none;opacity:0}.shop-the-look-figma__hotspot-icon svg{transform:none}.shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__media-visual picture .shop-the-look-figma__image{transition-duration:.01ms}.shop-the-look-figma__media-item:hover .shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__media-item:hover .shop-the-look-figma__media-visual picture .shop-the-look-figma__image,.shop-the-look-figma__media-item:has(.shop-the-look-figma__hotspot:hover) .shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__media-item:has(.shop-the-look-figma__hotspot:hover) .shop-the-look-figma__media-visual picture .shop-the-look-figma__image,.shop-the-look-figma__media-item:has(.shop-the-look-figma__hotspot.is-open) .shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__media-item:has(.shop-the-look-figma__hotspot.is-open) .shop-the-look-figma__media-visual picture .shop-the-look-figma__image,.shop-the-look-figma__media-item:has(.shop-the-look-figma__hotspot:focus-within) .shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__media-item:has(.shop-the-look-figma__hotspot:focus-within) .shop-the-look-figma__media-visual picture .shop-the-look-figma__image,.shop-the-look-figma__mobile-slide:hover .shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__mobile-slide:hover .shop-the-look-figma__media-visual picture .shop-the-look-figma__image,.shop-the-look-figma__mobile-slide:has(.shop-the-look-figma__hotspot:hover) .shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__mobile-slide:has(.shop-the-look-figma__hotspot:hover) .shop-the-look-figma__media-visual picture .shop-the-look-figma__image,.shop-the-look-figma__mobile-slide:has(.shop-the-look-figma__hotspot.is-open) .shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__mobile-slide:has(.shop-the-look-figma__hotspot.is-open) .shop-the-look-figma__media-visual picture .shop-the-look-figma__image,.shop-the-look-figma__mobile-slide:has(.shop-the-look-figma__hotspot:focus-within) .shop-the-look-figma__media-visual .shop-the-look-figma__image,.shop-the-look-figma__mobile-slide:has(.shop-the-look-figma__hotspot:focus-within) .shop-the-look-figma__media-visual picture .shop-the-look-figma__image{transform:none}.shop-the-look-figma__card{transition-duration:.01ms;transition-delay:0s!important}}
/*# sourceMappingURL=/cdn/shop/t/271/assets/section-shop-the-look-figma.css.map */