.shop-by-look-wrapper{outline:none;margin:0 auto;max-width:var(--page-width)}.shop-the-look{color:rgb(var(--color-foreground));position:relative;z-index:0}.shop-the-look__wrapper{padding:0;border-width:1px 1px 0 1px;border-style:solid;border-color:#15008b;box-sizing:border-box}@media screen and (max-width: 749px){.shop-the-look__wrapper{padding:0}}.shop-the-look__description{margin-bottom:3rem;text-align:center}.shop-the-look__grid{display:flex;flex-wrap:wrap;margin:0}.shop-the-look__item{border:none;margin:0;padding:2rem;flex-grow:1;width:100%}@media screen and (min-width: 990px){.shop-the-look__grid--2 .shop-the-look__item{width:50%}.shop-the-look__grid--3 .shop-the-look__item{width:33.3333%}.shop-the-look__grid--4 .shop-the-look__item{width:25%}.shop-the-look__grid--2 .shop-the-look__item,.shop-the-look__grid--3 .shop-the-look__item,.shop-the-look__grid--4 .shop-the-look__item{border-right:none}.shop-the-look__grid--2 .shop-the-look__item:nth-child(odd),.shop-the-look__grid--3 .shop-the-look__item:nth-child(3n+1),.shop-the-look__grid--4 .shop-the-look__item:nth-child(4n+1){border-left:none}.shop-the-look__grid--2 .shop-the-look__item:nth-child(-n+2),.shop-the-look__grid--3 .shop-the-look__item:nth-child(-n+3),.shop-the-look__grid--4 .shop-the-look__item:nth-child(-n+4){border-top:none}}.shop-the-look__title{text-align:center;margin-bottom:1.5rem;font-size:2rem}.shop-the-look__content{width:100%}.shop-the-look__image-container{position:relative;display:block;width:100%;aspect-ratio:3/4;margin:0;max-width:100%}.shop-the-look__image{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}.conversation-bubble{position:absolute;z-index:1;overflow:visible;transform:translate(-50%,-50%);cursor:pointer;transition:all .3s ease;animation:bubbleAppear .6s ease-out;max-width:250px}.conversation-bubble:after{content:none}.conversation-bubble .bubble-content:after{display:none}.conversation-bubble>.bubble-tail{position:absolute;width:40px;height:22px;clip-path:polygon(0 0,100% 50%,0 100%,12% 72%,12% 28%);transform-origin:50% 50%;pointer-events:none;z-index:0}.conversation-bubble--right>.bubble-tail{bottom:-10px;right:-10px;transform:rotate(45deg)}.conversation-bubble--left>.bubble-tail{bottom:-10px;left:-10px;transform:rotate(-45deg);clip-path:polygon(100% 0,0 50%,100% 100%,88% 72%,88% 28%)}.conversation-bubble--top .bubble-content:after{display:none}.conversation-bubble:hover{transform:translate(-50%,-50%) scale(1.05);z-index:20}.conversation-bubble:active{transform:translate(-50%,-50%) scale(.95)}.bubble-content{position:relative;z-index:1;background:#007aff;color:#fff;padding:1rem 1.4rem;border-radius:1.8rem;font-size:1.4rem;line-height:1.35;font-weight:400;box-shadow:0 2px 8px #0000001a;border:none;min-width:60px;text-align:left;max-width:250px;word-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.bubble-text{display:block;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.bubble-arrow{position:absolute;width:0;height:0;border-style:solid;z-index:2}.conversation-bubble .bubble-arrow{top:auto;bottom:auto;left:auto;right:auto;border:0 solid transparent}.conversation-bubble--add-all .bubble-content{background:#f2f2f7;color:#000;box-shadow:0 2px 8px #0000001a;font-weight:400;font-size:1.4rem;border-radius:20px}.conversation-bubble:not(.conversation-bubble--add-all)>.bubble-tail{background:#007aff}.conversation-bubble--add-all>.bubble-tail{background:#f2f2f7}.conversation-bubble--add-all .bubble-arrow{border-top-color:#f2f2f7}.conversation-bubble--add-all.conversation-bubble--left .bubble-arrow{border-left-color:#f2f2f7}.conversation-bubble--add-all.conversation-bubble--right .bubble-arrow{border-right-color:#f2f2f7}.conversation-bubble--add-all.conversation-bubble--bottom .bubble-arrow{border-bottom-color:#f2f2f7}.conversation-bubble--demo .bubble-content{background:#007aff;box-shadow:0 4px 12px #007aff4d}.conversation-bubble--demo .bubble-arrow{border-top-color:#007aff}.conversation-bubble--demo.conversation-bubble--top .bubble-arrow{border-bottom-color:#007aff}.conversation-bubble--demo.conversation-bubble--left .bubble-arrow{border-left-color:#007aff}.conversation-bubble--demo.conversation-bubble--right .bubble-arrow{border-right-color:#007aff}.conversation-bubble--top .bubble-arrow{top:0;left:50%;transform:translate(-50%,-100%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #007AFF;border-bottom:none}.conversation-bubble--top.conversation-bubble--add-all .bubble-arrow{border-bottom-color:#f2f2f7}.conversation-bubble--left .bubble-arrow{top:50%;left:0;transform:translate(-100%,-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #007AFF;border-right:none}.conversation-bubble--left.conversation-bubble--add-all .bubble-arrow{border-left-color:#f2f2f7}.conversation-bubble--right .bubble-arrow{top:50%;right:0;transform:translate(100%,-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #007AFF;border-left:none}.conversation-bubble--bottom .bubble-arrow{bottom:0;left:50%;transform:translate(-50%,100%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #007AFF;border-top:none}.conversation-bubble--right.conversation-bubble--add-all .bubble-arrow{border-right-color:#f2f2f7}.conversation-bubble--loading .bubble-content{opacity:.7;pointer-events:none}.conversation-bubble--loading .bubble-content:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes bubbleAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media (hover: none) and (pointer: coarse){.conversation-bubble,.conversation-bubble:hover{transform:translate(-50%,-50%) scale(1.1)}.conversation-bubble:active{transform:translate(-50%,-50%) scale(1.05)}.bubble-content{padding:1.4rem 1.8rem;font-size:1.5rem}}@media screen and (max-width: 749px){.shop-the-look__grid{width:100%}.shop-the-look__item{width:100%;border-left:none;border-right:none}.shop-the-look__grid--m2 .shop-the-look__item{width:50%}.shop-the-look__grid--m2 .shop-the-look__item:nth-child(2n){border-left:1px solid #15008B}.shop-the-look__grid--m2 .shop-the-look__item:nth-child(-n+2),.shop-the-look__item:first-child{border-top:none}.shop-the-look__title{font-size:1.8rem;margin-bottom:1rem}.conversation-bubble{max-width:200px}.bubble-content{padding:1rem 1.4rem;font-size:1.3rem;border-radius:1.8rem}.conversation-bubble--add-all .bubble-content{font-size:1.4rem}.conversation-bubble .bubble-arrow{border-left-width:8px;border-right-width:8px;border-top-width:8px}.conversation-bubble--top .bubble-arrow{border-bottom-width:8px}.conversation-bubble--left .bubble-arrow{border-top-width:8px;border-bottom-width:8px;border-left-width:8px}.conversation-bubble--right .bubble-arrow{border-top-width:8px;border-bottom-width:8px;border-right-width:8px}}@media screen and (min-width: 750px) and (max-width: 989px){.conversation-bubble{max-width:220px}.bubble-content{font-size:1.35rem}.shop-the-look__item{border-right:none}.shop-the-look__item:nth-child(odd){border-left:none}.shop-the-look__item:nth-child(-n+2){border-top:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-shop-the-look.css.map */